@shower/core 3.2.0 → 3.3.1

package/lib/slide.js

@@ -1,99 +1,99 @@
-import { defineReadOnly, ShowerError } from './utils';
+import { defineReadOnly, ShowerError } from './utils.js';
 
 class Slide extends EventTarget {
-    /**
-     * @param {Shower} shower
-     * @param {HTMLElement} element
-     */
-    constructor(shower, element) {
-        super();
-
-        defineReadOnly(this, {
-            shower,
-            element,
-            state: {
-                visitCount: 0,
-                innerStepCount: 0,
-            },
-        });
-
-        this._isActive = false;
-        this._options = this.shower.options;
-
-        this.element.addEventListener('click', (event) => {
-            if (event.defaultPrevented) return;
-
-            this.activate();
-            this.shower.enterFullMode();
-        });
-    }
-
-    get isActive() {
-        return this._isActive;
-    }
-
-    get isVisited() {
-        return this.state.visitCount > 0;
-    }
-
-    get id() {
-        return this.element.id;
-    }
-
-    get title() {
-        const titleElement = this.element.querySelector(this._options.slideTitleSelector);
-        return titleElement ? titleElement.innerText : '';
-    }
-
-    /**
-     * Deactivates currently active slide (if any) and activates itself.
-     * @emits Slide#deactivate
-     * @emits Slide#activate
-     * @emits Shower#slidechange
-     */
-    activate() {
-        if (this._isActive) return;
-
-        const prev = this.shower.activeSlide;
-        if (prev) {
-            prev._deactivate();
-        }
-
-        this.state.visitCount++;
-        this.element.classList.add(this._options.activeSlideClass);
-
-        this._isActive = true;
-        this.dispatchEvent(new Event('activate'));
-        this.shower.dispatchEvent(
-            new CustomEvent('slidechange', {
-                detail: { prev },
-            }),
-        );
-    }
-
-    /**
-     * @throws {ShowerError}
-     * @emits Slide#deactivate
-     */
-    deactivate() {
-        if (this.shower.isFullMode) {
-            throw new ShowerError('In full mode, another slide should be activated instead.');
-        }
-
-        if (this._isActive) {
-            this._deactivate();
-        }
-    }
-
-    _deactivate() {
-        this.element.classList.replace(
-            this._options.activeSlideClass,
-            this._options.visitedSlideClass,
-        );
-
-        this._isActive = false;
-        this.dispatchEvent(new Event('deactivate'));
-    }
+	/**
+	 * @param {Shower} shower
+	 * @param {HTMLElement} element
+	 */
+	constructor(shower, element) {
+		super();
+
+		defineReadOnly(this, {
+			shower,
+			element,
+			state: {
+				visitCount: 0,
+				innerStepCount: 0,
+			},
+		});
+
+		this._isActive = false;
+		this._options = this.shower.options;
+
+		this.element.addEventListener('click', (event) => {
+			if (event.defaultPrevented) return;
+
+			this.activate();
+			this.shower.enterFullMode();
+		});
+	}
+
+	get isActive() {
+		return this._isActive;
+	}
+
+	get isVisited() {
+		return this.state.visitCount > 0;
+	}
+
+	get id() {
+		return this.element.id;
+	}
+
+	get title() {
+		const titleElement = this.element.querySelector(this._options.slideTitleSelector);
+		return titleElement ? titleElement.innerText : '';
+	}
+
+	/**
+	 * Deactivates currently active slide (if any) and activates itself.
+	 * @emits Slide#deactivate
+	 * @emits Slide#activate
+	 * @emits Shower#slidechange
+	 */
+	activate() {
+		if (this._isActive) return;
+
+		const prev = this.shower.activeSlide;
+		if (prev) {
+			prev._deactivate();
+		}
+
+		this.state.visitCount++;
+		this.element.classList.add(this._options.activeSlideClass);
+
+		this._isActive = true;
+		this.dispatchEvent(new Event('activate'));
+		this.shower.dispatchEvent(
+			new CustomEvent('slidechange', {
+				detail: { prev },
+			}),
+		);
+	}
+
+	/**
+	 * @throws {ShowerError}
+	 * @emits Slide#deactivate
+	 */
+	deactivate() {
+		if (this.shower.isFullMode) {
+			throw new ShowerError('In full mode, another slide should be activated instead.');
+		}
+
+		if (this._isActive) {
+			this._deactivate();
+		}
+	}
+
+	_deactivate() {
+		this.element.classList.replace(
+			this._options.activeSlideClass,
+			this._options.visitedSlideClass,
+		);
+
+		this._isActive = false;
+		this.dispatchEvent(new Event('deactivate'));
+	}
 }
 
 export default Slide;

package/lib/utils.js

