create-next2d-app 1.2.6 → 2.0.0

package/README.md

@@ -8,10 +8,18 @@ Create Next2D App
 
 Create Next2D apps with no build configuration.
 
-## Quick Start
+## Quick Start (TypeScript)
 
 ```sh
-npx create-next2d-app sample-app
+npx create-next2d-app sample-app --template @next2d/framework-typescript-template
+cd sample-app
+npm start
+```
+
+## Quick Start (JavaScript)
+
+```sh
+npx create-next2d-app sample-app --template @next2d/framework-template
 cd sample-app
 npm start
 ```
@@ -30,12 +38,16 @@ npm run generate
 
 * Start the emulator for each platform.
 ```sh
-npm run [ios|android|windows|macos] -- --env prd
+npm run preview:(ios|android|windows|macos)
 ```
 
 * Export a production version for each platform.
 ```sh
-npm run build -- --platform [windows|macos|web] --env prd
+npm run build:web
+```
+
+```sh
+npx @next2d/builder --platform web --env prd
 ```
 
 * Starts the test runner.

package/dist/index.d.ts

@@ -1,15 +1,20 @@
 #!/usr/bin/env node
-declare const version: number;
-declare const chalk: any;
+declare const pc: any;
 declare const commander: any;
+declare const packageJson: any;
+declare const path: any;
+declare const validateProjectName: any;
 declare const execSync: any;
 declare const fs: any;
 declare const os: any;
-declare const path: any;
 declare const semver: any;
 declare const spawn: any;
