create-widget 0.0.1

package/.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

package/.idea/create-widget.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/jpa-buddy.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JpaBuddyIdeaProjectConfig">
+    <option name="renamerInitialized" value="true" />
+  </component>
+</project>

package/.idea/misc.xml

@@ -0,0 +1,8 @@
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+  <component name="ProjectType">
+    <option name="id" value="jpab" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/create-widget.iml" filepath="$PROJECT_DIR$/.idea/create-widget.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../../.." vcs="Git" />
+  </component>
+</project>

package/lib/index.js

@@ -0,0 +1,166 @@
+// src/index.ts
+import fs3 from "fs";
+import * as process from "process";
+import gradient from "gradient-string";
+import prompts from "prompts";
+import minimist from "minimist";
+import chalk from "chalk";
+import path2 from "path";
+
+// src/utils/directoryTraverse.ts
+import * as fs from "node:fs";
+import * as path from "node:path";
+function postOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
+  for (const filename of fs.readdirSync(dir)) {
+    if (filename === ".git") {
+      continue;
+    }
+    const fullpath = path.resolve(dir, filename);
+    if (fs.lstatSync(fullpath).isDirectory()) {
+      postOrderDirectoryTraverse(fullpath, dirCallback, fileCallback);
+      dirCallback(fullpath);
+      continue;
+    }
+    fileCallback(fullpath);
+  }
+}
+
+// src/utils/getCommand.ts
+function getCommand(packageManager, scriptName, args) {
+  if (scriptName === "install") {
+    return packageManager === "yarn" ? "yarn" : `${packageManager} install`;
+  }
+  if (args) {
+    return packageManager === "npm" ? `npm run ${scriptName} -- ${args}` : `${packageManager} ${scriptName} ${args}`;
+  } else {
+    return packageManager === "npm" ? `npm run ${scriptName}` : `${packageManager} ${scriptName}`;
+  }
+}
+
+// src/index.ts
+import { fileURLToPath } from "url";
+
+// src/utils/FileUtils.ts
+import * as fs2 from "fs";
+import { copy, ensureDir } from "fs-extra";
+var FileUtils = class {
+  static async copyFolderRecursive(src, dest) {
+    try {
+      await ensureDir(dest);
+      const items = await fs2.promises.readdir(src);
+      for (const item of items) {
+        const srcPath = `${src}/${item}`;
+        const destPath = `${dest}/${item}`;
+        const stats = await fs2.promises.stat(srcPath);
+        if (stats.isDirectory()) {
+          await this.copyFolderRecursive(srcPath, destPath);
+        } else {
+          await copy(srcPath, destPath);
+        }
+      }
+    } catch (error) {
+      console.error(`Error copying folder: ${error.message}`);
+    }
+  }
+};
+
+// src/index.ts
+var __filename = fileURLToPath(import.meta.url);
+var __dirname = path2.dirname(__filename);
+function canSkipEmptying(dir) {
+  if (!fs3.existsSync(dir)) {
+    return true;
+  }
+  const files = fs3.readdirSync(dir);
+  if (files.length === 0) {
+    return true;
+  }
+  if (files.length === 1 && files[0] === ".git") {
+    return true;
+  }
+  return false;
+}
+function emptyDir(dir) {
+  if (!fs3.existsSync(dir)) {
+    return;
+  }
+  postOrderDirectoryTraverse(
+    dir,
+    (dir2) => fs3.rmdirSync(dir2),
+    (file) => fs3.unlinkSync(file)
+  );
+}
+async function init() {
+  console.log();
+  let defaultBanner = "Widget.js - The Desktop Widget Framework";
+  const gradientBanner = gradient([
+    { color: "#42d392", pos: 0 },
+    { color: "#42d392", pos: 0.1 },
+    { color: "#647eff", pos: 1 }
+  ])(defaultBanner);
+  console.log(process.stdout.isTTY && process.stdout.getColorDepth() > 8 ? gradientBanner : defaultBanner);
+  console.log();
+  const argv2 = minimist(process.argv.slice(2), {
+    alias: {
+      typescript: ["ts"],
+      "with-tests": ["tests"],
+      router: ["vue-router"]
+    },
+    string: ["_"],
+    // all arguments are treated as booleans
+    boolean: true
+  });
+  let targetDir = argv2._[0];
+  const defaultProjectName = !targetDir ? "widget-project" : targetDir;
+  const forceOverwrite = argv2.force;
+  const cwd2 = process.cwd();
+  let result = {};
+  result = await prompts(
+    [
+      {
+        name: "projectName",
+        type: targetDir ? null : "text",
+        message: "Project name:",
+        initial: defaultProjectName,
+        onState: (state) => targetDir = String(state.value).trim() || defaultProjectName
+      },
+      {
+        name: "shouldOverwrite",
+        type: () => canSkipEmptying(targetDir) || forceOverwrite ? null : "confirm",
+        message: () => {
+          const dirForPrompt = targetDir === "." ? "Current directory" : `Target directory "${targetDir}"`;
+          return `${dirForPrompt} is not empty. Remove existing files and continue?`;
+        }
+      }
+    ],
+    {
+      onCancel: () => {
+        throw new Error(chalk.red("\u2716") + " Operation cancelled");
+      }
+    }
+  );
+  const { projectName, shouldOverwrite = argv2.force } = result;
+  const root = path2.join(cwd2, targetDir);
+  if (fs3.existsSync(root) && shouldOverwrite) {
+    emptyDir(root);
+  } else if (!fs3.existsSync(root)) {
+    fs3.mkdirSync(root);
+  }
+  console.log(`
+Scaffolding project in ${root}...`);
+  const templateRoot = path2.join(__dirname, "../template");
+  await FileUtils.copyFolderRecursive(templateRoot, root);
+  const userAgent = process.env.npm_config_user_agent ?? "";
+  const packageManager = /pnpm/.test(userAgent) ? "pnpm" : /yarn/.test(userAgent) ? "yarn" : "npm";
+  console.log(`
+Done. Now run:
+`);
+  if (root !== cwd2) {
+    const cdProjectName = path2.relative(cwd2, root);
+    console.log(`  ${chalk.bold(chalk.green(`cd ${cdProjectName.includes(" ") ? `"${cdProjectName}"` : cdProjectName}`))}`);
+  }
+  console.log(`  ${chalk.bold(chalk.green(getCommand(packageManager, "install")))}`);
+}
+init().catch((e) => {
+  console.error(e);
+});

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "create-widget",
+  "version": "0.0.1",
+  "main": "lib/index.js",
+  "author": "Neo Fu",
+  "license": "MIT",
+  "private": false,
+  "bin": {
+    "widget": "lib/index.js"
+  },
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": "^12.0.0 || >= 14.0.0"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "consola": "^2.15.3",
+    "ejs": "^3.1.8",
+    "fs-extra": "^11.2.0",
+    "gradient-string": "^2.0.2",
+    "minimist": "^1.2.8",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@tsconfig/node18": "^18.2.2",
+    "@types/gradient-string": "^1.1.2",
+    "@types/ejs": "latest",
+    "@types/fs-extra": "^11.0.4",
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^18.11.13",
+    "@types/prompts": "^2.4.9",
+    "ts-loader": "^9.4.1",
+    "ts-node": "^10.9.1",
+    "tsup": "^6.5.0",
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.6"
+  },
+  "scripts": {
+    "build": "rimraf ./lib/ && tsup-node src/index.ts --format esm",
+    "watch": "tsup-node src/index.ts --format esm --watch",
+    "build:run": "npm run build && npm run create-widget",
+    "create-widget": "node ./lib/index.js",
+    "pnpm:publish": "npm run build && pnpm publish --no-git-checks"
+  }
+}