@@ -1,22 +1,22 @@
-export const isInteractiveElement = (element) => element.tabIndex !== -1;
+export const isInteractiveElement = (element) => element.tabIndex !== -1 || element.isContentEditable;
 
 export const contentLoaded = (callback) => {
-    if (document.currentScript.async) {
-        callback();
-    } else {
-        document.addEventListener('DOMContentLoaded', callback);
-    }
+	if (document.currentScript.async) {
+		callback();
+	} else {
+		document.addEventListener('DOMContentLoaded', callback);
+	}
 };
 
 export const defineReadOnly = (target, props) => {
-    for (const [key, value] of Object.entries(props)) {
-        Object.defineProperty(target, key, {
-            value,
-            writable: false,
-            enumerable: true,
-            configurable: true,
-        });
-    }
+	for (const [key, value] of Object.entries(props)) {
+		Object.defineProperty(target, key, {
+			value,
+			writable: false,
+			enumerable: true,
+			configurable: true,
+		});
+	}
 };
 
 export class ShowerError extends Error {}

package/package.json

@@ -1,63 +1,40 @@
 {
-  "name": "@shower/core",
-  "description": "Core for Shower HTML presentation engine",
-  "version": "3.2.0",
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": {
-    "name": "Vadim Makeev",
-    "email": "pepelsbey@gmail.com",
-    "url": "https://pepelsbey.net"
-  },
-  "homepage": "https://github.com/shower/core",
-  "repository": "shower/core",
-  "bugs": "https://github.com/shower/shower/issues",
-  "license": "MIT",
-  "keywords": [
-    "shower",
-    "presentation",
-    "core"
-  ],
-  "main": "lib/shower.js",
-  "files": [
-    "lib",
-    "dist/shower.js"
-  ],
-  "devDependencies": {
-    "chai": "^4.3.4",
-    "chromedriver": "^83.0.1",
-    "eslint": "^7.29.0",
-    "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-prettier": "^3.4.0",
-    "husky": "^4.3.8",
-    "lint-staged": "^10.5.4",
-    "mocha": "^7.2.0",
-    "nightwatch": "^1.7.6",
-    "prettier": "^2.3.1",
-    "puppeteer": "^3.3.0",
-    "rollup": "^2.52.2",
-    "sauce-connect-launcher": "^1.3.2",
-    "serve": "^11.3.2",
-    "serve-handler": "^6.1.3"
-  },
-  "scripts": {
-    "build": "rollup --config",
-    "build:watch": "rollup --config --watch",
-    "serve": "serve dist",
-    "lint": "eslint '**/*.{js,mjs}'",
-    "lint:fix": "eslint '**/*.{js,mjs}' --fix",
-    "format": "npm run format:js && npm run format:etc",
-    "format:js": "prettier '**/*.{js,mjs}' --write",
-    "format:etc": "prettier '**/*.{json,md,yml}' --write",
-    "test": "npm run lint && npm run test:unit && npm run test:local",
-    "test:unit": "mocha test/unit --require chai/register-should",
-    "test:local": "nightwatch --env chrome-local --timeout 500",
-    "test:sauce": "nightwatch --env chrome,firefox,safari"
-  },
-  "config": {
-    "test_port": 8031
-  }
+	"type": "module",
+	"name": "@shower/core",
+	"description": "Core for Shower HTML presentation engine",
+	"version": "3.3.1",
+	"publishConfig": {
+		"access": "public"
+	},
+	"author": {
+		"name": "Vadim Makeev",
+		"email": "hi@pepelsbey.dev",
+		"url": "https://pepelsbey.dev"
+	},
+	"homepage": "https://github.com/shower/shower/tree/main/packages/core",
+	"repository": {
+		"type": "git",
+		"url": "git://github.com/shower/shower.git",
+		"directory": "packages/core"
+	},
+	"bugs": "https://github.com/shower/shower/issues",
+	"license": "MIT",
+	"keywords": [
+		"shower",
+		"presentation",
+		"core"
+	],
+	"main": "lib/index.js",
+	"files": [
+		"lib",
+		"dist/index.js",
+		"LICENSE.md",
+		"README.md"
+	],
+	"scripts": {
+		"build": "rollup --config",
+		"build:watch": "rollup --config --watch",
+		"test": "npm run test:e2e",
+		"test:e2e": "playwright test"
+	}
 }

package/CHANGELOG.md

@@ -1,13 +0,0 @@
-# 3.0.0 (Unreleased)
-
-- Fix `data-timing` interop with inner navigation
-- Add new duration format for `data-timing`
-- Fix triggering inner navigation on `prev` when in list mode
-- Prevent `#` from being appended to URL in `list` mode in Firefox
-- `next` plugin now uses `slide_active_classname` option for classes of active items
-
-# 2.1.0 (Feb 1, 2017)
-
-- Allow asynchronous loading of Shower ([#118](https://github.com/shower/core/pull/118))
-- Add `N` and `P` hotkeys for next/prev slides ([a1567ac](https://github.com/shower/core/commit/a1567acfd14959222c277bdd7702305d183dc60c))
-- Require `Shift` for `Shift+F5` shortcut ([6f911ed](https://github.com/shower/core/commit/6f911ededc2b6d7de4bcf6b95808ff8f067d54c1))