janishutz-legacy/impress.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some more progress

Browse Source
This commit is contained in:
janis
2024-01-22 17:09:34 +01:00
parent b0eb35bae4
commit 2f99906932
3 changed files with 39 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
.vscode/tasks.json vendored Normal file
View File

@@ -0,0 +1,14 @@
{
"version": "2.0.0",
"tasks": [
{
"type": "typescript",
"tsconfig": "tsconfig.json",
"problemMatcher": [
"$tsc"
],
"group": "build",
"label": "tsc: build - tsconfig.json"
}
]
}

30
src/impress.ts
View File

@@ -31,6 +31,15 @@
// All internal functions are (to be) prefixed with an underscore // All internal functions are (to be) prefixed with an underscore
class ImpressNotSupportedError extends Error {}
class ImpressInitError extends Error {}
class ImpressConfig {
constructor( ) {
}
}
// eslint-disable-next-line @typescript-eslint/no-explicit-any // eslint-disable-next-line @typescript-eslint/no-explicit-any
( window as any ).impress = () => { ( window as any ).impress = () => {
// Somehow eslint didn't like the variable being reassigned inside of a function... // Somehow eslint didn't like the variable being reassigned inside of a function...
@@ -53,7 +62,7 @@
document.body.classList.add( 'impress-supported' ); document.body.classList.add( 'impress-supported' );
} }
type PluginInitFunction = () => undefined; type PluginInitFunction = () => void;
/** /**
* This function is used to initialize impress. It calls some prep functions and then loads * This function is used to initialize impress. It calls some prep functions and then loads
@@ -62,11 +71,14 @@
* @param {Array<String>|undefined} [pluginsToLoad] An array of plugins to load when initializing impress. Defaults to the built-in plugins that require explicit initialization. * @param {Array<String>|undefined} [pluginsToLoad] An array of plugins to load when initializing impress. Defaults to the built-in plugins that require explicit initialization.
* @returns {undefined} * @returns {undefined}
*/ */
const init = ( pluginsToLoad?: Array<PluginInitFunction> ): undefined => { const init = ( pluginsToLoad?: Array<PluginInitFunction> ): void => {
// Check if impress is supported and refuse to init, if not supported. // Check if impress is supported and refuse to init, if not supported.
if ( !isImpressSupported ) { if ( !isImpressSupported ) {
return; throw new ImpressNotSupportedError( 'Your browser does not support all required CSS attributes. Impress.js can therefore not be started. You will see a simplified version of the presentation.' );
} }
// Set default set of plugins to initialize on init or, if pluginsToLoad is defined,
// use the plugins array to load
let toBeLoadedPlugins: Array<PluginInitFunction> = []; let toBeLoadedPlugins: Array<PluginInitFunction> = [];
if ( typeof pluginsToLoad !== 'undefined' ) { if ( typeof pluginsToLoad !== 'undefined' ) {
toBeLoadedPlugins = pluginsToLoad; toBeLoadedPlugins = pluginsToLoad;
@@ -78,11 +90,19 @@
toBeLoadedPlugins[ plugin ](); toBeLoadedPlugins[ plugin ]();
} else { } else {
// Maybe somebody thinks they are funny to pass in an array of something but functions... // Maybe somebody thinks they are funny to pass in an array of something but functions...
console.warn( 'impress().init() only accepts an array of functions! What you passed in was an array of ' + typeof ( toBeLoadedPlugins[ plugin ] ) ); console.warn( 'impress().init() only accepts an array of functions! What you passed in was an array of ' + typeof ( toBeLoadedPlugins[ plugin ] ) + '. Impress will load regardless, but the plugins you wanted to load will not be loaded!' );
return;
} }
} }
// Get the main #impress element and raise ImpressInitError if no #impress element was found
var impressMain = document.getElementById( 'impress' );
if ( impressMain === null ) {
throw new ImpressInitError( 'Your presentation does not contain any element with id "impress"' );
}
console.log( impressMain.dataset );
// create config for impress
// Finally, with init done, send out the 'impress:init' event. // Finally, with init done, send out the 'impress:init' event.
// All plugins which use this event to initialize will now be initialized // All plugins which use this event to initialize will now be initialized
document.dispatchEvent( new Event( 'impress:init' ) ); document.dispatchEvent( new Event( 'impress:init' ) );

1
src/index.html
View File

@@ -13,7 +13,6 @@
<html> <html>
<head> <head>
<title></title> <title></title>
<link rel="stylesheet" href="style.css">
<style> <style>
.impress-supported .fallback-message { .impress-supported .fallback-message {
display: none; display: none;