package/src/index.ts

@@ -0,0 +1,144 @@
+import fs from 'fs'
+import * as process from 'process'
+import gradient from 'gradient-string'
+import prompts from 'prompts'
+import minimist from 'minimist'
+import chalk from 'chalk'
+import path from 'path'
+import {postOrderDirectoryTraverse} from './utils/directoryTraverse'
+import getCommand from './utils/getCommand'
+import {fileURLToPath} from 'url'
+import {FileUtils} from "./utils/FileUtils";
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+function canSkipEmptying(dir: string) {
+  if (!fs.existsSync(dir)) {
+    return true
+  }
+
+  const files = fs.readdirSync(dir)
+  if (files.length === 0) {
+    return true
+  }
+  if (files.length === 1 && files[0] === '.git') {
+    return true
+  }
+
+  return false
+}
+
+function emptyDir(dir) {
+  if (!fs.existsSync(dir)) {
+    return
+  }
+
+  postOrderDirectoryTraverse(
+    dir,
+    dir => fs.rmdirSync(dir),
+    file => fs.unlinkSync(file),
+  )
+}
+
+async function init() {
+  console.log()
+  let defaultBanner = 'Widget.js - The Desktop Widget Framework'
+  const gradientBanner = gradient([
+    {color: '#42d392', pos: 0},
+    {color: '#42d392', pos: 0.1},
+    {color: '#647eff', pos: 1},
+  ])(defaultBanner)
+  console.log(process.stdout.isTTY && process.stdout.getColorDepth() > 8 ? gradientBanner : defaultBanner)
+  console.log()
+  const argv = minimist(process.argv.slice(2), {
+    alias: {
+      typescript: ['ts'],
+      'with-tests': ['tests'],
+      router: ['vue-router'],
+    },
+    string: ['_'],
+    // all arguments are treated as booleans
+    boolean: true,
+  })
+  let targetDir = argv._[0]
+  const defaultProjectName = !targetDir ? 'widget-project' : targetDir
+  const forceOverwrite = argv.force
+
+  const cwd = process.cwd()
+  let result: {
+    projectName?: string
+    shouldOverwrite?: boolean
+  } = {}
+  result = await prompts(
+    [
+      {
+        name: 'projectName',
+        type: targetDir ? null : 'text',
+        message: 'Project name:',
+        initial: defaultProjectName,
+        onState: state => (targetDir = String(state.value).trim() || defaultProjectName),
+      },
+      {
+        name: 'shouldOverwrite',
+        type: () => (canSkipEmptying(targetDir) || forceOverwrite ? null : 'confirm'),
+        message: () => {
+          const dirForPrompt = targetDir === '.' ? 'Current directory' : `Target directory "${targetDir}"`
+          return `${dirForPrompt} is not empty. Remove existing files and continue?`
+        },
+      },
+    ],
+    {
+      onCancel: () => {
+        throw new Error(chalk.red('✖') + ' Operation cancelled')
+      },
+    },
+  )
+
+  // `initial` won't take effect if the prompt type is null
+  // so we still have to assign the default values here
+  const {projectName, shouldOverwrite = argv.force} = result
+
+  const root = path.join(cwd, targetDir)
+
+  if (fs.existsSync(root) && shouldOverwrite) {
+    emptyDir(root)
+  } else if (!fs.existsSync(root)) {
+    fs.mkdirSync(root)
+  }
+
+  console.log(`\nScaffolding project in ${root}...`)
+
+  const templateRoot = path.join(__dirname, '../template')
+
+  //复制templateRoot下的文件到root目录下
+  await FileUtils.copyFolderRecursive(templateRoot, root)
+
+  // const callbacks = []
+  //
+  // const render = function render(templateName) {
+  //   const templateDir = path.resolve(templateRoot, templateName)
+  //   renderTemplate(templateDir, root, callbacks)
+  // }
+  // // 将template里的文件都复制到 root目录下
+  // const templateFiles = fs.readdirSync(templateRoot)
+  // for (const file of templateFiles) {
+  //   render(file)
+  // }
+
+  // Instructions:
+  // Supported package managers: pnpm > yarn > npm
+  const userAgent = process.env.npm_config_user_agent ?? ''
+  const packageManager = /pnpm/.test(userAgent) ? 'pnpm' : /yarn/.test(userAgent) ? 'yarn' : 'npm'
+
+  console.log(`\nDone. Now run:\n`)
+  if (root !== cwd) {
+    const cdProjectName = path.relative(cwd, root)
+    console.log(`  ${chalk.bold(chalk.green(`cd ${cdProjectName.includes(' ') ? `"${cdProjectName}"` : cdProjectName}`))}`)
+  }
+  console.log(`  ${chalk.bold(chalk.green(getCommand(packageManager, 'install')))}`)
+}
+
+init().catch(e => {
+  console.error(e)
+})

