@haxtheweb/create 0.1.0 → 0.1.3

package/{LICENSE → LICENSE.md}

@@ -178,7 +178,7 @@
    APPENDIX: How to apply the Apache License to your work.
 
       To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
+      boilerplate notice, with the fields enclosed by brackets "{}"
       replaced with your own identifying information. (Don't include
       the brackets!)  The text should be enclosed in the appropriate
       comment syntax for the file format. We also recommend that a
@@ -186,7 +186,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright [yyyy] [name of copyright owner]
+   Copyright 2024 The Pennsylvania State University
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/README.md

@@ -5,11 +5,32 @@ Rapidly build web components for the Web that work with HAX. HAX The Web's CLI t
 ## Future state
 - Create new HAX sites and administer them from the CLI
 - Create new themes for HAXcms
+- Interface w/ docs / AI agent on website
 
 # Usage
 
 ```bash
+npx @haxtheweb/create
+#or
 npm init @haxtheweb
 ```
 
-Follow the prompts and let's HAX the Web together!
+Follow the prompts and let's HAX the Web together!
+
+## Web component
+
+Step through answering basic install questions to build a HAX capable web component that works anywhere! Features:
+- LitElement based
+- DDDSuper class which adds our design system in
+- Common conventions used to demonstrate and work with property binding
+- Minor CSS variable inclusion for initial learning
+
+## HAX Site
+
+Build a HAX site that can be published and transported anywhere. Your users might love it on the front end, now you get the simplicity of building on the CLI.
+- Same HAX sites you can create via front end
+- Templated files that work just like any HAX site
+- End points baked in to do CLI commands for common endpoint operations like adding pages, deleting and editing.
+- Ability to import via URL just like the front-end
+- Theme development starting point to be able to build themes locally
+- Primed to publish to gh-pages, vercel and more

package/dist/art.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.characters = void 0;
+const characters = exports.characters = [];
+characters.push(`           █            
+   ██  ██   ███   ██ ███  
+   ██  ██  ████   █████   
+  ███████ ██████  ████    
+   ███████ ██████  ████   
+   ██  ██ ███████ ██████  
+   ██  ██ ███  █████ ███  `);
+characters.push(`████████ ██████████████ 
+  █  ██  ███   ███  █   ██
+ ██  ██  ███   ███     ██ 
+███      ██     ███   ██  
+ ██       █     ███    ██ 
+ ██  ██  ██     ██     ██ 
+ ██  ██  █   ██     ██  ██
+  ███████████████████████ `);
+characters.push(`░░░░░░░░ ░░░░░░░░░░░░░░ 
+  ░█▓░░▓▒░░░▓█▓░░░▓▓░▒▓▒░░
+ ░░█▓░░█▒░░▒███░░░▒███▓░░ 
+░░▒█████▓░▒▒███▒░░▒▒██░░  
+ ░░█▓█▓██░░▒█▒▒█▒░░▒██▓░░ 
+ ░░█▓░░█▒░▒█████░░▒█▓▓█▒░ 
+ ░░▓▓░░▓▓░▒▓░░░▓▒▒▓▒░░▓▓░░
+  ░░░░░░░░░░░░░░░░░░░░░░░ `);
+characters.push(`████████ ██████████████ 
+  █  ██  ███   ███  █   ██
+ ██  ██  ██    ███     ██ 
+██       █      ██    ██  
+ ██      ██     ▒██    ██ 
+ ██  ██  █      ██     ██ 
+ ██  ██  █  ███     █▒  ██
+  ███████████████████████ `);
+characters.push(`
+  ████████ ██████████████ 
+  █░▒██░▓███░░▒███░▒█▓░███
+ ██░▒██░▓███░░░███▒░░░▒██ 
+██▓░░░░░▓██▒▒▒░███▓▒░░██  
+ ██░▒░░░▒██▒░▓▒░███▓░░▒██ 
+ ██░▒██░▓█▓░░░░░██▒░▒░░██ 
+ ██▒▒██▒▒█▓▒███░▓▓▒▓██▒▒██
+  ███████████████████████ `);

