@joystick.js/cli-canary 0.0.0-canary.1

package/.build/getFilesToBuild.js

@@ -0,0 +1,38 @@
+import fs from "fs";
+import { join } from "path";
+
+const getFileListFromPath = (directoryPath = '', files = []) => {
+  const filesInDirectory = fs.readdirSync(directoryPath);
+  const filesWithDirectoryPathPrefix = filesInDirectory.map((filePathInDirectory = '') => {
+    return join(directoryPath, filePathInDirectory);
+  });
+
+  files.push(...filesWithDirectoryPathPrefix);
+
+  filesWithDirectoryPathPrefix.forEach((filePathWithDirectoryPrefix = '') => {
+    const pathIsDirectory = fs.statSync(filePathWithDirectoryPrefix).isDirectory();
+
+    if (pathIsDirectory) {
+      getFileListFromPath(filePathWithDirectoryPrefix, files);
+    }
+  });
+
+  return files;
+};
+
+export default () => {
+  const files = getFileListFromPath("./src");
+
+  const filteredFiles = files.filter((path) => {
+    return (
+      !fs.lstatSync(path).isDirectory() &&
+      !["node_modules", "src/lib/rollup.config.js", ".DS_Store"].some(
+        (excludedPath) => {
+          return path.includes(excludedPath);
+        }
+      )
+    );
+  });
+
+  return filteredFiles;
+};

package/.build/index.js

@@ -0,0 +1,69 @@
+import fs from "fs";
+import path from "path";
+import esbuild from "esbuild";
+import child_process from 'child_process';
+import getFilesToBuild from "./getFilesToBuild.js";
+import getPlatformSafePath from "../src/lib/getPlatformSafePath.js";
+
+const buildFile = (fileToBuild) => {
+  const [_, file] = fileToBuild.split(getPlatformSafePath("src/")); 
+  return esbuild
+    .build({
+      entryPoints: [`src/${file}`],
+      bundle: false,
+      outfile: `./dist/${file}`,
+      platform: "node",
+      format: "esm",
+      minify: false,
+      plugins: [],
+    })
+    .catch((error) => {
+      console.log(error);
+    });
+};
+
+const buildFiles = (filesToBuild = []) => {
+  return Promise.all(filesToBuild.map((file) => buildFile(file.path)));
+};
+
+const copyFiles = (filesToCopy = []) => {
+  filesToCopy.forEach((fileToCopy) => {
+    const [_, file] = fileToCopy.path.split(getPlatformSafePath("src/"));
+    fs.mkdir(`./dist/${path.dirname(file)}`, { recursive: true }, (error) => {
+      if (error) {
+        console.warn(error);
+      }
+      fs.writeFileSync(`./dist/${file}`, fs.readFileSync(getPlatformSafePath(`src/${file}`)));
+    });
+  });
+};
+
+const filesToBuild = getFilesToBuild();
+
+const files = filesToBuild.map((path) => {
+  let target = "esm";
+
+  const copyPaths = [
+    getPlatformSafePath("create/templates")
+  ];
+
+  const isCopyPath = copyPaths.some((copyPath) => {
+    return path.includes(copyPath);
+  });
+
+  if (isCopyPath) {
+    target = "copy";
+  }
+
+  return {
+    path,
+    target,
+  };
+});
+
+if (fs.existsSync('dist')) {
+  child_process.execSync('rm -rf ./dist');
+}
+
+copyFiles(files.filter(({ target }) => target === "copy"));
+buildFiles(files.filter(({ target }) => target !== "copy"));

package/HMRNOTES.txt

@@ -0,0 +1,23 @@
+cli/buildFiles:
+
+- Keep track of files changed
+- Let restartApplicationProcess handle call to HMR clients. This way we can guarantee everything is ready AND we only fire the HMR call ONCE.
+
+cli/hmrServer:
+
+- [x] Keep track of connections on the process object.
+
+node/hmr/client:
+
+- When a message comes in, detect the file type
+  - Any JS files should trigger a re-mount
+  - Any CSS should be handled in the same way as before
+  - Any HTML/settings should be handled in the same way as before
+
+  ---
+
+  Other stuff:
+
+  - Clean up get path variations so it doesn't include generics like "index" for index.server.js, etc.
+
+  - Look at getCodependenciesForFile and make sure you're not over-scoped to other files.