package/src/utils/FileUtils.ts

@@ -0,0 +1,33 @@
+import * as fs from 'fs'
+import {copy,ensureDir} from "fs-extra";
+
+export class FileUtils {
+  static async copyFolderRecursive(src: string, dest: string): Promise<void> {
+    try {
+      // 创建目标文件夹
+      await ensureDir(dest)
+
+      // 获取源文件夹中的所有文件和子文件夹
+      const items = await fs.promises.readdir(src)
+
+      // 遍历每一个文件或子文件夹
+      for (const item of items) {
+        const srcPath = `${src}/${item}`
+        const destPath = `${dest}/${item}`
+
+        // 检查当前项目是文件还是文件夹
+        const stats = await fs.promises.stat(srcPath)
+
+        if (stats.isDirectory()) {
+          // 如果是文件夹，递归复制
+          await this.copyFolderRecursive(srcPath, destPath)
+        } else {
+          // 如果是文件，直接复制
+          await copy(srcPath, destPath)
+        }
+      }
+    } catch (error) {
+      console.error(`Error copying folder: ${error.message}`)
+    }
+  }
+}

package/src/utils/deepMerge.ts

@@ -0,0 +1,26 @@
+const isObject = (val) => val && typeof val === 'object'
+const mergeArrayWithDedupe = (a, b) => Array.from(new Set([...a, ...b]))
+
+/**
+ * Recursively merge the content of the new object to the existing one
+ * @param {Object} target the existing object
+ * @param {Object} obj the new object
+ */
+function deepMerge(target, obj) {
+  for (const key of Object.keys(obj)) {
+    const oldVal = target[key]
+    const newVal = obj[key]
+
+    if (Array.isArray(oldVal) && Array.isArray(newVal)) {
+      target[key] = mergeArrayWithDedupe(oldVal, newVal)
+    } else if (isObject(oldVal) && isObject(newVal)) {
+      target[key] = deepMerge(oldVal, newVal)
+    } else {
+      target[key] = newVal
+    }
+  }
+
+  return target
+}
+
+export default deepMerge

