fix index.js on deploy

build/copy.js

@@ -0,0 +1,47 @@
+import path from 'path';
+import fsPromise from 'fs/promises';
+import chokidar from 'chokidar';
+
+export function copy({watch, transformFn = v => v}) {
+  return new Promise(resolve => {
+    const outDir = 'out';
+
+    async function copyFile(srcFilename) {
+      const dstFilename = path.join(outDir, srcFilename);
+      const dirname = path.dirname(dstFilename);
+      try {
+        await fsPromise.stat(dirname);
+      } catch {
+        await fsPromise.mkdir(dirname, { recursive: true });
+      }
+      console.log('copy', srcFilename, '->', dstFilename);
+      const src = await fsPromise.readFile(srcFilename);
+      const dst = transformFn(src, srcFilename, dstFilename);
+      await fsPromise.writeFile(dstFilename, dst);
+    }
+
+    chokidar.watch('.', {
+      ignored: [
+        '.git',
+        'node_modules',
+        'build',
+        'out',
+        'src',
+        'dist',
+        '**/.*',
+      ],
+    }).on('all', (event, path) => {
+      switch (event) {
+        case 'add':
+        case 'change':
+          copyFile(path);
+          break;
+        case 'ready':
+          if (!watch) {
+            resolve();
+          }
+          break;
+      }
+    });
+  });
+}

build/prep-for-deploy.js

@@ -3,7 +3,25 @@ import path from 'path';
 import * as url from 'url';
 const dirname = url.fileURLToPath(new URL('.', import.meta.url));
 
+
 const ignoreFilename = path.join(dirname, '..', '.gitignore');
 const ignore = fs.readFileSync(ignoreFilename, {encoding: 'utf8'});
 const newIgnore = ignore.replace(/# -- clip-for-deploy-start --[\s\S]*?# -- clip-for-deploy-end --/, '');
 fs.writeFileSync(ignoreFilename, newIgnore);
+
+const version = parseInt(JSON.parse(fs.readFileSync('package.json', {encoding: 'utf8'})).version);
+
+function transformJS(src) {
+  return src.replace(/'.*?'\s+\/*\s+muigui-include\s+*\//g, `dist/${version}.x/muigui.module.js`);
+}
+
+[
+  'examples/js/index.js',
+].forEach(filename => {
+  const src = fs.readFileSync(filename, {encoding: 'utf8'});
+  const dst = transformJS(src);
+  if (src !== dst) {
+    fs.writeFileSync(filename, dst);
+  }
+});
+

build/serve.js

@@ -1,7 +1,5 @@
-import path from 'path';
-import fsPromise from 'fs/promises';
 import {spawn} from 'child_process';
-import chokidar from 'chokidar';
+import {copy} from './copy.js';
 
 spawn('./node_modules/.bin/tsc', [
   '--watch',
@@ -17,47 +15,4 @@ spawn('./node_modules/.bin/servez', [
   stdio: 'inherit',
 });
 
-const ignoreFns = [
-  fn => fn.startsWith('.git'),
-  fn => fn.startsWith('node_modules'),
-  fn => fn.startsWith('build'),
-  fn => fn.startsWith('out'),
-  fn => fn.startsWith('src'),
-  fn => fn.startsWith('dist'),
-  fn => fn.startsWith('.'),
-];
-
-function ignore(fn) {
-  for (const ignoreFn of ignoreFns) {
-    if (ignoreFn(fn)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-const outDir = 'out';
-
-async function copyFile(srcFilename) {
-  const dstFilename = path.join(outDir, srcFilename);
-  const dirname = path.dirname(dstFilename);
-  try {
-    await fsPromise.stat(dirname);
-  } catch {
-    await fsPromise.mkdir(dirname, { recursive: true });
-  }
-  console.log('copy', srcFilename, '->', dstFilename);
-  await fsPromise.copyFile(srcFilename, dstFilename);
-}
-
-chokidar.watch('.').on('all', (event, path) => {
-  switch (event) {
-    case 'add':
-    case 'change':
-      if (ignore(path)) {
-        return;
-      }
-      copyFile(path);
-      break;
-  }
-});
+copy({watch: true});

examples/js/index/index.js

@@ -2,7 +2,7 @@ import * as twgl from '../../3rdParty/twgl-full.module.js';
 import VSAEffect from './VSAEffect.js';
 import effects from './effects.js';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import GUI, { helpers, Direction, TextNumber } from '../../../src/esm.js';
+import GUI, { helpers, Direction, TextNumber } from '../../../src/esm.js'; /* muigui-include */
 
 const canvas = document.querySelector('#bg');
 const gl = canvas.getContext('webgl');

index.html

@@ -661,6 +661,7 @@ <h2>Form Theme:</h2>
   pointer-events: none;
 }
 #forkongithub a {
+    pointer-events: initial;
     background: #000;
     color: #fff;
     text-decoration: none;

package.json

@@ -2,8 +2,8 @@
   "name": "muigui",
   "version": "0.0.14",
   "description": "A Simple GUI",
-  "main": "muigui.js",
-  "module": "src/muigui.js",
+  "main": "dist/0.x/muigui.js",
+  "module": "dist/0.x/muigui-module.js",
   "type": "module",
   "scripts": {
     "build": "npm run build-normal",
@@ -33,7 +33,7 @@
     "url": "https://github.com/greggman/muigui/issues"
   },
   "files": [
-    "muigui.js",
+    "dist/**/*",
     "src/**/*"
   ],
   "homepage": "https://github.com/greggman/muiguiy#readme",