package/dist/create.js

@@ -1,174 +1,427 @@
 #!/usr/bin/env node
+// forces middleware into CLI mode so we don't automatically perform certain operations like pathing context
 "use strict";
 
 var fs = _interopRequireWildcard(require("node:fs"));
 var path = _interopRequireWildcard(require("node:path"));
+var hax = _interopRequireWildcard(require("@haxtheweb/haxcms-nodejs"));
+var _art = require("./art.js");
+var _utils = require("./utils.js");
 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"));
+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 exec = sh.default;
+process.env.haxcms_middleware = "node-cli";
+const HAXCMS = hax.HAXCMS;
+const exec = util.promisify(child_process.exec);
+const fakeSend = {
+  send: json => console.log(json),
+  sendStatus: data => console.log(data)
+};
+// standardize merlin statements visually
+function merlinSays(text) {
+  return `${_picocolors.default.yellow(_picocolors.default.bgBlack(` 🧙 Merlin: `))} ${_picocolors.default.bgBlack(_picocolors.default.green(` ${text} `))}`;
+}
 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();
+  p.intro(`${_picocolors.default.bgBlack(_picocolors.default.underline(_picocolors.default.gray(`Never`)))}`);
+  await (0, _promises.setTimeout)(300);
+  p.intro(`${_picocolors.default.bgBlack(_picocolors.default.red(`     stop `))}`);
+  await (0, _promises.setTimeout)(300);
+  p.intro(`${_picocolors.default.bgBlack(_picocolors.default.white(`         never`))}`);
+  await (0, _promises.setTimeout)(300);
+  p.intro(`${_picocolors.default.bgBlack(_picocolors.default.cyan(`              stopping `))}`);
   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"