package/src/utils/directoryTraverse.ts

@@ -0,0 +1,35 @@
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+
+export function preOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
+  for (const filename of fs.readdirSync(dir)) {
+    if (filename === '.git') {
+      continue
+    }
+    const fullpath = path.resolve(dir, filename)
+    if (fs.lstatSync(fullpath).isDirectory()) {
+      dirCallback(fullpath)
+      // in case the dirCallback removes the directory entirely
+      if (fs.existsSync(fullpath)) {
+        preOrderDirectoryTraverse(fullpath, dirCallback, fileCallback)
+      }
+      continue
+    }
+    fileCallback(fullpath)
+  }
+}
+
+export function postOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
+  for (const filename of fs.readdirSync(dir)) {
+    if (filename === '.git') {
+      continue
+    }
+    const fullpath = path.resolve(dir, filename)
+    if (fs.lstatSync(fullpath).isDirectory()) {
+      postOrderDirectoryTraverse(fullpath, dirCallback, fileCallback)
+      dirCallback(fullpath)
+      continue
+    }
+    fileCallback(fullpath)
+  }
+}

package/src/utils/getCommand.ts

@@ -0,0 +1,13 @@
+export default function getCommand(packageManager: string, scriptName: string, args?: string) {
+  if (scriptName === 'install') {
+    return packageManager === 'yarn' ? 'yarn' : `${packageManager} install`
+  }
+
+  if (args) {
+    return packageManager === 'npm'
+      ? `npm run ${scriptName} -- ${args}`
+      : `${packageManager} ${scriptName} ${args}`
+  } else {
+    return packageManager === 'npm' ? `npm run ${scriptName}` : `${packageManager} ${scriptName}`
+  }
+}