-declare const validateProjectName: any;
-declare const packageJson: any;
+declare const recommendeVersion: number;
+declare const version: string;
+/**
+ * @type {string}
+ * @private
+ */
 declare let projectName: string;
 /**
  * @param  {string} app_name

package/dist/index.js

@@ -1,22 +1,27 @@
 #!/usr/bin/env node
 "use strict";
-const version = +process.versions.node.split(".")[0];
-if (15 > version) {
-    console.error("You are running Node Version:" + version + ".\n" +
-        "Create Next2d App requires Node 15 or higher. \n" +
-        "Please update your version of Node.");
-    process.exit(1);
-}
-const chalk = require("chalk");
+const pc = require("picocolors");
 const commander = require("commander");
+const packageJson = require("../package.json");
+const path = require("path");
+const validateProjectName = require("validate-npm-package-name");
 const execSync = require("child_process").execSync;
 const fs = require("fs-extra");
 const os = require("os");
-const path = require("path");
 const semver = require("semver");
 const spawn = require("cross-spawn");
-const validateProjectName = require("validate-npm-package-name");
-const packageJson = require("../package.json");
+const recommendeVersion = 18;
+const version = process.versions.node;
+if (recommendeVersion > parseInt(version.split(".")[0])) {
+    pc.red(`You are running Node Version:${version}.
+View Generator requires Node ${recommendeVersion} or higher.
+Please update your version of Node.`);
+    process.exit(1);
+}
+/**
+ * @type {string}
+ * @private
+ */
 let projectName = "";
 /**
  * @param  {string} app_name
@@ -27,14 +32,14 @@ let projectName = "";
 const checkAppName = (app_name) => {
     const validationResult = validateProjectName(app_name);
     if (!validationResult.validForNewPackages) {
-        console.error(chalk.red(`Cannot create a project named ${chalk.green(`"${app_name}"`)} because of npm naming restrictions:\n`));
+        console.error(pc.red(`Cannot create a project named ${pc.green(`"${app_name}"`)} because of npm naming restrictions:\n`));
         [
             ...validationResult.errors || [],
             ...validationResult.warnings || []
         ].forEach((error) => {
-            console.error(chalk.red(`  * ${error}`));
+            console.error(pc.red(`  * ${error}`));
         });
-        console.error(chalk.red("\nPlease choose a different project name."));
+        console.error(pc.red("\nPlease choose a different project name."));
         process.exit(1);
     }
     const dependencies = [
@@ -43,10 +48,10 @@ const checkAppName = (app_name) => {
         "next2d-framework"
     ].sort();
     if (dependencies.includes(app_name)) {
-        console.error(chalk.red(`Cannot create a project named ${chalk.green(`"${app_name}"`)} because a dependency with the same name exists.\n` +
+        console.error(pc.red(`Cannot create a project named ${pc.green(`"${app_name}"`)} because a dependency with the same name exists.\n` +
             "Due to the way npm works, the following names are not allowed:\n\n") +
-            chalk.cyan(dependencies.map((depName) => `  ${depName}`).join("\n")) +
-            chalk.red("\n\nPlease choose a different project name."));
+            pc.cyan(dependencies.map((depName) => `  ${depName}`).join("\n")) +
+            pc.red("\n\nPlease choose a different project name."));
         process.exit(1);
     }
 };
@@ -77,16 +82,16 @@ const checkThatNpmCanReadCwd = () => {
     if (npmCWD === cwd) {
         return true;
     }
-    console.error(chalk.red("Could not start an npm process in the right directory.\n\n" +
-        `The current directory is: ${chalk.bold(cwd)}\n` +
-        `However, a newly started npm process runs in: ${chalk.bold(npmCWD)}\n\n` +
+    console.error(pc.red("Could not start an npm process in the right directory.\n\n" +
+        `The current directory is: ${pc.bold(cwd)}\n` +
+        `However, a newly started npm process runs in: ${pc.bold(npmCWD)}\n\n` +
         "This is probably caused by a misconfigured system terminal shell."));
     if (process.platform === "win32") {
-        console.error(chalk.red("On Windows, this can usually be fixed by running:\n\n") +
-            `  ${chalk.cyan("reg")} delete "HKCU\\Software\\Microsoft\\Command Processor" /v AutoRun /f\n` +
-            `  ${chalk.cyan("reg")} delete "HKLM\\Software\\Microsoft\\Command Processor" /v AutoRun /f\n\n` +
-            chalk.red("Try to run the above two lines in the terminal.\n") +
-            chalk.red("To learn more about this problem, read: https://blogs.msdn.microsoft.com/oldnewthing/20071121-00/?p=24433/"));
+        console.error(pc.red("On Windows, this can usually be fixed by running:\n\n") +
+            `  ${pc.cyan("reg")} delete "HKCU\\Software\\Microsoft\\Command Processor" /v AutoRun /f\n` +
+            `  ${pc.cyan("reg")} delete "HKLM\\Software\\Microsoft\\Command Processor" /v AutoRun /f\n\n` +
+            pc.red("Try to run the above two lines in the terminal.\n") +
+            pc.red("To learn more about this problem, read: https://blogs.msdn.microsoft.com/oldnewthing/20071121-00/?p=24433/"));
     }
     return false;
 };
@@ -124,8 +129,7 @@ const install = (root, app_name, template, dependencies) => {
         const args = [
             "install",
             "--no-audit",
-            "--save",
-            "--save-exact",
+            "--save-dev",
             "--loglevel",
             "error",
             template
@@ -139,7 +143,7 @@ const install = (root, app_name, template, dependencies) => {
             }
             else {
                 console.log();
-                console.log(`Installing template: ${chalk.green(template)}`);
+                console.log(`Installing template: ${pc.green(template)}`);
                 const templatePath = path.dirname(require.resolve(`${template}/package.json`, { "paths": [root] }));
                 const templateJsonPath = path.join(templatePath, "template.json");
                 let templateJson = {};
@@ -170,14 +174,13 @@ const install = (root, app_name, template, dependencies) => {
                     fs.copySync(templateDir, root);
                 }
                 else {
-                    console.error(`Could not locate supplied template: ${chalk.green(templateDir)}`);
+                    console.error(`Could not locate supplied template: ${pc.green(templateDir)}`);
                     return;
                 }
                 const args = [
                     "uninstall",
                     "--no-audit",
-                    "--save",
-                    "--save-exact",
+                    "--save-dev",
                     "--loglevel",
                     "error",
                     template
@@ -201,8 +204,7 @@ const install = (root, app_name, template, dependencies) => {
         const args = [
             "install",
             "--no-audit",
-            "--save",
-            "--save-exact",
+            "--save-dev",
             "--loglevel",
             "error"
         ].concat(dependencies);
@@ -216,28 +218,28 @@ const install = (root, app_name, template, dependencies) => {
             }
             else {
                 console.log();
-                console.log(`Success! Created ${chalk.green(app_name)} at ${chalk.green(root)}`);
+                console.log(`Success! Created ${pc.green(app_name)} at ${pc.green(root)}`);
                 console.log();
                 console.log("you can run several commands:");
                 console.log();
-                console.log(`  ${chalk.green("npm start")}`);
+                console.log(`  ${pc.green("npm start")}`);
                 console.log("    Starts the development server.");
                 console.log();
-                console.log(`  ${chalk.green("npm run generate")}`);
+                console.log(`  ${pc.green("npm run generate")}`);
                 console.log("    Generate the necessary View and ViewModel classes from the routing JSON file.");
                 console.log();
-                console.log(`  ${chalk.green("npm run [ios|android|windows|macos] -- --env prd")}`);
+                console.log(`  ${pc.green("npm run [ios|android|windows|macos] -- --env prd")}`);
                 console.log("    Start the emulator for each platform.");
                 console.log();
-                console.log(`  ${chalk.green("npm run build -- --platform [windows|macos|web] --env prd")}`);
+                console.log(`  ${pc.green("npm run build -- --platform [windows|macos|web] --env prd")}`);
                 console.log("    Export a production version for each platform.");
                 console.log();
-                console.log(`  ${chalk.green("npm test")}`);
+                console.log(`  ${pc.green("npm test")}`);
                 console.log("    Starts the test runner.");
                 console.log();
                 console.log("We suggest that you begin by typing:");
-                console.log(`  ${chalk.green("cd")} ${app_name}`);
-                console.log(`  ${chalk.green("npm start")}`);
+                console.log(`  ${pc.green("cd")} ${app_name}`);
+                console.log(`  ${pc.green("npm start")}`);
                 console.log();
             }
         });
@@ -256,23 +258,29 @@ const createApp = (app_name, template = "@next2d/framework-template") => {
     checkAppName(appName);
     fs.ensureDirSync(app_name);
     console.log();
-    console.log(`Creating a new Next2D app in ${chalk.green(root)}.`);
+    console.log(`Creating a new Next2D app in ${pc.green(root)}.`);
     console.log();
     fs.writeFileSync(path.join(root, "package.json"), JSON.stringify({
         "name": appName,
         "description": `Details of ${appName}`,
         "version": "0.0.1",
         "private": true,
-        "main": "src/index.js",
+        "main": "src/index.ts",
+        "type": "module",
         "scripts": {
-            "start": "webpack serve",
-            "ios": "npx @next2d/builder run ios --platform ios --debug",
-            "android": "npx @next2d/builder run android --platform android --debug",
-            "macos": "npx @next2d/builder --platform macos --debug",
-            "windows": "npx @next2d/builder --platform windows --debug",
+            "start": "vite",
+            "preview:ios": "npx @next2d/builder --platform ios --preview",
+            "preview:android": "npx @next2d/builder --platform android --preview",
+            "preview:macos": "npx @next2d/builder --platform macos --preview",
+            "preview:windows": "npx @next2d/builder --platform windows --preview",
+            "preview:linux": "npx @next2d/builder --platform linux --preview",
+            "build:steam:windows": "npx @next2d/builder --platform steam:windows --env prd",
+            "build:steam:macos": "npx @next2d/builder --platform steam:macos --env prd",
+            "build:steam:linux": "npx @next2d/builder --platform steam:linux --env prd",
+            "build:web": "npx @next2d/builder --platform web --env prd",
             "build": "npx @next2d/builder",
-            "lint": "eslint src/**/*.js",
-            "test": "npx jest",
+            "lint": "eslint src/**/*.ts",
+            "test": "npx vitest",
             "generate": "npx @next2d/view-generator"
         }
     }, null, 2) + os.EOL);