+  let colors = ['blue', 'yellow', 'red', 'magenta'];
+  for (let i in _art.characters) {
+    if (i < _art.characters.length - 1) {
+      console.clear();
+      p.intro(`${_picocolors.default.bgBlack(_picocolors.default[colors[i]](`Better future loading..`))}`);
+      p.intro(_picocolors.default.bgBlack(_picocolors.default[colors[i]](_art.characters[i])));
+      let rockets = '';
+      for (let step = 0; step < i; step++) {
+        rockets += "🚀🚀🚀";
+      }
+      p.intro(rockets);
+      await (0, _promises.setTimeout)(Math.random() * 400 + 150);
+    }
+  }
+  console.clear();
+  p.intro(_picocolors.default.bgBlack(_picocolors.default.green(_art.characters.pop())));
+  p.intro(`${_picocolors.default.bgGreen(_picocolors.default.black(`     The Web : CLI    `))}
+
+
+  ${merlinSays('Welcome wary web wanderer')}`);
+  // should be able to grab
+  let author = '';
+  try {
+    let value = await exec(`git config user.name`);
+    author = value.stdout.trim();
+  } catch (e) {
+    console.log(e);
+  }
+  // delay so that we clear and then let them visually react to change
+  const siteData = await hax.systemStructureContext();
+  // delay so that we clear and then let them visually react to change
+  // CLI works within context of the site if one is detected, otherwise we can do other thingss
+  if (siteData) {
+    p.intro(`${_picocolors.default.bgBlack(_picocolors.default.white(` HAXTheWeb : Site detected `))}`);
+    p.intro(`${_picocolors.default.bgBlue(_picocolors.default.white(` Title: ${siteData.site.title} `))}`);
+    let operation = {
+      action: null
+    };
+    // infinite loop until quitting the cli
+    while (operation.action !== 'quit') {
+      operation = await p.group({
+        action: ({
+          results
+        }) => p.select({
+          message: `Actions you can take`,
+          options: [{
+            value: 'stats',
+            label: "Site stats"
+          }, {
+            value: 'localhost',
+            label: "Open Site (localhost)"
+          }, {
+            value: 'node-add',
+            label: "New Page"
+          }, {
+            value: 'sync-git',
+            label: "Sync code in git"
+          }, {
+            value: 'publish',
+            label: "Publish site to the web"
+          }, {
+            value: 'quit',
+            label: "🚪 Quit"
+          }]
+        })
       }, {
-        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"
-            }]
-          });
+        onCancel: () => {
+          p.cancel('🧙 Merlin: Canceling CLI.. HAX ya later 🪄');
+          process.exit(0);
+        }
+      });
+      switch (operation.action) {
+        case "stats":
+          p.intro(`${_picocolors.default.bgBlue(_picocolors.default.white(` Title: ${siteData.site.title} `))}`);
+          p.intro(`${_picocolors.default.bgBlue(_picocolors.default.white(` Description: ${siteData.site.description} `))}`);
+          p.intro(`${_picocolors.default.bgBlue(_picocolors.default.white(` Pages: ${siteData.site.items.length} `))}`);
           break;
-        case "haxcms":
-          return p.select({
-            message: `What kind of site is it`,
-            initialValue: 'course',
-            maxItems: 2,
-            options: [{
-              value: 'course',
-              label: "Course"
-            }]
-          });
+        case "localhost":
+          try {
+            await exec(`cd ${siteData.path} && npx @haxtheweb/haxcms-nodejs`);
+          } catch (e) {}
           break;
-        case "theme":
-          return p.select({
-            message: `Theme base`,
-            initialValue: 'course',
-            maxItems: 2,
-            options: [{
-              value: 'default',
-              label: "Default"
-            }]
-          });
+        case "node-add":
+          // @todo add new page option
           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";
+        case "sync-git":
+          // @todo git sync might need other arguments / be combined with publishing
+          try {
+            await exec(`cd ${siteData.path} && git pull && git push`);
+          } catch (e) {
+            console.log(e);
           }
-          if (value.indexOf('-') === -1) {
-            return "Name must include at least one `-`";
+          break;
+        case "publish":
+          // @todo support other forms of publishing
+          try {
+            await exec(`cd ${siteData.path} && npm install --global surge && surge .`);
+          } catch (e) {
+            console.log(e);
           }
+          break;
+        case "quit":
+          p.outro(`Have a great day! Ideas to HAX faster? ${_picocolors.default.underline(_picocolors.default.cyan('https://github.com/haxtheweb/issues'))}`);
+          break;
+      }
+    }
+  } else {
+    let activeProject = null;
+    let project = {
+      type: null
+    };
+    while (project.type !== 'quit') {
+      if (activeProject) {
+        p.note(` 🧙🪄 BE GONE ${activeProject} sub-process daemon! 🪄 + ✨ 👹 = 💀 `);
+      }
+      project = await p.group({
+        type: ({
+          results
+        }) => p.select({
+          message: !activeProject ? `What should we build?` : `Thirsty for more? What should we create now?`,
+          initialValue: 'haxcms',
+          required: true,
+          options: [{
+            value: 'haxcms',
+            label: '🏡 Create a HAXcms site (single)'
+          }, {
+            value: 'haxcms-multisite',
+            label: '🏘️  Create a HAXcms multi-site'
+          }, {
+            value: 'webcomponent',
+            label: '🏗️  Create a Web Component'
+          }, {
+            value: 'quit',
+            label: '🚪 Quit'
+          }]
+        })
+      }, {
+        onCancel: () => {
+          p.cancel('🧙🪄 Merlin: Leaving so soon? HAX ya later');
+          process.exit(0);
         }
       });
-    },
-    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 ${process.mainModule.path}/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);
+      activeProject = project.type;
+      // silly but this way we don't have to take options for quitting
+      if (project.type !== 'quit') {
+        project = await p.group({
+          type: ({
+            results
+          }) => {
+            return new Promise((resolve, reject) => {
+              resolve(activeProject);
+            });
+          },
+          path: ({
+            results
+          }) => {
+            let initialPath = `${process.cwd()}`;
+            return p.text({
+              message: `What folder will your ${results.type === "webcomponent" ? "project" : "site"} live in?`,
+              placeholder: initialPath,
+              validate: value => {
+                if (!value) {
+                  return "Path is required (tab writes default)";
+                }
+                if (!fs.existsSync(value)) {
+                  return `${value} does not exist. Select a valid folder`;
+                }
+              }
+            });
+          },
+          name: ({
+            results
+          }) => {
+            let placeholder = "mysite";
+            let message = "Site name:";
+            if (results.type === "webcomponent") {
+              placeholder = "my-element";
+              message = "Element name:";
+            } else if (results.type === "haxcms-multisite") {
+              placeholder = "mysitefactory";
+              message = "Site factory name:";
+            }
+            return p.text({
+              message: message,
+              placeholder: placeholder,
+              validate: value => {
+                if (!value) {
+                  return "Name is required (tab writes default)";
+                }
+                if (value.indexOf(' ') !== -1) {
+                  return "No spaces allowed in project name";
+                }
+                if (results.type === "webcomponent" && value.indexOf('-') === -1 && value.indexOf('-') !== 0 && value.indexOf('-') !== value.length - 1) {
+                  return "Name must include at least one `-` and must not start or end name.";
+                }
+                if (fs.existsSync(path.join(results.path, value))) {
+                  return `${path.join(results.path, value)} exists, rename this project`;
+                }
+              }
+            });
+          },
+          author: ({
+            results
+          }) => {
+            return p.text({
+              message: 'Author:',
+              initialValue: author
+            });
+          },
+          extras: ({
+            results
+          }) => {
+            let options = [];
+            let initialValues = [];
+            if (results.type === "webcomponent") {
+              options = [{
+                value: 'install',
+                label: 'Install dependencies (via npm)',
+                hint: 'recommended'
+              }, {
+                value: 'git',
+                label: 'Put in version control (git)',
+                hint: 'recommended'
+              }, {
+                value: 'launch',
+                label: 'Launch project on creation',
+                hint: 'recommended (requires install)'
+              }];
+              initialValues = ['install', 'git', 'launch'];
+            } else {
+              options = [{
+                value: 'launch',
+                label: 'Launch project on creation',
+                hint: 'recommended'
+              }];
+              initialValues = ['launch'];
+            }
+            return p.multiselect({
+              message: 'Additional setup options',
+              initialValues: initialValues,
+              options: options,
+              required: false
+            });
+          }
+        }, {
+          onCancel: () => {
+            p.cancel('🧙🪄 Merlin: Canceling CLI.. HAX ya later');
+            process.exit(0);
+          }
+        });
+        // values not set but important for templating
+        project.className = (0, _utils.dashToCamel)(project.name);
+        project.version = await HAXCMS.getHAXCMSVersion();
+        let s = p.spinner();
+        // we can do this if it's a multisite
+        var site;
+        // resolve site vs multi-site
+        switch (project.type) {
+          case 'haxcms':
+            s.start(merlinSays(`Creating new site: ${project.name}`));
+            //site = new hax.HAXCMSSite();
+            //await site.newSite(project.path, '/', project.name);
+            let siteRequest = {
+              "site": {
+                "name": project.name,
+                "description": "own course",
+                "theme": "clean-one"
+              },
+              "build": {
+                "type": "own",
+                "structure": "course",
+                "items": null,
+                "files": null
+              },
+              "theme": {
+                "color": "green",
+                "icon": "av:library-add"
+              }
+            };
+            HAXCMS.cliWritePath = `${project.path}`;
+            await hax.RoutesMap.post.createSite({
+              body: siteRequest
+            }, fakeSend);
+            s.stop(merlinSays(`${project.name} created!`));
+            await (0, _promises.setTimeout)(500);
+            break;
+          case 'haxcms-multisite':
+            s.start(merlinSays(`Creating multisite: ${project.name}`));
+            await fs.mkdirSync(`${project.path}/${project.name}`);
+            s.stop(merlinSays(`${project.name} is setup to be a multi-site!`));
+            await (0, _promises.setTimeout)(500);
+            break;
+          case 'webcomponent':
+            s.start(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}/src/webcomponent.js`, `${project.path}/${project.name}/src/${project.name}.js`);
+            await fs.renameSync(`${project.path}/${project.name}/lib/webcomponent.haxProperties.json`, `${project.path}/${project.name}/lib/${project.name}.haxProperties.json`);
+            s.stop(merlinSays('Files copied'));
+            await (0, _promises.setTimeout)(500);
+            s.start(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!');
+            break;
+        }
+        if (project.extras.includes('git')) {
+          project.gitRepo = await p.text({
+            message: 'Git Repo location:',
+            placeholder: `git@github.com:${project.author}/${project.name}.git`
+          });
+          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
+        if (project.extras.includes('install')) {
+          s.start(merlinSays(`Let's install everything using magic (npm)`));
+          try {
+            await exec(`cd ${project.path}/${project.name} && npm install`);
+          } catch (e) {
+            console.log(e);
+          }
+          s.stop(merlinSays(`Everything is installed. It's go time`));
+        }
+        // autolaunch if default was selected
+        if (project.extras.includes('launch')) {
+          p.note(`${merlinSays(`I have summoned a sub-process daemon 👹`)}
+Running ${project.type}
+Launched from: ${project.path}/${project.name}
+
+To resume 🧙 Merlin press ⌨️: ${_picocolors.default.black(_picocolors.default.bgRed(`CTRL + C`))}
+`);
+          await (0, _promises.setTimeout)(2000);
+          let optionPath = `${project.path}/${project.name}`;
+          if (project.type === "webcomponent") {
+            try {
+              await exec(`cd ${optionPath} && npm start`);
+            } catch (e) {}
+          } else {
+            try {
+              await exec(`cd ${optionPath} && npx @haxtheweb/haxcms-nodejs`);
+            } catch (e) {}
+          }
+        } else {
+          let nextSteps = `cd ${project.path}/${project.name} && `;
+          switch (project.type) {
+            case 'haxcms':
+              nextSteps += `npx @haxtheweb/haxcms-nodejs`;
+              break;
+            case 'haxcms-multisite':
+              nextSteps = `cd ${project.path} && npx @haxtheweb/haxcms-nodejs\n`;
+              break;
+            case 'webcomponent':
+              nextSteps += `${project.extras.includes('install') ? '' : 'npm install &&'}npm start`;
+              break;
+          }
+          p.note(`${project.name} is ready to go. Run the following to start development:`);
+          p.outro(nextSteps);
+        }
       }
