extension 1.8.0-beta.2 → 2.0.0-alpha.0

package/README.md

@@ -1,4 +1,4 @@
-[action-image]: https://github.com/cezaraugusto/extension/actions/workflows/ci.yml/badge.svg?branch=main
+[action-image]: https://github.com/cezaraugusto/extension/actions/workflows/build.yml/badge.svg?branch=main
 [action-url]: https://github.com/cezaraugusto/extension/actions
 [npm-image]: https://img.shields.io/npm/v/extension.svg
 [npm-url]: https://npmjs.org/package/extension
@@ -11,15 +11,17 @@
 [vunlerabilities]: https://snyk.io/test/github/cezaraugusto/extension/badge.svg
 [fossa-image]: https://app.fossa.com/api/projects/git%2Bgithub.com%2Fcezaraugusto%2Fextension.svg?type=shield&issueType=license
 [fossa-url]: https://app.fossa.com/projects/git%2Bgithub.com%2Fcezaraugusto%2Fextension?ref=badge_shield&issueType=license
+[discord-image]: https://img.shields.io/discord/1253608412890271755?label=Discord&logo=discord&style=flat
+[discord-url]: https://discord.gg/1253608412890271755
 
-# Extension.js [![npm][npm-image]][npm-url] [![fossa][fossa-image]][fossa-url] [![workflow][action-image]][action-url] [![downloads][downloads-image]][downloads-url] [![PR's welcome][prs]][prs-url]
+# Extension.js [![npm][npm-image]][npm-url] [![fossa][fossa-image]][fossa-url] [![workflow][action-image]][action-url] [![downloads][downloads-image]][downloads-url] [![discord][discord-image]][discord-url]
 
 <!-- > Plug-and-play, zero-config, cross-browser extension development tool. -->
 
-> Make it very easy to develop cross-browser extensions.
+<!-- > Make it very easy to develop cross-browser extensions. -->
 
-<img alt="Extension.js with all the browser runners open" src="https://github.com/cezaraugusto/extension.js/assets/4672033/f0f5bbfc-e873-4856-9fdd-db2b42d9ab96"> 
-<hr>
+<!-- <img alt="Extension.js with all the browser runners open" src="https://github.com/cezaraugusto/extension.js/assets/4672033/f0f5bbfc-e873-4856-9fdd-db2b42d9ab96">
+<hr> -->
 
 <img alt="Logo" align="right" src="https://user-images.githubusercontent.com/4672033/102850460-4d22aa80-43f8-11eb-82db-9efce586f73e.png" width="25%" />
 
@@ -53,7 +55,7 @@ For a preview of extensions running these technologies, see documentation about
 
 | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/a9e2541a-96f0-4caa-9fc9-5fc5c3e901c8" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/b42c5330-9e2a-4045-99c3-1f7d264dfaf4" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/f19edff3-9005-4f50-b05c-fba615896a7f" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/ff64721d-d145-4213-930d-e70193f8d57e" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/15f1314a-aa65-4ce2-a3f3-cf53c4f730cf" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/c5f8a127-3c2a-4ceb-bb46-948cf2c8bd89" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/de1082fd-7cf6-4202-8c12-a5c3cd3e5b42" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/78e5fe3d-dc79-4aa2-954e-1a5973d1d9db" width="70"> | <img src="https://github.com/cezaraugusto/extension.js/assets/4672033/8807efd9-93e5-4db5-a1d2-9ac524f7ecc2" width="70"> |
 | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: |
-|                                                      ESNext<br>✅                                                       |                                                    TypeScript<br>✅                                                     |                                                       WASM<br>✅                                                        |                                                       React<br>✅                                                       |                                                        Vue<br>✅                                                        |                                                      Angular<br>👋                                                      |                                                      Svelte<br>👋                                                       |                                                       Solid<br>👋                                                       |                                                      Preact<br>👋                                                       |
+|                                                      ESNext<br>✅                                                       |                                                    TypeScript<br>✅                                                     |                                                       WASM<br>✅                                                        |                                                       React<br>✅                                                       |                                                        Vue<br>✅                                                        |                                                      Angular<br>👋                                                      |                                                      Svelte<br>👋                                                       |                                                       Solid<br>👋                                                       |                                                      Preact<br>✅                                                       |
 
 👋 = PR Welcome!
 