package/README.md

@@ -0,0 +1,7 @@
+<img src="https://cheatcode-assets.s3.amazonaws.com/cheatcode-logo-sm.svg" alt="CheatCode">
+
+## @joystick.js/cli (Beta)
+
+CLI for the Joystick JavaScript framework.
+
+[Read the Documentation](https://github.com/cheatcode/joystick)

package/_package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@joystick.js/cli",
+  "version": "1.0.0-beta.71",
+  "developmentVersion": "1.0.0-beta.1695",
+  "type": "module",
+  "description": "CLI for the Joystick JavaScript framework.",
+  "main": "development.js",
+  "bin": {
+    "joystick": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "node .build/index.js",
+    "canary:release": "export NODE_ENV=development && npm run build && node canary.js",
+    "production:release": "export NODE_ENV=production && npm run build && node release.js",
+    "win:development:release": "SET NODE_ENV=development&& npm run build && node release.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "cross-env": "^7.0.3",
+    "semver": "^7.3.5"
+  },
+  "dependencies": {
+    "@babel/code-frame": "^7.15.8",
+    "acorn": "^8.5.0",
+    "ascii-table": "^0.0.9",
+    "chalk": "^4.1.2",
+    "chokidar": "^3.5.2",
+    "command-exists": "^1.2.9",
+    "cross-port-killer": "^1.4.0",
+    "currency-formatter": "^1.5.9",
+    "esbuild": "^0.17.19",
+    "esbuild-plugin-svg": "^0.1.0",
+    "form-data": "^4.0.0",
+    "fs-extra": "^10.0.0",
+    "inquirer": "^8.2.0",
+    "kill-port-process": "^3.1.0",
+    "lodash": "^4.17.21",
+    "mongo-uri-tool": "^1.0.1",
+    "mongodb": "^4.1.3",
+    "netstats": "^0.0.6",
+    "node-fetch": "^3.2.0",
+    "node-watch": "^0.7.2",
+    "pg": "^8.7.3",
+    "port-pid": "^0.0.7",
+    "ps-node": "^0.1.6",
+    "replace-in-files": "^3.0.0",
+    "selective-whitespace": "^1.0.4",
+    "systeminformation": "^5.11.0",
+    "ws": "^8.2.3",
+    "xmlhttprequest": "^1.8.0"
+  }
+}

package/canary.js

@@ -0,0 +1,12 @@
+import fs from 'fs';
+import child_process from 'child_process';
+
+fs.renameSync('package.json', '_package.json');
+fs.renameSync('canary.json', 'package.json');
+
+child_process.execSync('npm version prerelease --preid=canary');
+
+child_process.execSync('npm publish --access=public');
+
+fs.renameSync('package.json', 'canary.json');
+fs.renameSync('_package.json', 'package.json');

package/dist/cli.js