-      // 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);
+    p.outro(`
+🔮  Ideas to HAX better, faster, stronger: ${_picocolors.default.underline(_picocolors.default.cyan('https://github.com/haxtheweb/issues'))}
 
-/**
- * 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);
-    }
+👔  Share on LinkedIn: ${_picocolors.default.underline(_picocolors.default.cyan('https://bit.ly/hax-linkedin'))}
+
+🧵  Share on X: ${_picocolors.default.underline(_picocolors.default.cyan('https://bit.ly/hax-x'))}
+
+💬  Join our Community: ${_picocolors.default.underline(_picocolors.default.cyan('https://bit.ly/hax-discord'))}
+
+`);
   }
-}
+}
+main().catch(console.error);

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

@@ -11,7 +11,7 @@
     },
     "dependencies": {
       "lit": "^3.1.3",
-      "@haxtheweb/d-d-d": "^9.0.0-alpha.0"
+      "@haxtheweb/d-d-d": "<%= version %>"
     },
     "devDependencies": {
       "@babel/preset-env": "^7.16.4",

package/dist/templates/webcomponent/hax/src/webcomponent.js

@@ -48,4 +48,4 @@ export class <%= className %> extends DDDSuper(LitElement) {
   }
 }
 
-globalThis.customElements.define(<%= className %>.tag, <%= className %>);
+globalThis.customElements.define(<%= className %>.tag,  <%= className %>);

