reveal.js can now be instantiated with new Reveal(<htmlelement>,<options>)
This commit is contained in:
parent
33a1d8d4ad
commit
bf45578ba1
4
dist/reveal.min.js
vendored
4
dist/reveal.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -26,7 +26,7 @@ const license = `/*!
|
||||||
*/\n`
|
*/\n`
|
||||||
|
|
||||||
|
|
||||||
gulp.task('js', () => gulp.src(['./js/app.js'])
|
gulp.task('js', () => gulp.src(['./js/index.js'])
|
||||||
.pipe(babel({ presets: ['@babel/preset-env'] }))
|
.pipe(babel({ presets: ['@babel/preset-env'] }))
|
||||||
.pipe(webpack({
|
.pipe(webpack({
|
||||||
mode: 'production'
|
mode: 'production'
|
||||||
|
@ -90,7 +90,7 @@ gulp.task('serve', () => {
|
||||||
livereload: true
|
livereload: true
|
||||||
})
|
})
|
||||||
|
|
||||||
gulp.watch(['js/*.js'], gulp.series('js'))
|
gulp.watch(['js/**/*'], gulp.series('js'))
|
||||||
|
|
||||||
gulp.watch([
|
gulp.watch([
|
||||||
'css/theme/source/*.{sass,scss}',
|
'css/theme/source/*.{sass,scss}',
|
||||||
|
|
12
js/index.js
Normal file
12
js/index.js
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
import _reveal from './reveal.js'
|
||||||
|
|
||||||
|
// The Reveal class can be instantiated to run multiple
|
||||||
|
// presentations on the same page
|
||||||
|
window.Reveal = _reveal;
|
||||||
|
|
||||||
|
// Simplified way to create a reveal.js instance on
|
||||||
|
// a page with only one presentation, makes us backwards
|
||||||
|
// compatible with reveal.js pre 4.0
|
||||||
|
window.Reveal.initialize = options => {
|
||||||
|
window.Reveal = new _reveal( document.querySelector( '.reveal' ), options );
|
||||||
|
}
|
24
js/reveal.js
24
js/reveal.js
|
@ -7,7 +7,7 @@ import Playback from './components/playback.js'
|
||||||
*
|
*
|
||||||
* Copyright (C) 2020 Hakim El Hattab, http://hakim.se
|
* Copyright (C) 2020 Hakim El Hattab, http://hakim.se
|
||||||
*/
|
*/
|
||||||
export default function() {
|
export default function( revealElement, options ) {
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
@ -306,9 +306,6 @@ export default function() {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// Flags if Reveal.initialize() has been called
|
|
||||||
initialized = false,
|
|
||||||
|
|
||||||
// Flags if reveal.js is loaded (has dispatched the 'ready' event)
|
// Flags if reveal.js is loaded (has dispatched the 'ready' event)
|
||||||
loaded = false,
|
loaded = false,
|
||||||
|
|
||||||
|
@ -412,18 +409,18 @@ export default function() {
|
||||||
/**
|
/**
|
||||||
* Starts up the presentation if the client is capable.
|
* Starts up the presentation if the client is capable.
|
||||||
*/
|
*/
|
||||||
function initialize( options ) {
|
function init() {
|
||||||
|
|
||||||
// Make sure we only initialize once
|
if( !revealElement ) {
|
||||||
if( initialized === true ) return;
|
console.warn( 'reveal.js must be instantiated with a valid .reveal element' );
|
||||||
|
return;
|
||||||
initialized = true;
|
}
|
||||||
|
|
||||||
checkCapabilities();
|
checkCapabilities();
|
||||||
|
|
||||||
// Cache references to key DOM elements
|
// Cache references to key DOM elements
|
||||||
dom.wrapper = document.querySelector( '.reveal' );
|
dom.wrapper = revealElement;
|
||||||
dom.slides = document.querySelector( '.reveal .slides' );
|
dom.slides = revealElement.querySelector( '.slides' );
|
||||||
|
|
||||||
// Force a layout when the whole page, incl fonts, has loaded
|
// Force a layout when the whole page, incl fonts, has loaded
|
||||||
window.addEventListener( 'load', layout, false );
|
window.addEventListener( 'load', layout, false );
|
||||||
|
@ -441,6 +438,8 @@ export default function() {
|
||||||
// Loads dependencies and continues to #start() once done
|
// Loads dependencies and continues to #start() once done
|
||||||
load();
|
load();
|
||||||
|
|
||||||
|
return Reveal;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -6175,7 +6174,6 @@ export default function() {
|
||||||
Reveal = {
|
Reveal = {
|
||||||
VERSION: VERSION,
|
VERSION: VERSION,
|
||||||
|
|
||||||
initialize,
|
|
||||||
configure,
|
configure,
|
||||||
|
|
||||||
sync,
|
sync,
|
||||||
|
@ -6404,6 +6402,6 @@ export default function() {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return Reveal;
|
return init();
|
||||||
|
|
||||||
};
|
};
|
Loading…
Reference in New Issue
Block a user