@@ -0,0 +1,69 @@
+import chalk from "chalk";
+import help from "./lib/help.js";
+import functions from "./functions/index.js";
+import getArgs from "./lib/getArgs.js";
+import getOptions from "./lib/getOptions.js";
+const functionNames = Object.keys(functions);
+const functionsCalled = process.argv.filter((arg) => functionNames.includes(arg));
+const showHelp = process.argv.some((arg) => ["-h", "--help"].includes(arg));
+if (showHelp || functionsCalled.length === 0) {
+  help();
+  process.exit(0);
+}
+if (functionsCalled.length > 1) {
+  console.log(chalk.red("Only one function can be called at a time."));
+  process.exit(0);
+}
+if (functionsCalled.includes("build")) {
+  const args = getArgs(functions.build.args);
+  const options = getOptions(functions.build.options);
+  if (functions.build.function && typeof functions.build.function === "function") {
+    functions.build.function(args, options);
+  }
+}
+if (functionsCalled.includes("create")) {
+  const args = getArgs(functions.create.args);
+  const options = getOptions(functions.create.options);
+  if (!args.name) {
+    console.log(chalk.red("Must pass a <name> for your app to joystick create. Run joystick --help for examples."));
+    process.exit(0);
+  }
+  if (functions.create.function && typeof functions.create.function === "function") {
+    functions.create.function(args, options);
+  }
+}
+if (functionsCalled.includes("logout")) {
+  const args = getArgs(functions.logout.args);
+  const options = getOptions(functions.logout.options);
+  if (functions.logout.function && typeof functions.logout.function === "function") {
+    functions.logout.function(args, options);
+  }
+}
+if (functionsCalled.includes("push")) {
+  const args = getArgs(functions.push.args);
+  const options = getOptions(functions.push.options);
+  if (functions.push.function && typeof functions.push.function === "function") {
+    functions.push.function(args, options);
+  }
+}
+if (functionsCalled.includes("start")) {
+  const args = getArgs(functions.start.args);
+  const options = getOptions(functions.start.options);
+  if (functions.start.function && typeof functions.start.function === "function") {
+    functions.start.function(args, options);
+  }
+}
+if (functionsCalled.includes("update")) {
+  const args = getArgs(functions.update.args);
+  const options = getOptions(functions.update.options);
+  if (functions.update.function && typeof functions.update.function === "function") {
+    functions.update.function(args, options);
+  }
+}
+if (functionsCalled.includes("use")) {
+  const args = getArgs(functions.use.args);
+  const options = getOptions(functions.use.options);
+  if (functions.use.function && typeof functions.use.function === "function") {
+    functions.use.function(args, options);
+  }
+}

package/dist/functions/build/getTarIgnoreList.js

@@ -0,0 +1,25 @@
+import fs from "fs";
+import masterIgnoreList from "../../lib/masterIgnoreList.js";
+var getTarIgnoreList_default = (excludedPaths = []) => {
+  const gitignore = fs.existsSync(".gitignore") ? fs.readFileSync(".gitignore", "utf-8") : "";
+  const gitignoreFiles = gitignore?.split("\n")?.filter((file) => {
+    return !file?.includes("#") && file?.trim() !== "";
+  });
+  const ignoreFiles = [
+    ...gitignoreFiles,
+    ...excludedPaths,
+    ...(masterIgnoreList || [])?.map((ignore) => {
+      return `${process.cwd()}/./${ignore}`;
+    }),
+    "*.tar",
+    "*.tar.gz",
+    "*.tar.xz"
+  ]?.filter((item, itemIndex, array) => {
+    return array.indexOf(item) === itemIndex;
+  });
+  const excludeList = `{${ignoreFiles?.map((ignoreFile) => `"${ignoreFile}"`).join(",")}}`;
+  return excludeList;
+};
+export {
+  getTarIgnoreList_default as default
+};

package/dist/functions/build/index.js

@@ -0,0 +1,54 @@
+import child_process from "child_process";
+import chalk from "chalk";
+import Loader from "../../lib/loader.js";
+import getFilesToBuild from "../start/getFilesToBuild.js";
+import buildFiles from "../start/buildFiles.js";
+import CLILog from "../../lib/CLILog.js";
+import getTarIgnoreList from "./getTarIgnoreList.js";
+import loadSettings from "../../lib/loadSettings.js";
+var build_default = async (args = {}, options = {}) => {
+  if (!options?.type) {
+    CLILog("Must pass a type for your build.", {
+      level: "danger",
+      docs: "https://cheatcode.co/docs/joystick/cli#build"
+    });
+    process.exit(0);
+  }
+  console.log("");
+  const loader = new Loader({
+    padding: options?.isDeploy ? "  " : "",
+    defaultMessage: "Building app..."
+  });
+  loader.text("Building app...");
+  const environment = options?.environment || "production";
+  const settings = !options?.continuousIntegration ? await loadSettings(environment) : null;
+  const filesToBuild = getFilesToBuild(settings?.config?.build?.excludedPaths);
+  const outputPath = ".build";
+  const outputPathForBuildType = options?.type === "tar" ? `${outputPath}/.tar` : outputPath;
+  await buildFiles(
+    filesToBuild,
+    outputPathForBuildType,
+    // NOTE: Treat standalone builds as being for production by default.
+    environment
+  ).catch((error) => {
+    console.warn(error);
+  });
+  if (options?.type === "tar") {
+    const ignoreList = getTarIgnoreList(settings?.config?.build?.excludedPaths);
+    console.log(ignoreList);
+    child_process.execSync(
+      `cd ${outputPath}/.tar && tar -cf ../build.tar.xz --exclude=${ignoreList} .`
+    );
+    child_process.execSync(`cd ${outputPath} && rm -rf .tar`);
+  }
+  loader.stable("");
+  loader.stop();
+  console.log(
+    chalk.greenBright(`App built as ${options?.type} to ${outputPath}!
+`)
+  );
+  return Promise.resolve();
+};
+export {
+  build_default as default
+};

