@pictogrammers/element-esbuild 0.0.1 → 0.0.3

package/bin/element-build.ts

@@ -1,22 +1,92 @@
 #!/usr/bin/env node
-// Build
-console.log('build');
 
-// import { build } from 'esbuild';
-/*
+import { fileURLToPath, pathToFileURL } from 'node:url';
+import { build } from 'esbuild';
+
+import { htmlDependentsPlugin } from '../scripts/htmlDependentsPlugin.ts';
+import { rebuildNotifyPlugin } from '../scripts/rebuildNotifyPlugin.ts';
+import { fileExists } from '../scripts/fileExists.ts';
+import { copyFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+import { playgroundPlugin } from '../scripts/playgroundPlugin.ts';
+
+const plugins = [htmlDependentsPlugin, rebuildNotifyPlugin];
+const entryPoints: string[] = [];
+
+const green = (text: string) => `\x1b[32m${text}\x1b[0m`;
+const red = (text: string) => `\x1b[31m${text}\x1b[0m`;
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const defaultDir = join(__dirname, '..', 'default');
+const indexFile = 'index.html';
+const distDir = 'dist';
+const srcDir = 'src';
+const componentsDir = 'components';
+const configFile = 'element.config.ts';
+const rootDir = process.cwd();
+const buildDir = 'build';
+const fullConfigPath = pathToFileURL(configFile);
+if (!(await fileExists(configFile))) {
+  console.log(red('Missing element.config.ts in root.'), 'Add with content:');
+  console.log('export default {');
+  console.log(`  namespace: 'hello',`);
+  console.log('}');
+  process.exit();
+}
+
+const config = await import(fullConfigPath.href);
+const {
+  namespace,
+} = config.default;
+
+if (namespace) {
+  console.log(green('Building app...'));
+  entryPoints.push(`./${srcDir}/${componentsDir}/${namespace}/app/app.ts`);
+} else {
+  // dynamically resolve all found components
+  entryPoints.push('playground-entry');
+  plugins.push(
+    playgroundPlugin({
+      after: async (namespaces: any[]) => {
+        // actually build index file instead of copying from dist
+      }
+    })
+  );
+}
+
 build({
   entryPoints,
   bundle: true,
   platform: 'browser',
-  outfile: './dist/main.js',
-  sourcemap: true,
-  target: 'esnext',
+  outfile: `./${buildDir}/main.js`,
+  sourcemap: false,
+  minify: true, // aka production
+  format: 'esm', // Use ES Modules
+  target: 'es2024', // Target ES6 syntax
   loader: {
     '.html': 'text',
     '.css': 'text'
   },
+  plugins,
+}).then(async () => {
+  if (await fileExists(join(rootDir, distDir, indexFile))) {
+    await copyFile(join(rootDir, distDir, indexFile), join(rootDir, buildDir, indexFile));
+  }
+  // Handle favicon.svg
+    const faviconSvg = 'favicon.svg';
+    if (await fileExists(join(rootDir, srcDir, faviconSvg))) {
+      await copyFile(
+        join(rootDir, srcDir, faviconSvg),
+        join(rootDir, buildDir, faviconSvg)
+      );
+    } else {
+      await copyFile(
+        join(defaultDir, faviconSvg),
+        join(rootDir, buildDir, faviconSvg)
+      );
+    }
 }).catch((err) => {
   process.stderr.write(err.stderr);
   process.exit(1);
 });
-*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pictogrammers/element-esbuild",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "description": "Element esbuild",
   "homepage": "https://github.com/Pictogrammers/Element-esbuild#readme",