@haxtheweb/create 9.0.7 → 9.0.9

package/dist/lib/programs/webcomponent.js

@@ -0,0 +1,184 @@
+#!/usr/bin/env node
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webcomponentCommandDetected = webcomponentCommandDetected;
+exports.webcomponentProcess = webcomponentProcess;
+var fs = _interopRequireWildcard(require("node:fs"));
+var _promises = require("node:timers/promises");
+var ejs = _interopRequireWildcard(require("ejs"));
+var p = _interopRequireWildcard(require("@clack/prompts"));
+var _picocolors = _interopRequireDefault(require("picocolors"));
+var _statements = require("../statements.js");
+var _utils = require("../utils.js");
+var hax = _interopRequireWildcard(require("@haxtheweb/haxcms-nodejs"));
+var child_process = _interopRequireWildcard(require("child_process"));
+var util = _interopRequireWildcard(require("node:util"));
+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 HAXCMS = hax.HAXCMS;
+const exec = util.promisify(child_process.exec);
+let sysGit = true;
+exec('git --version', error => {
+  if (error) {
+    sysGit = false;
+  }
+});
+
+// processing an element
+async function webcomponentProcess(commandRun, project, port = "8000") {
+  // auto select operations to perform if requested
+  if (!project.extras) {
+    let extras = ['launch', 'install', 'git'];
+    if (!sysGit || project.isMonorepo) {
+      extras.pop();
+    }
+    project.extras = extras;
+  }
+  // values not set by user but used in templating
+  project.className = (0, _utils.dashToCamel)(project.name);
+  // option to build github repo link for the user
+  if (project.extras.includes('git')) {
+    // @todo need to support git@ and https methods
+    if (commandRun.options.auto) {
+      project.gitRepo = `https://github.com/${project.author}/${project.name}.git`;
+    } else {
+      project.gitRepo = await p.text({
+        message: 'Git Repo location:',
+        placeholder: `https://github.com/${project.author}/${project.name}.git`
+      });
+    }
+    // if they supplied one and it has github in it, build a link automatically for ejs index
+    if (project.gitRepo && project.gitRepo.includes('github.com')) {
+      project.githubLink = project.gitRepo.replace('git@github.com:', 'https://github.com/').replace('.git', '');
+    } else {
+      project.githubLink = null;
+    }
+  } else {
+    project.githubLink = null;
+  }
+  // if we have an org, add a / at the end so file name is written correctly
+  if (project.org) {
+    project.org += '/';
+  } else {
+    project.org = '';
+  }
+  let s = p.spinner();
+  s.start((0, _statements.merlinSays)('Copying project files'));
+  // leverage this little helper from HAXcms
+  await HAXCMS.recurseCopy(`${process.mainModule.path}/templates/${project.type}/hax/`, `${project.path}/${project.name}`);
+  // rename paths that are of the element name in question
+  await fs.renameSync(`${project.path}/${project.name}/lib/webcomponent.haxProperties.json`, `${project.path}/${project.name}/lib/${project.name}.haxProperties.json`);
+  // loop through and rename all the localization files
+  fs.readdir(`${project.path}/${project.name}/locales/`, function (err, files) {
+    if (err) {
+      console.error("Could not list the directory.", err);
+      process.exit(1);
+    }
+    files.forEach(async function (file, index) {
+      await fs.renameSync(`${project.path}/${project.name}/locales/${file}`, `${project.path}/${project.name}/locales/${file.replace('webcomponent', project.name)}`);
+    });
+  });
+  await fs.renameSync(`${project.path}/${project.name}/webcomponent.js`, `${project.path}/${project.name}/${project.name}.js`);
+  await fs.renameSync(`${project.path}/${project.name}/test/webcomponent.test.js`, `${project.path}/${project.name}/test/${project.name}.test.js`);
+  s.stop((0, _statements.merlinSays)('Files copied'));
+  await (0, _promises.setTimeout)(500);
+  s.start((0, _statements.merlinSays)('Making files awesome'));
+  for (const filePath of (0, _utils.readAllFiles)(`${project.path}/${project.name}`)) {
+    try {
+      // ensure we don't try to pattern rewrite image files
+      if (!filePath.endsWith('.jpg') && !filePath.endsWith('.png')) {
+        const ejsString = ejs.fileLoader(filePath, 'utf8');
+        let content = ejs.render(ejsString, project);
+        // file written successfully  
+        fs.writeFileSync(filePath, content);
+      }
+    } catch (err) {
+      console.error(filePath);
+      console.error(err);
+    }
+  }
+  s.stop('Files are now awesome!');
+  if (project.gitRepo && !commandRun.options.isMonorepo) {
+    try {
+      await exec(`cd ${project.path}/${project.name} && git init && git add -A && git commit -m "first commit" && git branch -M main${project.gitRepo ? ` && git remote add origin ${project.gitRepo}` : ''}`);
+    } catch (e) {}
+  }
+  // options for install, git and other extras
+  // can't launch if we didn't install first so launch implies installation
+  if (project.extras.includes('launch') || project.extras.includes('install')) {
+    s.start((0, _statements.merlinSays)(`Installation magic (${commandRun.options.npmClient} install)`));
+    try {
+      // monorepos install from top but then still need to launch from local location
+      if (!commandRun.options.isMonorepo) {
+        await exec(`cd ${project.path}/${project.name} && ${commandRun.options.npmClient} install`);
+      }
+    } catch (e) {
+      console.log(e);
+    }
+    s.stop((0, _statements.merlinSays)(`Everything is installed. It's go time`));
+  }
+  // autolaunch if default was selected
+  if (project.extras.includes('launch')) {
+    let optionPath = `${project.path}/${project.name}`;
+    let command = `${commandRun.options.npmClient} start`;
+    p.note(`${(0, _statements.merlinSays)(`I have summoned a sub-process daemon 👹`)}
+
+🚀  Running your ${_picocolors.default.bold(project.type)} ${_picocolors.default.bold(project.name)}:
+${_picocolors.default.underline(_picocolors.default.cyan(`http://localhost:${port}`))}
+
+🏠  Launched: ${_picocolors.default.underline(_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`${optionPath}`))))}
+💻  Folder: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`cd ${optionPath}`)))}
+📂  Open folder: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`open ${optionPath}`)))}
+📘  VS Code Project: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`code ${optionPath}`)))}
+🚧  Launch later: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`${command}`)))}
+
+⌨️  To resume 🧙 Merlin press: ${_picocolors.default.bold(_picocolors.default.black(_picocolors.default.bgRed(` CTRL + C `)))}
+`);
+    // at least a second to see the message print at all
+    await (0, _promises.setTimeout)(1000);
+    try {
+      await exec(`cd ${optionPath} && ${command}`);
+    } catch (e) {
+      // don't log bc output is weird
+    }
+  } else {
+    let nextSteps = `cd ${project.path}/${project.name} && ${project.extras.includes('install') ? '' : `${commandRun.options.npmClient} install && `}${commandRun.options.npmClient} start`;
+    p.note(`${project.name} is ready to go. Run the following to start development:`);
+    p.outro(nextSteps);
+  }
+}
+
+// autodetect webcomponent
+async function webcomponentCommandDetected(commandRun, packageData = {}, port = "8000") {
+  p.intro(`${_picocolors.default.bgBlack(_picocolors.default.white(` HAXTheWeb : Webcomponent detected `))}`);
+  p.intro(`${_picocolors.default.bgBlue(_picocolors.default.white(` Name: ${packageData.name} `))}`);
+  p.note(`${(0, _statements.merlinSays)(`I have summoned a sub-process daemon 👹`)}
+    
+    🚀  Running your ${_picocolors.default.bold('webcomponent')} ${_picocolors.default.bold(packageData.name)}:
+          ${_picocolors.default.underline(_picocolors.default.cyan(`http://localhost:${port}`))}
+    
+    🏠  Launched: ${_picocolors.default.underline(_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`${process.cwd()}`))))}
+    💻  Folder: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`cd ${process.cwd()}`)))}
+    📂  Open folder: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`open ${process.cwd()}`)))}
+    📘  VS Code Project: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`code ${process.cwd()}`)))}
+    🚧  Launch later: ${_picocolors.default.bold(_picocolors.default.yellow(_picocolors.default.bgBlack(`${commandRun.options.npmClient} start`)))}
+    
+    ⌨️  To exit 🧙 Merlin press: ${_picocolors.default.bold(_picocolors.default.black(_picocolors.default.bgRed(` CTRL + C `)))}
+    `);
+  try {
+    // ensure it's installed first, unless it's a monorepo
+    if (!commandRun.options.isMonorepo) {
+      let s = p.spinner();
+      s.start((0, _statements.merlinSays)(`Installation magic (${commandRun.options.npmClient} install)`));
+      await exec(`${commandRun.options.npmClient} install`);
+      s.stop((0, _statements.merlinSays)(`Everything is installed. It's go time`));
+    }
+    await exec(`${commandRun.options.npmClient} start`);
+  } catch (e) {
+    // don't log bc output is odd
+  }
+}

