Migrate GuideChimp to Vite and Vitest

.eslintrc.js

@@ -9,21 +9,9 @@ module.exports = {
         browser: true,
     },
     extends: ['airbnb-base'],
-    // check if imports actually resolve
-    settings: {
-        'import/resolver': {
-            webpack: {
-                config: 'build/webpack.conf.js',
-            },
-        },
-    },
     // add your custom rules here
     rules: {
-        // allow optionalDependencies
-        'import/no-extraneous-dependencies': ['error', {
-            optionalDependencies: ['test/index.js'],
-        }],
-        'import/no-import-module-exports': 'off',
+        'import/no-import-module-exports': 'off',
         // allow debugger during development
         'no-debugger': 'error',
         // custom spaces rules

.github/workflows/guidechimp-ci.yml

@@ -25,15 +25,6 @@ jobs:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'
 
-      - name: Cache npm modules
-        uses: actions/cache@v3
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-npm-${{ matrix.node-version }}-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-npm-${{ matrix.node-version }}-
-            ${{ runner.os }}-npm-
-
       - name: Install dependencies
         run: npm ci
 

README.md

@@ -115,6 +115,12 @@ Include the compiled files in your HTML page:
 
 See GuideChimp in action in the product walkthrough, showcases and real-world examples below:
 
+To run the local interactive demo:
+
+```bash
+npm run demo
+```
+
 - [GuideChimp Tour Examples](https://codepen.io/collection/DyPkzY) at CodePen
 - [NetLicensing Changelog](https://netlicensing.io/wiki/changelog) - Tour: Notable NetLicensing Features
 - [NetLicensing Licensing Models](https://netlicensing.io/licensing-models/?guidechimp=on&tour=licensing-models) - Sample Tour: Licensing Models

build/build.mjs

@@ -0,0 +1,48 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { build } from 'vite';
+import { camelize, createViteConfig } from '../vite.config.mjs';
+
+const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const watch = process.argv.includes('--watch');
+
+const entries = [
+    {
+        entry: 'src/index.js',
+        fileName: 'guidechimp',
+        libraryName: 'GuideChimp',
+        outDir: 'dist',
+    },
+    ...fs.readdirSync(path.join(rootDir, 'plugins'), { withFileTypes: true })
+        .filter((entry) => entry.isDirectory() && !entry.name.startsWith('_'))
+        .map(({ name }) => ({
+            entry: `plugins/${name}/index.js`,
+            fileName: name,
+            libraryName: camelize(`GuideChimp plugin ${name}`),
+            outDir: 'dist/plugins',
+        })),
+];
+
+const builds = entries.flatMap((entry) => [
+    { ...entry, minify: false },
+    { ...entry, fileName: `${entry.fileName}.min`, minify: true },
+]);
+
+console.log(`${watch ? 'Watching' : 'Building'} GuideChimp with Vite...`);
+
+for (const [index, options] of builds.entries()) {
+    const config = createViteConfig(options);
+
+    await build({
+        configFile: false,
+        ...config,
+        build: {
+            ...config.build,
+            emptyOutDir: index === 0,
+            watch: watch ? {} : null,
+        },
+    });
+}
+
+console.log(watch ? 'Vite is watching for changes.' : 'Build complete.');