@haxtheweb/create 0.0.3 → 0.0.5

package/dist/index.js

@@ -0,0 +1,174 @@
+#!/usr/bin/env node
+"use strict";
+
+var fs = _interopRequireWildcard(require("node:fs"));
+var path = _interopRequireWildcard(require("node:path"));
+var _promises = require("node:timers/promises");
+var ejs = _interopRequireWildcard(require("ejs"));
+var p = _interopRequireWildcard(require("@clack/prompts"));
+var sh = _interopRequireWildcard(require("sync-exec"));
+var _picocolors = _interopRequireDefault(require("picocolors"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const exec = sh.default;
+async function main() {
+  console.clear();
+  // should be able to grab author off the git config in most instances
+  let value = await exec(`git config user.name`);
+  let author = value.stdout.trim();
+  await (0, _promises.setTimeout)(500);
+  p.intro(`${_picocolors.default.bgCyan(_picocolors.default.black(` HAX The CLI `))}`);
+  const project = await p.group({
+    type: ({
+      results
+    }) => p.select({
+      message: `What type of project are you building`,
+      initialValue: 'webcomponent',
+      maxItems: 3,
+      options: [{
+        value: 'webcomponent',
+        label: 'Web component'
+      }, {
+        value: 'haxcms',
+        label: "HAX Site"
+      }, {
+        value: 'theme',
+        label: "HAX Theme"
+      }]
+    }),
+    typeOption: ({
+      results
+    }) => {
+      switch (results.type) {
+        case "webcomponent":
+          return p.select({
+            message: `What kind of web component do you want to create?`,
+            initialValue: 'hax',
+            maxItems: 1,
+            options: [{
+              value: 'hax',
+              label: "HAX recommended starter"
+            }]
+          });
+          break;
+        case "haxcms":
+          return p.select({
+            message: `What kind of site is it`,
+            initialValue: 'course',
+            maxItems: 2,
+            options: [{
+              value: 'course',
+              label: "Course"
+            }]
+          });
+          break;
+        case "theme":
+          return p.select({
+            message: `Theme base`,
+            initialValue: 'course',
+            maxItems: 2,
+            options: [{
+              value: 'default',
+              label: "Default"
+            }]
+          });
+          break;
+      }
+    },
+    name: ({
+      results
+    }) => {
+      return p.text({
+        message: 'Element name:',
+        initialValue: "my-element",
+        validate: value => {
+          if (value.indexOf(' ') !== -1) {
+            return "No spaces allowed in project name";
+          }
+          if (value.indexOf('-') === -1) {
+            return "Name must include at least one `-`";
+          }
+        }
+      });
+    },
+    path: ({
+      results
+    }) => {
+      let initialPath = `${process.cwd()}/${results.name.toLowerCase()}`;
+      return p.text({
+        message: 'Where should we create your project?',
+        initialValue: initialPath
+      });
+    },
+    author: ({
+      results
+    }) => {
+      return p.text({
+        message: 'Author:',
+        initialValue: author
+      });
+    }
+  }, {
+    onCancel: () => {
+      p.cancel('Operation cancelled.');
+      process.exit(0);
+    }
+  });
+  if (project.path) {
+    project.className = dashToCamel(project.name);
+    let s = p.spinner();
+    s.start('Copying files');
+    await (0, _promises.setTimeout)(250);
+    await exec(`cp -R ${path.resolve(path.dirname(''))}/src/templates/${project.type}/${project.typeOption}/ ${project.path}`);
+    // rename paths that are of the element name in question
+    await exec(`mv ${project.path}/src/webcomponent.js ${project.path}/src/${project.name}.js`);
+    await exec(`mv ${project.path}/lib/webcomponent.haxProperties.json ${project.path}/lib/${project.name}.haxProperties.json`);
+    s.stop('Files copied');
+    await (0, _promises.setTimeout)(250);
+    s.start('Making files awesome');
+    try {
+      for (const filePath of readAllFiles(project.path)) {
+        const ejsString = ejs.fileLoader(filePath, 'utf8');
+        let content = ejs.render(ejsString, project);
+        fs.writeFileSync(filePath, content);
+      }
+      // file written successfully
+    } catch (err) {
+      console.error(err);
+    }
+    s.stop('Files are now awesome!');
+    await (0, _promises.setTimeout)(250);
+    s.start(`Let's install everything using the magic of yarn`);
+    await (0, _promises.setTimeout)(250);
+    await exec(`cd ${project.path} && yarn install`);
+    await (0, _promises.setTimeout)(250);
+    s.stop(`Everything is installed. It's go time`);
+  }
+  let nextSteps = `cd ${project.path}     \nyarn start`;
+  p.note(nextSteps, `${project.name} is ready to go. To start development:`);
+  p.outro(`Welcome to the revolution. Ideas to HAX faster? ${_picocolors.default.underline(_picocolors.default.cyan('https://github.com/haxtheweb/issues'))}`);
+}
+main().catch(console.error);
+
+/**
+ * Helper to convert dash to camel; important when reading attributes.
+ */
+function dashToCamel(str) {
+  return str.replace(/-([a-z])/g, function (g) {
+    return g[1].toUpperCase();
+  });
+}
+// read in all files recursively for rewriting
+function* readAllFiles(dir) {
+  const files = fs.readdirSync(dir, {
+    withFileTypes: true
+  });
+  for (const file of files) {
+    if (file.isDirectory()) {
+      yield* readAllFiles(path.join(dir, file.name));
+    } else {
+      yield path.join(dir, file.name);
+    }
+  }
+}

package/package.json

@@ -1,11 +1,10 @@
 {
     "name": "@haxtheweb/create",
-    "version": "0.0.3",
+    "version": "0.0.5",
     "publishConfig": {
       "access": "public"
     },
     "description": "Rapidly build web components for the Web that work with HAX",
-    "type": "module",
     "author": "HAXTheWeb core team",
     "license": "Apache-2.0",
     "engines": {
@@ -20,11 +19,15 @@
     },
     "homepage": "https://hax.psu.edu/",
     "scripts": {
-      "start": "node ./index.js"
+      "build": "rm -rf dist && babel src --out-dir dist --copy-files --include-dotfiles",
+      "start": "npm run build && node ./dist/index.js"
     },
     "bin": {
-      "create-haxtheweb": "./index.js"
+      "create-haxtheweb": "./dist/index.js"
     },
+    "files": [
+      "dist"
+    ],
     "keywords": [
       "haxtheweb",
       "haxcms",
@@ -41,5 +44,17 @@
       "picocolors": "1.0.1",
       "sync-exec": "0.6.2",
       "ejs": "3.1.10"
+    },
+    "devDependencies": {
+      "@babel/cli": "^7.24.6",
+      "@babel/core": "^7.24.6",
+      "@babel/register": "^7.24.6",
+      "@custom-elements-manifest/analyzer": "^0.10.2",
+      "@rollup/plugin-babel": "^6.0.4",
+      "@rollup/plugin-node-resolve": "^15.2.3",
+      "@web/rollup-plugin-html": "^2.3.0",
+      "@web/rollup-plugin-import-meta-assets": "^2.2.1",
+      "babel-plugin-transform-dynamic-import": "^2.1.0",
+      "@babel/preset-env": "7.24.6"
     }
   }

package/index.js

@@ -1,170 +0,0 @@
-import * as fs from 'node:fs';
-import * as path from "node:path";
-import { setTimeout } from 'node:timers/promises';
-import * as ejs from "ejs";
-import * as p from '@clack/prompts';
-import * as sh from "sync-exec";
-const exec = sh.default;
-import color from 'picocolors';
-
-/**
- * https://github.com/open-wc/create/blob/master/src/create.js
- * look at how openwc does templating
- * ideally we'd be templating the files from a prebuilt repo and it would be minimal
- * need CLIs for becoming a developer:
- * of a new DDD based element
- * of a new HAXcms stand alone site
- * of a new HAX theme
- */
-
-async function main() {
-	console.clear();
-  // should be able to grab author off the git config in most instances
-  let value = await exec(`git config user.name`);
-  let author = value.stdout.trim();
-
-	await setTimeout(500);
-
-	p.intro(`${color.bgCyan(color.black(` HAX The CLI `))}`);
-
-	const project = await p.group(
-		{
-      type: ({ results }) =>
-				p.select({
-					message: `What type of project are you building`,
-					initialValue: 'webcomponent',
-					maxItems: 3,
-					options: [
-						{ value: 'webcomponent', label: 'Web component' },
-						{ value: 'haxcms', label: "HAX Site"},
-						{ value: 'theme', label: "HAX Theme"},
-					],
-				}),
-			typeOption: ({ results }) => {
-				switch (results.type) {
-					case "webcomponent":
-						return p.select({
-							message: `What kind of web component do you want to create?`,
-							initialValue: 'hax',
-							maxItems: 1,
-							options: [
-								{ value: 'hax', label: "HAX recommended starter"},
-              ],
-						});
-					break;
-					case "haxcms":
-						return p.select({
-							message: `What kind of site is it`,
-							initialValue: 'course',
-							maxItems: 2,
-							options: [
-								{ value: 'course', label: "Course" },
-							],
-						});
-					break;
-          case "theme":
-            return p.select({
-							message: `Theme base`,
-							initialValue: 'course',
-							maxItems: 2,
-							options: [
-								{ value: 'default', label: "Default" },
-							],
-						});
-          break;
-				}
-			},
-			name: ({ results }) => {
-				return p.text({
-					message: 'Element name:',
-          initialValue: "my-element",
-          validate: (value) => {
-            if (value.indexOf(' ') !== -1) {
-              return "No spaces allowed in project name";
-            }
-            if (value.indexOf('-') === -1) {
-              return "Name must include at least one `-`";
-            }
-          }
-				});
-      },
-			path: ({ results }) => {
-        let initialPath = `${process.cwd()}/${results.name.toLowerCase()}`;
-				return p.text({
-					message: 'Where should we create your project?',
-          initialValue: initialPath,
-				});
-      },
-      author: ({ results }) => {
-				return p.text({
-					message: 'Author:',
-          initialValue: author,
-				});
-      },
-		},
-		{
-			onCancel: () => {
-				p.cancel('Operation cancelled.');
-				process.exit(0);
-			},
-		}
-	);
-    if (project.path) {
-      project.className = dashToCamel(project.name);
-	  let s = p.spinner();
-      s.start('Copying files');
-      await setTimeout(250);
-      await exec(`cp -R ${path.resolve(path.dirname(''))}/templates/${project.type}/${project.typeOption}/ ${project.path}`);
-      // rename paths that are of the element name in question
-      await exec(`mv ${project.path}/src/webcomponent.js ${project.path}/src/${project.name}.js`);
-      await exec(`mv ${project.path}/lib/webcomponent.haxProperties.json ${project.path}/lib/${project.name}.haxProperties.json`);
-	  s.stop('Files copied');
-      await setTimeout(250);
-	  s.start('Making files awesome');
-      try {
-        for (const filePath of readAllFiles(project.path)) {
-          const ejsString = ejs.fileLoader(filePath, 'utf8');
-          let content = ejs.render(ejsString, project);
-          fs.writeFileSync(filePath, content);
-        }
-        // file written successfully
-      } catch (err) {
-        console.error(err);
-      }
-	  s.stop('Files are now awesome!');
-      await setTimeout(250);
-      s.start(`Let's install everything using the magic of yarn`);
-      await setTimeout(250);
-      await exec(`cd ${project.path} && yarn install`);
-      await setTimeout(250);
-      s.stop(`Everything is installed. It's go time`);
-    }
-	let nextSteps = `cd ${project.path}     \nyarn start`;
-
-	p.note(nextSteps, `${project.name} is ready to go. To start development:`);
-
-	p.outro(`Welcome to the revolution. Ideas to HAX faster? ${color.underline(color.cyan('https://github.com/haxtheweb/issues'))}`);
-}
-
-main().catch(console.error);
-
-/**
- * Helper to convert dash to camel; important when reading attributes.
- */
-function dashToCamel(str) {
-  return str.replace(/-([a-z])/g, function (g) {
-    return g[1].toUpperCase();
-  });
-}
-// read in all files recursively for rewriting
-function* readAllFiles(dir)  {
-  const files = fs.readdirSync(dir, { withFileTypes: true });
-
-  for (const file of files) {
-    if (file.isDirectory()) {
-      yield* readAllFiles(path.join(dir, file.name));
-    } else {
-      yield path.join(dir, file.name);
-    }
-  }
-}