package/dist/lib/utils.js

@@ -4,26 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SITE_FILE_NAME = void 0;
+exports.camelToDash = camelToDash;
+exports.capitalizeFirstLetter = capitalizeFirstLetter;
 exports.dashToCamel = dashToCamel;
 exports.generateUUID = generateUUID;
 exports.readAllFiles = readAllFiles;
 var fs = _interopRequireWildcard(require("node:fs"));
 var path = _interopRequireWildcard(require("node:path"));
+var child_process = _interopRequireWildcard(require("child_process"));
+var util = _interopRequireWildcard(require("node:util"));
 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 = util.promisify(child_process.exec);
 const SITE_FILE_NAME = exports.SITE_FILE_NAME = "site.json";
 /**
  * Helper to convert dash to camel; important when reading attributes.
  */
 function dashToCamel(str) {
-  return str.replace(/-([a-z0-9])/g, function (g) {
+  return capitalizeFirstLetter(str.replace(/-([a-z0-9])/g, function (g) {
     return g[1].toUpperCase();
-  });
+  }));
+}
+
+//capitalize only the first letter of the string.
+function capitalizeFirstLetter(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
 }
 // generate unique-enough id
 function generateUUID() {
   return "ss-s-s-s-sss".replace(/s/g, _uuidPart);
 }