package/dist/functions/create/buildPackageJSON.js

@@ -0,0 +1,20 @@
+var buildPackageJSON_default = (projectName = "") => {
+  const packageJSON = {
+    type: "module",
+    name: projectName,
+    version: "1.0.0",
+    description: "",
+    main: "index.js",
+    scripts: {
+      start: "joystick start",
+      test: 'echo "Error: no test specified" && exit 1'
+    },
+    keywords: [],
+    author: "",
+    license: "ISC"
+  };
+  return JSON.stringify(packageJSON, null, 2);
+};
+export {
+  buildPackageJSON_default as default
+};

package/dist/functions/create/index.js

@@ -0,0 +1,193 @@
+import fs from "fs";
+import { fileURLToPath } from "url";
+import { dirname } from "path";
+import chalk from "chalk";
+import { exec } from "child_process";
+import buildPackageJSON from "./buildPackageJSON.js";
+import Loader from "../../lib/loader.js";
+const npmRegistry = process.env.NODE_ENV === "development" ? "--registry http://localhost:4873" : "";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const createFiles = (projectName, files = []) => {
+  files.forEach(({ name, content }) => {
+    fs.writeFileSync(`./${projectName}/${name}`, content);
+  });
+};
+const createFolders = (projectName, folders = []) => {
+  folders.forEach((folder) => {
+    fs.mkdirSync(`./${projectName}/${folder}`);
+  });
+};
+const createPackageJSON = (projectName = "") => {
+  fs.writeFileSync(
+    `./${projectName}/package.json`,
+    buildPackageJSON(projectName)
+  );
+};
+const createJoystickFolder = (projectName = "") => {
+  fs.mkdirSync(`./${projectName}/.joystick`);
+  fs.mkdirSync(`./${projectName}/.joystick/build`);
+};
+const createProjectFolder = (projectName = "") => {
+  return fs.mkdirSync(`./${projectName}`);
+};
+const checkIfProjectExists = (projectName = "") => {
+  return fs.existsSync(`./${projectName}`);
+};
+var create_default = (args = {}) => {
+  try {
+    process.loader = new Loader({ defaultMessage: "Starting app..." });
+    process.loader.text("Creating app...");
+    const projectName = args?.name;
+    const projectAlreadyExists = checkIfProjectExists(projectName);
+    if (projectAlreadyExists) {
+      console.log(
+        chalk.red(
+          `A folder with the name ${projectName} already exists. Please choose a different name and try again.`
+        )
+      );
+      process.exit(0);
+    }
+    createProjectFolder(projectName);
+    createJoystickFolder(projectName);
+    createPackageJSON(projectName);
+    createFolders(projectName, [
+      "api",
+      "i18n",
+      "ui",
+      "ui/components",
+      "ui/components/button",
+      "ui/layouts",
+      "ui/layouts/app",
+      "ui/pages",
+      "ui/pages/error",
+      "ui/pages/index",
+      "lib",
+      "public"
+    ]);
+    createFiles(projectName, [
+      {
+        name: "api/index.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/api/index.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "i18n/en-US.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/i18n/en-US.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "public/apple-touch-icon-152x152.png",
+        content: fs.readFileSync(
+          `${__dirname}/templates/public/apple-touch-icon-152x152.png`
+        )
+      },
+      {
+        name: "public/favicon.ico",
+        content: fs.readFileSync(`${__dirname}/templates/public/favicon.ico`)
+      },
+      {
+        name: "public/manifest.json",
+        content: fs.readFileSync(`${__dirname}/templates/public/manifest.json`)
+      },
+      {
+        name: "public/service-worker.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/public/service-worker.js`
+        )
+      },
+      {
+        name: "public/splash-screen-1024x1024.png",
+        content: fs.readFileSync(
+          `${__dirname}/templates/public/splash-screen-1024x1024.png`
+        )
+      },
+      {
+        name: "ui/components/button/index.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/ui/components/button/index.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "ui/layouts/app/index.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/ui/layouts/app/index.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "ui/pages/error/index.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/ui/pages/error/index.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "ui/pages/index/index.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/ui/pages/index/index.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "index.client.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/index.client.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "index.css",
+        content: fs.readFileSync(`${__dirname}/templates/index.css`, "utf-8")
+      },
+      {
+        name: "index.html",
+        content: fs.readFileSync(`${__dirname}/templates/index.html`, "utf-8")
+      },
+      {
+        name: "index.server.js",
+        content: fs.readFileSync(
+          `${__dirname}/templates/index.server.js`,
+          "utf-8"
+        )
+      },
+      {
+        name: "settings.development.json",
+        content: fs.readFileSync(
+          `${__dirname}/templates/settings.development.json`,
+          "utf-8"
+        )
+      }
+    ]);
+    setTimeout(() => {
+      process.loader.text("Installing dependencies...");
+    }, 1500);
+    exec(
+      `cd ./${projectName} && npm install --save @joystick.js/ui @joystick.js/node ${npmRegistry}`,
+      (stderr, stdout) => {
+        if (stderr) {
+          process.loader.stop();
+          console.warn(stderr);
+        } else {
+          process.loader.stop();
+          console.log(
+            `${chalk.green(
+              "Project created! To get started, run:"
+            )}
+cd ${projectName} && joystick start`
+          );
+        }
+      }
+    );
+  } catch (exception) {
+    console.warn(exception);
+  }
+};
+export {
+  create_default as default
+};