@@ -283,32 +291,46 @@ const createApp = (app_name, template = "@next2d/framework-template") => {
     const npmInfo = checkNpmVersion();
     if (!npmInfo.hasMinNpm) {
         if (npmInfo.npmVersion) {
-            console.log(chalk.yellow(`You are using npm ${npmInfo.npmVersion} so the project will be bootstrapped with an old unsupported version of tools.\n\n` +
+            console.log(pc.yellow(`You are using npm ${npmInfo.npmVersion} so the project will be bootstrapped with an old unsupported version of tools.\n\n` +
                 "Please update to npm 6 or higher for a better, fully supported experience.\n"));
         }
     }
     const ignoreList = [
-        "node_modules",
-        "coverage",
-        "dist",
-        ".DS_Store",
-        ".idea",
-        "Thumbs.db",
+        "# Logs",
+        "logs",
+        "*.log",
         "npm-debug.log*",
         "yarn-debug.log*",
         "yarn-error.log*",
+        "pnpm-debug.log*",
+        "lerna-debug.log*",
+        "node_modules",
+        "dist",
+        "dist-ssr",
+        "*.local",
+        "# Editor directories and files",
+        ".vscode/*",
+        "!.vscode/extensions.json",
+        ".idea",
+        ".DS_Store",
+        "*.suo",
+        "*.ntvs*",
+        "*.njsproj",
+        "*.sln",
+        "*.sw?",
         "src/config/Config.js",
         "src/Packages.js",
         "electron.index.json"
     ];
     fs.writeFileSync(path.join(root, ".gitignore"), ignoreList.join(os.EOL));
     install(root, appName, template, [
+        "@next2d/player",
         "@next2d/framework",
-        "@next2d/env",
+        "@next2d/vite-auto-loader-plugin",
+        "jsdom",
+        "vite",
+        "vitest",
         "electron",
-        "webpack",
-        "webpack-cli",
-        "webpack-dev-server",
         "@capacitor/cli",
         "@capacitor/core",
         "@capacitor/ios",
@@ -324,28 +346,29 @@ const execute = () => {
     const program = new commander.Command(packageJson.name)
         .version(packageJson.version)
         .arguments("<project-directory>")
-        .usage(`${chalk.green("<project-directory>")} [options]`)
+        .usage(`${pc.green("<project-directory>")} [options]`)
         .action((name) => { projectName = name; })
         .option("--info", "print environment debug info")
         .option("--template <path-to-template>", "specify a template for the created project")
         .on("--help", () => {
         console.log();
-        console.log(`    A custom ${chalk.cyan("--template")} can be one of:`);
-        console.log(`      - a custom template published on npm default: ${chalk.green("@next2d/framework-template")}`);
+        console.log(`    A custom ${pc.cyan("--template")} can be one of:`);
+        console.log(`      - a custom template published on npm default: ${pc.green("@next2d/framework-template")}`);
         console.log();
         console.log("    If you have any problems, do not hesitate to file an issue:");
-        console.log(`      ${chalk.cyan("https://github.com/Next2D/create-next2d-app/issues/new")}`);
+        console.log(`      ${pc.cyan("https://github.com/Next2D/create-next2d-app/issues/new")}`);
         console.log();
     })
         .parse(process.argv);
     if (typeof projectName === "undefined") {
         console.error("Please specify the project directory:");
-        console.log(`  npx ${chalk.cyan(program.name())} ${chalk.green("<project-directory>")}`);
+        console.log(`  npx ${pc.cyan(program.name())} ${pc.green("<project-directory>")}`);
         console.log();
         console.log("For example:");
-        console.log(`  npx ${chalk.cyan(program.name())} ${chalk.green("my-next2d-app")}`);
+        console.log(`  npx ${pc.cyan(program.name())} ${pc.green("my-next2d-app")}`);
         process.exit(1);
     }
-    createApp(projectName, program.template);
+    const options = program.opts();
+    createApp(projectName, options.template);
 };
 execute();

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "create-next2d-app",
-  "version": "1.2.6",
+  "version": "2.0.0",
   "description": "Create Next2D apps with no build configuration.",
   "author": "Toshiyuki Ienaga<ienaga@tvon.jp>",
   "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "homepage": "https://next2d.app",
   "bugs": "https://github.com/Next2D/create-next2d-app/issues",
   "keywords": [
@@ -11,14 +13,13 @@
     "create-next2d-app"
   ],
   "scripts": {
-    "lint": "eslint src/**/*.ts",
-    "build": "tsc"
+    "lint": "eslint src/index.ts",
+    "publish": "tsc"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Next2D/create-next2d-app.git"
   },
-  "types": "dist",
   "files": [
     "dist"
   ],
@@ -26,19 +27,19 @@
     "create-next2d-app": "dist/index.js"
   },
   "dependencies": {
-    "chalk": "4.1.2",
-    "commander": "4.1.1",
+    "@types/node": "^20.9.0",
+    "picocolors": "^1.0.0",
+    "commander": "11.1.0",
     "cross-spawn": "7.0.3",
-    "fs-extra": "9.0.1",
-    "semver": "7.5.3",
+    "fs-extra": "11.1.1",
+    "semver": "7.5.4",
     "tar-pack": "3.4.1",
     "validate-npm-package-name": "5.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.61.0",
-    "@typescript-eslint/parser": "^5.61.0",
-    "eslint": "^8.1.0",
-    "typescript": "^5.1.6"
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "eslint": "^8.53.0",
+    "typescript": "^5.2.2"
   }
 }