+
+/**
+ * Helper to convert camel case to dash; important when setting attributes.
+ */
+function camelToDash(str) {
+  return str.replace(/\W+/g, "-").replace(/([a-z\d])([A-Z])/g, "$1-$2").toLowerCase();
+}
 function _uuidPart() {
   return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
 }

package/dist/templates/webcomponent/hax/package.json

@@ -28,8 +28,8 @@
     },
     "dependencies": {
       "lit": "^3.2.0",
-      "@haxtheweb/d-d-d": "^<%= version %>",
-      "@haxtheweb/i18n-manager": "^<%= version %>"
+      "@haxtheweb/d-d-d": "^9.0.13",
+      "@haxtheweb/i18n-manager": "^9.0.13"
     },
     "devDependencies": {
       "@babel/preset-env": "^7.16.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haxtheweb/create",
-  "version": "9.0.7",
+  "version": "9.0.9",
   "publishConfig": {
     "access": "public"
   },
@@ -22,7 +22,9 @@
     "build": "rm -rf dist && babel src --out-dir dist --copy-files --include-dotfiles && chmod 774 dist/create.js",
     "start": "npm run build && node ./dist/create.js && chmod 774 dist/create.js",
     "release": "npm run build && commit-and-tag-version && git push --follow-tags origin main && npm publish",
-    "haxcms-nodejs-cli": "./node_modules/.bin/haxcms-nodejs-cli"
+    "hax": "hax",
+    "dev": "nodemon --watch src",
+    "haxcms-nodejs-cli": "haxcms-nodejs-cli"
   },
   "bin": {
     "create-haxtheweb": "./dist/create.js",
@@ -40,12 +42,13 @@
   "dependencies": {
     "@clack/core": "0.3.4",
     "@clack/prompts": "0.7.0",
-    "@haxtheweb/haxcms-nodejs": "^9.0.11",
+    "@haxtheweb/haxcms-nodejs": "^9.0.14",
     "ejs": "3.1.10",
     "picocolors": "1.0.1",
     "commander": "12.1.0"
   },
   "devDependencies": {
+    "nodemon": "^3.1.7",
     "@babel/cli": "^7.24.6",
     "@babel/core": "^7.24.6",
     "@babel/preset-env": "7.24.6",