package/dist/functions/create/templates/api/index.js

@@ -0,0 +1,4 @@
+export default {
+  getters: {},
+  setters: {},
+};

package/dist/functions/create/templates/i18n/en-US.js

@@ -0,0 +1,4 @@
+export default {
+  get_started: "Get Started",
+  view_on_github: "<span>{{stars}}</span> View on Github",
+};

package/dist/functions/create/templates/index.client.js

@@ -0,0 +1,7 @@
+/*
+  Add any code you'd like to load globally on the client here. For example:
+
+  - Analytics scripts
+  - Logging services
+  - Configuration for client-libraries
+*/

package/dist/functions/create/templates/index.css

@@ -0,0 +1,20 @@
+:root {
+  --brand: #ffcc00;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-size: 16px;
+  background: #fff;
+}
+
+ul,
+ol {
+  list-style: none;
+}

package/dist/functions/create/templates/index.html

@@ -0,0 +1,23 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Joystick</title>
+    <meta name="description" content="An awesome JavaScript app that's under development.">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content="#FFCC00">
+    <link rel="apple-touch-icon" href="/apple-touch-icon-152x152.png">
+    <link rel="stylesheet" href="/_joystick/index.css">
+    <link rel="manifest" href="/manifest.json">
+    ${css}
+  </head>
+  <body>
+    <div id="app"></div>
+    ${scripts}
+    <script>
+      if ("serviceWorker" in navigator) {
+        navigator.serviceWorker.register("/service-worker.js");
+      }
+    </script>
+  </body>
+</html>

package/dist/functions/create/templates/index.server.js

@@ -0,0 +1,21 @@
+import node from "@joystick.js/node";
+import api from "./api";
+
+node.app({
+  api,
+  routes: {
+    "/": (req, res) => {
+      res.render("ui/pages/index/index.js", {
+        layout: "ui/layouts/app/index.js",
+      });
+    },
+    "*": (req, res) => {
+      res.render("ui/pages/error/index.js", {
+        layout: "ui/layouts/app/index.js",
+        props: {
+          statusCode: 404,
+        },
+      });
+    },
+  },
+});