drop jquery.

Author: yusuke-omae

.eslintrc.json

@@ -4,7 +4,7 @@
   "parserOptions": { "sourceType": "module", "ecmaVersion": 2022 },
   "overrides": [
     {
-      "files": ["src/js/*.js"],
+      "files": ["src/js/*.mjs"],
       "extends": ["eslint:recommended", "prettier"],
       "parserOptions": {
         "project": ["./tsconfig.json"]

dist/js/lightbox.cjs

@@ -85,11 +85,6 @@ <h3>A Four Image Set</h3>
         >
       </p>
     </section>
-    <script
-      src="https://code.jquery.com/jquery-3.6.1.min.js"
-      integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
-      crossorigin="anonymous"
-    ></script>
     <script defer src="../dist/js/lightbox.js"></script>
   </body>
 </html>

dist/js/lightbox.js

@@ -20,8 +20,16 @@
   },
   "exports": {
     ".": {
-      "import": "./dist/js/lightbox.mjs",
-      "require": "./dist/js/lightbox.cjs",
+      "node": {
+        "import": "./dist/js/lightbox.mjs",
+        "require": "./dist/js/lightbox.cjs",
+        "default": "./dist/js/lightbox.js"
+      },
+      "browser": {
+        "import": "./dist/js/lightbox.mjs",
+        "require": "./dist/js/lightbox.cjs",
+        "default": "./dist/js/lightbox.js"
+      },
       "default": "./dist/js/lightbox.js"
     },
     "./css": "./dist/css/*.css",
@@ -56,7 +64,7 @@
     "format:js": "prettier --write src/ts",
     "lint": "run-p lint:*",
     "lint:css": "stylelint src/css/lightbox.css",
-    "lint:js": "eslint src/js/*.js",
+    "lint:js": "eslint src/js/*.mjs",
     "prebuild:js": "npm run clean:js",
     "watch": "run-p watch:*",
     "watch:css": "npm run build:css -- -w",
@@ -82,9 +90,6 @@
     "stylelint-config-recess-order": "^3.0.0",
     "stylelint-config-standard": "^26.0.0"
   },
-  "peerDependencies": {
-    "jquery": "^3.0.0"
-  },
   "browserslist": [
     "> 1% and last 2 versions",
     "not dead"

dist/js/lightbox.mjs

@@ -21,7 +21,6 @@ const errors = [];
 for (const result of results) {
   if (result.status === 'rejected') {
     errors.push(result.reason);
-    continue;
   } else if (result.value.errors.length > 0) {
     errors.push(...result.value.errors);
   }

examples/index.html

@@ -10,9 +10,8 @@ const browserslistPlugin = esbuildPluginBrowserslist(browserslist(), {
 
 /** @type {BuildOptions} */
 export const commonConfig = {
-  entryPoints: ['src/js/lightbox.js'],
   outbase: 'src/js',
-  bundle: false,
+  bundle: true,
   banner: {
     js: `/*!
   * Lightbox v2.11.2
@@ -32,13 +31,15 @@ export const commonConfig = {
 
 /** @type {BuildOptions} */
 export const esmConfig = {
+  entryPoints: ['src/js/lightbox.mjs'],
   format: 'esm',
   outfile: 'dist/js/lightbox.mjs',
   plugins: [browserslistPlugin]
 };
 
 /** @type {BuildOptions} */
 export const cjsConfig = {
+  entryPoints: ['src/js/lightbox.cjs'],
   format: 'cjs',
   platform: 'node',
   outfile: 'dist/js/lightbox.cjs',
@@ -47,9 +48,9 @@ export const cjsConfig = {
 
 /** @type {BuildOptions} */
 export const browserConfig = {
+  entryPoints: ['src/js/browser.mjs'],
   format: 'iife',
   platform: 'browser',
-  globalName: 'lightbox',
   outfile: 'dist/js/lightbox.js',
   plugins: [browserslistPlugin]
 };

package.json

@@ -1,17 +1,13 @@
 import esbuild from 'esbuild';
 import {
   commonConfig,
-  esmConfig,
-  cjsConfig,
   browserConfig,
   serveConfig,
   serveOptions
 } from './config.mjs';
 
-const config = { ...commonConfig, ...serveConfig };
-
-await Promise.all([
-  esbuild.serve(serveOptions, { ...config, ...esmConfig }),
-  esbuild.serve(serveOptions, { ...config, ...cjsConfig }),
-  esbuild.serve(serveOptions, { ...config, ...browserConfig })
-]);
+await esbuild.serve(serveOptions, {
+  ...commonConfig,
+  ...serveConfig,
+  ...browserConfig
+});

scripts/build.mjs

@@ -0,0 +1,2 @@
+import lightbox from './lightbox.mjs';
+window.lightbox = lightbox;