package/dist/utils.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SITE_FILE_NAME = void 0;
+exports.dashToCamel = dashToCamel;
+exports.generateUUID = generateUUID;
+exports.readAllFiles = readAllFiles;
+var fs = _interopRequireWildcard(require("node:fs"));
+var path = _interopRequireWildcard(require("node:path"));
+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 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-z])/g, function (g) {
+    return g[1].toUpperCase();
+  });
+}
+// generate unique-enough id
+function generateUUID() {
+  return "ss-s-s-s-sss".replace(/s/g, _uuidPart);
+}
+function _uuidPart() {
+  return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
+}
+
+// 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,60 +1,62 @@
 {
-    "name": "@haxtheweb/create",
-    "version": "0.1.0",
-    "publishConfig": {
-      "access": "public"
-    },
-    "description": "Rapidly build web components for the Web that work with HAX",
-    "author": "HAXTheWeb core team",
-    "license": "Apache-2.0",
-    "engines": {
-      "node": ">=18.20.3"
-    },
-    "repository": {
-      "type": "git",
-      "url": "https://github.com/haxtheweb/create.git"
-    },
-    "bugs": {
-      "url": "https://github.com/haxtheweb/issues/issues"
-    },
-    "homepage": "https://hax.psu.edu/",
-    "scripts": {
-      "build": "rm -rf dist && babel src --out-dir dist --copy-files --include-dotfiles",
-      "start": "npm run build && node ./dist/create.js"
-    },
-    "bin": {
-      "create-haxtheweb": "./dist/create.js"
-    },
-    "files": [
-      "dist"
-    ],
-    "keywords": [
-      "haxtheweb",
-      "haxcms",
-      "haxsite",
-      "htw",
-      "webcomponents",
-      "lit",
-      "generator",
-      "starter-app"
-    ],
-    "dependencies": {
-      "@clack/core": "0.3.4",
-      "@clack/prompts": "0.7.0",
-      "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"
-    }
-  }
+  "name": "@haxtheweb/create",
+  "version": "0.1.3",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "CLI for all things HAX the web",
+  "author": "HAXTheWeb core team",
+  "license": "Apache-2.0",
+  "engines": {
+    "node": ">=18.20.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/haxtheweb/create.git"
+  },
+  "bugs": {
+    "url": "https://github.com/haxtheweb/issues/issues"
+  },
+  "homepage": "https://hax.psu.edu/",
+  "scripts": {
+    "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"
+  },
+  "bin": {
+    "create-haxtheweb": "./dist/create.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "haxtheweb",
+    "haxcms",
+    "haxsite",
+    "htw",
+    "webcomponents",
+    "lit",
+    "generator",
+    "starter-app"
+  ],
+  "dependencies": {
+    "@clack/core": "0.3.4",
+    "@clack/prompts": "0.7.0",
+    "picocolors": "1.0.1",
+    "ejs": "3.1.10",
+    "@haxtheweb/haxcms-nodejs": "0.0.13"
+  },
+  "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",
+    "commit-and-tag-version": "12.4.1"
+  }
+}

package/dist/templates/haxcms/course/package.json

@@ -1,6 +0,0 @@
-{
-    "name": "<%= name %>",
-    "dependencies": {
-        "@haxtheweb/d-d-d": "9.0.0-alpha.0"
-    }
-}

package/dist/templates/theme/default/package.json

@@ -1,6 +0,0 @@
-{
-    "name": "<%= name %>",
-    "dependencies": {
-        "@haxtheweb/d-d-d": "9.0.0-alpha.0"
-    }
-}