add 'plugins' config option, new way of registering es5 plugins
parent
08f29f08a2
commit
d9690462e0
|
@ -429,7 +429,7 @@ Reveal.on( 'customevent', function() {
|
|||
transition: 'slide', // none/fade/slide/convex/concave/zoom
|
||||
|
||||
// More info https://github.com/hakimel/reveal.js#dependencies
|
||||
dependencies: [ Zoom, Notes, Search, Markdown, Highlight ]
|
||||
plugins: [ Zoom, Notes, Search, Markdown, Highlight ]
|
||||
});
|
||||
|
||||
deck.initialize();
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
13
gulpfile.js
13
gulpfile.js
|
@ -67,12 +67,12 @@ gulp.task('js', () => {
|
|||
|
||||
gulp.task('plugins', () => {
|
||||
return Promise.all([
|
||||
{ input: './plugin/highlight/highlight.es5', output: './dist/plugin/highlight.js' },
|
||||
{ input: './plugin/markdown/markdown.es5', output: './dist/plugin/markdown.js' },
|
||||
{ input: './plugin/search/search.es5', output: './dist/plugin/search.js' },
|
||||
{ input: './plugin/notes/notes.es5', output: './dist/plugin/notes.js' },
|
||||
{ input: './plugin/zoom/zoom.es5', output: './dist/plugin/zoom.js' },
|
||||
{ input: './plugin/math/math.es5', output: './dist/plugin/math.js' }
|
||||
{ name: 'RevealHighlight', input: './plugin/highlight/highlight.js', output: './dist/plugin/highlight.js' },
|
||||
{ name: 'RevealMarkdown', input: './plugin/markdown/markdown.js', output: './dist/plugin/markdown.js' },
|
||||
{ name: 'RevealSearch', input: './plugin/search/search.js', output: './dist/plugin/search.js' },
|
||||
{ name: 'RevealNotes', input: './plugin/notes/notes.js', output: './dist/plugin/notes.js' },
|
||||
{ name: 'RevealZoom', input: './plugin/zoom/zoom.js', output: './dist/plugin/zoom.js' },
|
||||
{ name: 'RevealMath', input: './plugin/math/math.js', output: './dist/plugin/math.js' }
|
||||
].map( plugin => {
|
||||
return rollup({
|
||||
input: plugin.input,
|
||||
|
@ -80,6 +80,7 @@ gulp.task('plugins', () => {
|
|||
}).then( bundle => {
|
||||
return bundle.write({
|
||||
file: plugin.output,
|
||||
name: plugin.name,
|
||||
format: 'umd'
|
||||
})
|
||||
});
|
||||
|
|
|
@ -22,17 +22,16 @@
|
|||
</div>
|
||||
|
||||
<script src="dist/reveal.min.js"></script>
|
||||
<script src="dist/plugin/markdown.js"></script>
|
||||
<script src="dist/plugin/highlight.js"></script>
|
||||
<script src="dist/plugin/notes.js"></script>
|
||||
<script>
|
||||
// More info about config & dependencies:
|
||||
// - https://github.com/hakimel/reveal.js#configuration
|
||||
// - https://github.com/hakimel/reveal.js#dependencies
|
||||
Reveal.initialize({
|
||||
hash: true,
|
||||
dependencies: [
|
||||
{ src: 'dist/plugin/markdown.js' },
|
||||
{ src: 'dist/plugin/highlight.js' },
|
||||
{ src: 'dist/plugin/notes.js' }
|
||||
]
|
||||
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
@ -276,6 +276,9 @@ export default {
|
|||
hideCursorTime: 5000,
|
||||
|
||||
// Script dependencies to load
|
||||
dependencies: []
|
||||
dependencies: [],
|
||||
|
||||
// Plugin objects to register and use for this presentation
|
||||
plugins: []
|
||||
|
||||
}
|
|
@ -20,11 +20,16 @@ export default class Plugins {
|
|||
}
|
||||
|
||||
/**
|
||||
* Loads the dependencies of reveal.js. Dependencies are
|
||||
* defined via the configuration option 'dependencies'
|
||||
* and will be loaded prior to starting/binding reveal.js.
|
||||
* Loads reveal.js dependencies and registers plugins.
|
||||
*
|
||||
* Dependencies are defined via the 'dependencies' config
|
||||
* option and will be loaded prior to starting reveal.js.
|
||||
* Some dependencies may have an 'async' flag, if so they
|
||||
* will load after reveal.js has been started up.
|
||||
*
|
||||
* Plugins are direct references to a reveal.js plugin
|
||||
* object that we register and initialize after any
|
||||
* synchronous dependencies have loaded.
|
||||
*/
|
||||
load( dependencies ) {
|
||||
|
||||
|
|
|
@ -145,7 +145,7 @@ export default function( revealElement, options ) {
|
|||
window.addEventListener( 'load', layout, false );
|
||||
|
||||
// Load plugins then move on to #start()
|
||||
plugins.load( config.dependencies ).then( start );
|
||||
plugins.load( [...config.dependencies, ...config.plugins] ).then( start );
|
||||
|
||||
return new Promise( resolve => Reveal.on( 'ready', resolve ) );
|
||||
|
||||
|
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* This is used to compile a self-registering
|
||||
* es5 compatible version of the plugin.
|
||||
*/
|
||||
|
||||
import plugin from './highlight.js'
|
||||
Reveal.registerPlugin( plugin );
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* This is used to compile a self-registering
|
||||
* es5 compatible version of the plugin.
|
||||
*/
|
||||
|
||||
import plugin from './markdown.js'
|
||||
Reveal.registerPlugin( plugin );
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* This is used to compile a self-registering
|
||||
* es5 compatible version of the plugin.
|
||||
*/
|
||||
|
||||
import plugin from './math.js'
|
||||
Reveal.registerPlugin( plugin );
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* This is used to compile a self-registering
|
||||
* es5 compatible version of the plugin.
|
||||
*/
|
||||
|
||||
import plugin from './notes.js'
|
||||
Reveal.registerPlugin( plugin );
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* This is used to compile a self-registering
|
||||
* es5 compatible version of the plugin.
|
||||
*/
|
||||
|
||||
import plugin from './search.js'
|
||||
Reveal.registerPlugin( plugin );
|
|
@ -1,4 +1,4 @@
|
|||
/*
|
||||
/*!
|
||||
* Handles finding a text string anywhere in the slides and showing the next occurrence to the user
|
||||
* by navigatating to that slide and highlighting it.
|
||||
*
|
||||
|
|
|
@ -1,7 +0,0 @@
|
|||
/**
|
||||
* This is used to compile a self-registering
|
||||
* es5 compatible version of the plugin.
|
||||
*/
|
||||
|
||||
import plugin from './zoom.js'
|
||||
Reveal.registerPlugin( plugin );
|
Loading…
Reference in New Issue