add 'plugins' config option, new way of registering es5 plugins
This commit is contained in:
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();
|
||||
|
|
4
dist/plugin/highlight.js
vendored
4
dist/plugin/highlight.js
vendored
File diff suppressed because one or more lines are too long
4
dist/plugin/markdown.js
vendored
4
dist/plugin/markdown.js
vendored
File diff suppressed because one or more lines are too long
2
dist/plugin/math.js
vendored
2
dist/plugin/math.js
vendored
File diff suppressed because one or more lines are too long
2
dist/plugin/notes.js
vendored
2
dist/plugin/notes.js
vendored
File diff suppressed because one or more lines are too long
8
dist/plugin/search.js
vendored
8
dist/plugin/search.js
vendored
File diff suppressed because one or more lines are too long
6
dist/plugin/zoom.js
vendored
6
dist/plugin/zoom.js
vendored
File diff suppressed because one or more lines are too long
4
dist/reveal.min.js
vendored
4
dist/reveal.min.js
vendored
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
Block a user