package/dist/cli.js

@@ -6,10 +6,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -28,106 +24,83 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 
 // cli.ts
-var import_semver = __toESM(require("semver"));
 var import_commander = require("commander");
-var import_create = __toESM(require("@extension-create/create"));
-var import_develop = require("@extension-create/develop");
+var import_extension_create = require("extension-create");
+var import_extension_develop = require("extension-develop");
 
-// check-updates.ts
-var import_update_check = __toESM(require("update-check"));
+// cli-lib/messages.ts
 var import_safe = require("@colors/colors/safe");
-async function checkUpdates(packageJson) {
-  let update = null;
-  try {
-    update = await (0, import_update_check.default)(packageJson);
-  } catch (err) {
-    if (process.env.EXTENSION_ENV === "development") {
-      console.error((0, import_safe.bold)((0, import_safe.red)(`Failed to check for updates: ${err}`)));
-    }
-  }
-  if (update) {
-    console.log(
-      `
-Your \u{1F9E9} ${(0, import_safe.bold)("Extension.js")} version is ${(0, import_safe.red)("outdated")}.
-The latest version is ${(0, import_safe.bold)(update.latest)}. Please update!
-`
-    );
-  }
+function updateFailed(err) {
+  return "\u{1F9E9}\n" + (0, import_safe.red)(`Failed to check for updates: ${err.message}`);
 }
-
-// messages/blockingErrors.ts
-var blockingErrors_exports = {};
-__export(blockingErrors_exports, {
-  noURLWithoutStart: () => noURLWithoutStart,
-  notImplemented: () => notImplemented,
-  unsupportedNodeVersion: () => unsupportedNodeVersion
-});
-function unsupportedNodeVersion() {
-  return `
-    You are using an unsupported Node version (${process.version}).
-
-    Please update to a version higher than 18.
-  `;
-}
-function noURLWithoutStart(argument) {
-  return `
-    The default \`create\` command does not accept URLs.
-    Are you forgetting a \`start\` command? Maybe:
-
-    npx extension \`start\` ${argument}
-  `;
-}
-function notImplemented(argument) {
-  return `${argument} command not implemented yet.`;
+function checkUpdates(packageJson, update) {
+  return `\u{1F9E9}
+${(0, import_safe.brightYellow)("Notice:")} A new version of ${(0, import_safe.brightGreen)(
+    "Extension.js"
+  )} is available!
+You are currently using version ${(0, import_safe.brightYellow)(packageJson.version)}.
+The latest stable version is ${(0, import_safe.brightYellow)(update.latest)}.
+Please update to the latest version to enjoy new features and improvements.
+`;
 }
-
-// messages/programHelp.ts
 function programHelp() {
-  return `
-# Help center for the \u{1F9E9} Extension.js program
+  return `\u{1F9E9}
+${(0, import_safe.brightGreen)("Help center for the Extension.js program")}
 
-## Usage: \`extension [command] [options]\`
+${(0, import_safe.brightYellow)("Usage:")} extension [command] [options]
 
-**Note:** If you are looking for a specific list of options,
+${(0, import_safe.brightBlue)("Note:")} If you are looking for a specific list of options,
 all high-level commands offer their own \`--help\` file with
 information about usage and a list of command flags available.
 
 For example:
 
-\`extension create --help\`
+${(0, import_safe.brightBlue)("extension create --help")}
 outputs information about the \`create\` command.
 
-## Options available
+Options available:
 
-\`extension create <extension-name>\`
-Creates a new extension from template. The "create" command
-is optional and can be ommitted.
+${(0, import_safe.brightBlue)("extension create <extension-name>")}
+Creates a new extension from a template. The "create" command
+is optional and can be omitted.
 
-\`extension dev <extension-path>\`
+${(0, import_safe.brightBlue)("extension dev <extension-path>")}
 Starts a new browser instance in development mode, with the target
 extension loaded and auto-reloaded based on file changes.
 
-\`extension start <extension-path>\`
+${(0, import_safe.brightBlue)("extension start <extension-path>")}
 Starts a new browser instance in production mode, with the target
 extension compiled based on the browser choice.
 
-\`extension build <extension-path>\`
+${(0, import_safe.brightBlue)("extension build <extension-path>")}
 Builds the target extension with browser defaults, ready for packaging.
 
-\`extension --help\`
+${(0, import_safe.brightBlue)("extension --help")}
 This command ;) Outputs a help file with key command options.
 
-Feels something is wrong? Help by reporting a bug:
-https://github.com/cezaraugusto/extension/issues/new
+${(0, import_safe.brightYellow)("Feels something is wrong? Help by reporting a bug:")}
+${(0, import_safe.underline)("https://github.com/cezaraugusto/extension/issues/new")}
 `;
 }
 
-// messages/index.ts
-var messages = {
-  ...blockingErrors_exports,
-  programHelp
-};
-var messages_default = messages;
+// check-updates.ts
+var import_update_check = __toESM(require("update-check"));
+function isStableVersion(version) {
+  return !/[a-zA-Z]/.test(version);
+}
+async function checkUpdates2(packageJson) {
+  let update = null;
+  try {
+    update = await (0, import_update_check.default)(packageJson);
+  } catch (err) {
+    if (process.env.EXTENSION_ENV === "development") {
+      console.error(updateFailed(err));
+    }
+  }
+  if (update && isStableVersion(update.latest)) {
+    console.log(checkUpdates(packageJson, update));
+  }
+}
 
 // package.json
 var package_default = {
@@ -141,7 +114,7 @@ var package_default = {
     node: ">=18"
   },
   name: "extension",
-  version: "1.8.0-beta.2",
+  version: "2.0.0-alpha.0",
   description: "Create cross-browser extensions with no build configuration.",
   main: "./dist/cli.js",
   types: "./dist/cli.d.ts",
@@ -158,13 +131,15 @@ var package_default = {
     url: "https://cezaraugusto.com"
   },
   scripts: {
+    watch: "yarn compile --watch",
     "compile:readme-files": "node ./scripts/copyMarkdownFilesToCli.js",
     "compile:tailwind-config": "node ./scripts/copyTailwindConfig.js",
     "compile:stylelint-config": "node ./scripts/copyStylelintConfig.js",
     "compile:cli": "tsup-node ./cli.ts --format cjs --dts --target=node18",
     compile: "yarn compile:readme-files && yarn compile:tailwind-config && yarn compile:stylelint-config &&yarn compile:cli",
     clean: "rm -rf dist",
-    test: "jest"
+    test: 'echo "Note: no test specified" && exit 0',
+    "test:cli": "jest __spec__/cli.spec.ts"
   },
   keywords: [
     "zero-config",
@@ -181,8 +156,8 @@ var package_default = {
   ],
   dependencies: {
     "@colors/colors": "^1.6.0",
-    "@extension-create/create": "*",
-    "@extension-create/develop": "*",
+    "extension-create": "2.0.0-alpha.0",
+    "extension-develop": "2.0.0-alpha.0",
     commander: "^11.1.0",
     semver: "^7.5.4",
     "update-check": "^1.5.4"
@@ -202,56 +177,15 @@ var package_default = {
 };
 
 // cli.ts
-checkUpdates(package_default);
-if (import_semver.default.lte(process.version, "18.0.0")) {
-  messages_default.unsupportedNodeVersion();
-  process.exit(1);
-}
+checkUpdates2(package_default);
 var extensionJs = import_commander.program;
-if (process.env.EXTENSION_ENV === "development") {
-  console.log(`Running extension via ${package_default.name}...`);
-}
-extensionJs.name(package_default.name).description(package_default.description).version(package_default.version).addHelpText("after", messages_default.programHelp());
+extensionJs.name(package_default.name).description(package_default.description).version(package_default.version).addHelpText("after", programHelp());
 var vendors = (browser) => browser === "all" ? "chrome,edge,firefox".split(",") : browser.split(",");
 extensionJs.command("create").arguments("<project-name|project-path>").usage("create <project-name|project-path> [options]").description("Creates a new extension.").option(
   "-t, --template <template-name>",
   "specify a template for the created project"
-).action(async function(pathOrRemoteUrl, {
-  browser = "chrome",
-  template,
-  ...otherCommandOptions
-}) {
-  switch (pathOrRemoteUrl) {
-    case "dev":
-      for (const vendor of vendors(browser)) {
-        await (0, import_develop.extensionDev)(pathOrRemoteUrl, {
-          mode: "development",
-          browser: vendor,
-          ...otherCommandOptions
-        });
-      }
-      break;
-    case "start":
-      for (const vendor of vendors(browser)) {
-        await (0, import_develop.extensionStart)(pathOrRemoteUrl, {
-          mode: "production",
-          browser: vendor,
-          ...otherCommandOptions
-        });
-      }
-      break;
-    case "build":
-      for (const vendor of vendors(browser)) {
-        await (0, import_develop.extensionBuild)(pathOrRemoteUrl, {
-          browser: vendor,
-          ...otherCommandOptions
-        });
-      }
-      break;
-    default:
-      await (0, import_create.default)(pathOrRemoteUrl, { template });
-      break;
-  }
+).action(async function(pathOrRemoteUrl, { template }) {
+  await (0, import_extension_create.extensionCreate)(pathOrRemoteUrl, { template });
 });
 extensionJs.command("dev").arguments("[project-path|remote-url]").usage("dev [project-path|remote-url] [options]").description("Starts the development server (development mode)").option(
   "-u, --user-data-dir <path-to-file | boolean>",
@@ -267,8 +201,7 @@ extensionJs.command("dev").arguments("[project-path|remote-url]").usage("dev [pr
   "what port should Extension.js run. Defaults to `3000`"
 ).action(async function(pathOrRemoteUrl, { browser = "chrome", ...devOptions }) {
   for (const vendor of vendors(browser)) {
-    await (0, import_develop.extensionDev)(pathOrRemoteUrl, {
-      mode: "development",
+    await (0, import_extension_develop.extensionDev)(pathOrRemoteUrl, {
       browser: vendor,
       ...devOptions
     });
@@ -288,8 +221,7 @@ extensionJs.command("start").arguments("[project-path|remote-url]").usage("start
   "what port should Extension.js run. Defaults to `3000`"
 ).action(async function(pathOrRemoteUrl, { browser = "chrome", ...startOptions }) {
   for (const vendor of vendors(browser)) {
-    await (0, import_develop.extensionStart)(pathOrRemoteUrl, {
-      mode: "production",
+    await (0, import_extension_develop.extensionStart)(pathOrRemoteUrl, {
       browser: vendor,
       ...startOptions
     });
@@ -312,7 +244,7 @@ extensionJs.command("build").arguments("[project-name]").usage("build [path-to-r
   "specify the name of the ZIP file. Defaults to the extension name and version"
 ).action(async function(pathOrRemoteUrl, { browser = "chrome", ...buildOptions }) {
   for (const vendor of vendors(browser)) {
-    await (0, import_develop.extensionBuild)(pathOrRemoteUrl, {
+    await (0, import_extension_develop.extensionBuild)(pathOrRemoteUrl, {
       browser: vendor,
       ...buildOptions
     });

package/package.json

@@ -9,7 +9,7 @@
     "node": ">=18"
   },
   "name": "extension",
-  "version": "1.8.0-beta.2",
+  "version": "2.0.0-alpha.0",
   "description": "Create cross-browser extensions with no build configuration.",
   "main": "./dist/cli.js",
   "types": "./dist/cli.d.ts",
@@ -26,13 +26,15 @@
     "url": "https://cezaraugusto.com"
   },
   "scripts": {
+    "watch": "yarn compile --watch",
     "compile:readme-files": "node ./scripts/copyMarkdownFilesToCli.js",
     "compile:tailwind-config": "node ./scripts/copyTailwindConfig.js",
     "compile:stylelint-config": "node ./scripts/copyStylelintConfig.js",
     "compile:cli": "tsup-node ./cli.ts --format cjs --dts --target=node18",
     "compile": "yarn compile:readme-files && yarn compile:tailwind-config && yarn compile:stylelint-config &&yarn compile:cli",
     "clean": "rm -rf dist",
-    "test": "jest"
+    "test": "echo \"Note: no test specified\" && exit 0",
+    "test:cli": "jest __spec__/cli.spec.ts"
   },
   "keywords": [
     "zero-config",
@@ -49,8 +51,8 @@
   ],
   "dependencies": {
     "@colors/colors": "^1.6.0",
-    "@extension-create/create": "*",
-    "@extension-create/develop": "*",
+    "extension-create": "2.0.0-alpha.0",
+    "extension-develop": "2.0.0-alpha.0",
     "commander": "^11.1.0",
     "semver": "^7.5.4",
     "update-check": "^1.5.4"