package/src/utils/renderTemplate.ts

@@ -0,0 +1,88 @@
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+import { pathToFileURL } from 'node:url'
+
+import deepMerge from './deepMerge'
+import sortDependencies from './sortDependencies'
+
+/**
+ * Renders a template folder/file to the file system,
+ * by recursively copying all files under the `src` directory,
+ * with the following exception:
+ *   - `_filename` should be renamed to `.filename`
+ *   - Fields in `package.json` should be recursively merged
+ * @param {string} src source filename to copy
+ * @param {string} dest destination filename of the copy operation
+ */
+function renderTemplate(src, dest, callbacks) {
+  const stats = fs.statSync(src)
+
+  if (stats.isDirectory()) {
+    // skip node_module
+    if (path.basename(src) === 'node_modules') {
+      return
+    }
+
+    // if it's a directory, render its subdirectories and files recursively
+    fs.mkdirSync(dest, { recursive: true })
+    for (const file of fs.readdirSync(src)) {
+      renderTemplate(path.resolve(src, file), path.resolve(dest, file), callbacks)
+    }
+    return
+  }
+
+  const filename = path.basename(src)
+
+  if (filename === 'package.json' && fs.existsSync(dest)) {
+    // merge instead of overwriting
+    const existing = JSON.parse(fs.readFileSync(dest, 'utf8'))
+    const newPackage = JSON.parse(fs.readFileSync(src, 'utf8'))
+    const pkg = sortDependencies(deepMerge(existing, newPackage))
+    fs.writeFileSync(dest, JSON.stringify(pkg, null, 2) + '\n')
+    return
+  }
+
+  if (filename === 'extensions.json' && fs.existsSync(dest)) {
+    // merge instead of overwriting
+    const existing = JSON.parse(fs.readFileSync(dest, 'utf8'))
+    const newExtensions = JSON.parse(fs.readFileSync(src, 'utf8'))
+    const extensions = deepMerge(existing, newExtensions)
+    fs.writeFileSync(dest, JSON.stringify(extensions, null, 2) + '\n')
+    return
+  }
+
+  if (filename.startsWith('_')) {
+    // rename `_file` to `.file`
+    dest = path.resolve(path.dirname(dest), filename.replace(/^_/, '.'))
+  }
+
+  if (filename === '_gitignore' && fs.existsSync(dest)) {
+    // append to existing .gitignore
+    const existing = fs.readFileSync(dest, 'utf8')
+    const newGitignore = fs.readFileSync(src, 'utf8')
+    fs.writeFileSync(dest, existing + '\n' + newGitignore)
+    return
+  }
+
+  // data file for EJS templates
+  if (filename.endsWith('.data.mjs')) {
+    // use dest path as key for the data store
+    dest = dest.replace(/\.data\.mjs$/, '')
+
+    // Add a callback to the array for late usage when template files are being processed
+    callbacks.push(async (dataStore) => {
+      const getData = (await import(pathToFileURL(src).toString())).default
+
+      // Though current `getData` are all sync, we still retain the possibility of async
+      dataStore[dest] = await getData({
+        oldData: dataStore[dest] || {}
+      })
+    })
+
+    return // skip copying the data file
+  }
+
+  fs.copyFileSync(src, dest)
+}
+
+export default renderTemplate

package/src/utils/sortDependencies.ts

@@ -0,0 +1,22 @@
+export default function sortDependencies(packageJson) {
+  const sorted = {}
+
+  const depTypes = ['dependencies', 'devDependencies', 'peerDependencies', 'optionalDependencies']
+
+  for (const depType of depTypes) {
+    if (packageJson[depType]) {
+      sorted[depType] = {}
+
+      Object.keys(packageJson[depType])
+        .sort()
+        .forEach((name) => {
+          sorted[depType][name] = packageJson[depType][name]
+        })
+    }
+  }
+
+  return {
+    ...packageJson,
+    ...sorted
+  }
+}

package/template/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}