create-rezor 0.0.0 → 0.1.0

package/template/base/src/app.json

@@ -0,0 +1,35 @@
+{
+  "darkmode": true,
+  "themeLocation": "theme.json",
+  "pages": ["pages/home/index", "pages/mine/index"],
+  "window": {
+    "navigationBarBackgroundColor": "@bgColor",
+    "navigationBarTextStyle": "@style",
+    "navigationBarTitleText": "rezor-project",
+    "backgroundColor": "@bgColor",
+    "backgroundColorTop": "@bgColor",
+    "backgroundColorBottom": "@bgColor"
+  },
+  "tabBar": {
+    "color": "@color",
+    "selectedColor": "@color",
+    "backgroundColor": "@bgColor",
+    "borderStyle": "@style",
+    "list": [
+      {
+        "text": "主页",
+        "pagePath": "pages/home/index",
+        "iconPath": "@homeIcon",
+        "selectedIconPath": "@homeSelectedIcon"
+      },
+      {
+        "text": "我",
+        "pagePath": "pages/mine/index",
+        "iconPath": "@mineIcon",
+        "selectedIconPath": "@mineSelectedIcon"
+      }
+    ]
+  },
+  "sitemapLocation": "sitemap.json",
+  "lazyCodeLoading": "requiredComponents"
+}

package/template/base/src/components/count-button/index.html

@@ -0,0 +1,3 @@
+<button type="primary" bind:tap="increment">
+  点击计数：{{ count }} X 2 = {{ double }}
+</button>

package/template/base/src/components/count-button/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/template/base/src/pages/home/index.css

@@ -0,0 +1,28 @@
+.home {
+  text-align: center;
+}
+
+.logo {
+  margin: 120px auto 0;
+  width: 400px;
+  height: 400px;
+  font-size: 64px;
+  line-height: 400px;
+  font-weight: bold;
+}
+
+.greeting {
+  font-size: 64px;
+  font-weight: bold;
+}
+
+.theme {
+  margin-top: 48px;
+  font-size: 48px;
+}
+
+.count {
+  margin-top: 48px;
+  display: flex;
+  justify-content: center;
+}

package/template/base/src/pages/home/index.html

@@ -0,0 +1,8 @@
+<view class="home">
+  <view class="logo">LOGO</view>
+  <view class="greeting">欢迎使用 Rezor</view>
+  <view class="theme">当前主题: {{ themeText }}</view>
+  <view class="count">
+    <count-button count="{{ count }}" bind:increment="increment" />
+  </view>
+</view>

package/template/base/src/pages/home/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "count-button": "/components/count-button"
+  }
+}

package/template/base/src/pages/mine/index.css

@@ -0,0 +1,28 @@
+.mine {
+  text-align: center;
+}
+
+.logo {
+  margin: 120px auto 0;
+  width: 400px;
+  height: 400px;
+  font-size: 64px;
+  line-height: 400px;
+  font-weight: bold;
+}
+
+.greeting {
+  font-size: 64px;
+  font-weight: bold;
+}
+
+.theme {
+  margin-top: 48px;
+  font-size: 48px;
+}
+
+.count {
+  margin-top: 48px;
+  display: flex;
+  justify-content: center;
+}

package/template/base/src/pages/mine/index.html

@@ -0,0 +1,8 @@
+<view class="mine">
+  <view class="logo">LOGO</view>
+  <view class="greeting">希望你会喜欢</view>
+  <view class="theme">当前主题: {{ themeText }}</view>
+  <view class="count">
+    <count-button count="{{ count }}" bind:increment="increment" />
+  </view>
+</view>

package/template/base/src/pages/mine/index.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "count-button": "/components/count-button"
+  }
+}

package/template/base/src/sitemap.json

@@ -0,0 +1,9 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [
+    {
+      "action": "allow",
+      "page": "*"
+    }
+  ]
+}

package/template/base/src/theme.json

@@ -0,0 +1,20 @@
+{
+  "light": {
+    "style": "black",
+    "color": "#181818",
+    "bgColor": "#ffffff",
+    "homeIcon": "/images/home-light.png",
+    "homeSelectedIcon": "/images/home-light-selected.png",
+    "mineIcon": "/images/mine-light.png",
+    "mineSelectedIcon": "/images/mine-light-selected.png"
+  },
+  "dark": {
+    "style": "white",
+    "color": "#ffffff",
+    "bgColor": "#181818",
+    "homeIcon": "/images/home-dark.png",
+    "homeSelectedIcon": "/images/home-dark-selected.png",
+    "mineIcon": "/images/mine-dark.png",
+    "mineSelectedIcon": "/images/mine-dark-selected.png"
+  }
+}

package/template/eslint/eslint.config.js.ejs

@@ -0,0 +1,89 @@
+import globals from 'globals';
+import eslint from '@eslint/js';
+<%_ if (needsTypeScript) { _%>
+import tseslint from 'typescript-eslint';
+<%_ } _%>
+<%_ if (needsPrettier) { _%>
+import prettier from 'eslint-config-prettier';
+<%_ } _%>
+
+<%_ if (needsTypeScript) { _%>
+const config = [
+  {
+    <%_ if (needsVitest) { _%>
+    ignores: ['dist/', 'coverage/'],
+    <%_ } else { _%>
+    ignores: ['dist/'],
+    <%_ } _%>
+  },
+  {
+    files: ['**/*.js', '**/*.ts'],
+    linterOptions: {
+      reportUnusedDisableDirectives: true,
+    },
+    ...eslint.configs.recommended,
+  },
+  {
+    files: ['**/*.js'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        wx: 'readonly',
+        getApp: 'readonly',
+        getCurrentPages: 'readonly',
+      },
+    },
+    <%_ if (needsPrettier) { _%>
+    ...prettier,
+    <%_ } _%>
+  },
+  ...tseslint.configs.recommendedTypeChecked.map((c) => ({
+    ...c,
+    files: ['**/*.ts'],
+  })),
+  {
+    files: ['**/*.ts'],
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+    <%_ if (needsPrettier) { _%>
+    ...prettier,
+    <%_ } _%>
+  },
+];
+<%_ } else { _%>
+const config = [
+  {
+    files: ['**/*.js'],
+    <%_ if (needsVitest) { _%>
+    ignores: ['dist/**/*', 'coverage/**/*'],
+    <%_ } else { _%>
+    ignores: ['dist/**/*'],
+    <%_ } _%>
+    linterOptions: {
+      reportUnusedDisableDirectives: true,
+    },
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        wx: 'readonly',
+        getApp: 'readonly',
+        getCurrentPages: 'readonly',
+      },
+    },
+    <%_ if (needsPrettier) { _%>
+    rules: {
+      ...eslint.configs.recommended.rules,
+      ...prettier.rules,
+    },
+    <%_ } else { _%>
+    ...eslint.configs.recommended,
+    <%_ } _%>
+  },
+];
+<%_ } _%>
+
+export default config;

package/template/javascript/babel.config.js

@@ -0,0 +1,63 @@
+import fs from 'node:fs';
+
+const runtimeVersion = JSON.parse(
+  fs.readFileSync(
+    new URL(import.meta.resolve('@babel/runtime/package.json')),
+    'utf8',
+  ),
+).version;
+
+const config = {
+  targets: {},
+  assumptions: {
+    arrayLikeIsIterable: true,
+    constantReexports: true,
+    constantSuper: true,
+    enumerableModuleMeta: true,
+    ignoreFunctionLength: true,
+    ignoreToPrimitiveHint: true,
+    iterableIsArray: true,
+    mutableTemplateObject: true,
+    noClassCalls: true,
+    noDocumentAll: true,
+    noNewArrows: true,
+    objectRestNoSymbols: true,
+    privateFieldsAsProperties: true,
+    pureGetters: true,
+    setClassMethods: true,
+    setComputedProperties: true,
+    setPublicClassFields: true,
+    setSpreadProperties: true,
+    skipForOfIteratorClosing: true,
+    superIsCallableConstructor: true,
+  },
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        bugfixes: true,
+        modules: 'commonjs',
+      },
+    ],
+  ],
+  plugins: [
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        version: runtimeVersion,
+      },
+    ],
+    'transform-inline-environment-variables',
+    [
+      'module-resolver',
+      {
+        alias: {
+          '@': './src',
+        },
+      },
+    ],
+    'autocomplete-index',
+  ],
+};
+
+export default config;

package/template/javascript/build.js

@@ -0,0 +1,339 @@
+/**
+ * @version v0.1.0
+ * https://github.com/rezorjs/create-rezor
+ * 请谨慎修改此文件，改动过多可能会导致你后续升级困难。
+ */
+import path from 'node:path';
+import process from 'node:process';
+import fs from 'fs-extra';
+import chokidar from 'chokidar';
+import babel from '@babel/core';
+import traverse from '@babel/traverse';
+import t from '@babel/types';
+import { minify } from 'terser';
+import postcss from 'postcss';
+import postcssrc from 'postcss-load-config';
+import { rollup } from 'rollup';
+import replace from '@rollup/plugin-replace';
+import terser from '@rollup/plugin-terser';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import { green, bold } from 'kolorist';
+import { getPackageInfo } from 'local-pkg';
+
+let topLevelJobs = [];
+let bundleJobs = [];
+const startTime = Date.now();
+const NODE_ENV = process.env.NODE_ENV || 'production';
+const __PROD__ = NODE_ENV === 'production';
+const terserOptions = {
+  ecma: 2016,
+  toplevel: true,
+  safari10: true,
+  format: { comments: false },
+};
+
+let independentPackages = [];
+async function findIndependentPackages() {
+  const { subpackages } = await fs.readJson(
+    path.resolve('src', 'app.json'),
+    'utf8',
+  );
+  if (subpackages) {
+    independentPackages = subpackages
+      .filter(({ independent }) => independent)
+      .map(({ root }) => root);
+  }
+}
+
+const builtLibraries = [];
+const bundledModules = new Map();
+async function bundleModule(module, pkg) {
+  const bundled = bundledModules.get(pkg);
+  if (
+    bundled?.has(module) ||
+    builtLibraries.some((library) => module.startsWith(library))
+  ) {
+    return false;
+  }
+  if (bundled) {
+    bundled.add(module);
+  } else {
+    bundledModules.set(pkg, new Set([module]));
+  }
+
+  const {
+    packageJson: { peerDependencies },
+  } = await getPackageInfo(module);
+  const bundle = await rollup({
+    input: module,
+    external: peerDependencies ? Object.keys(peerDependencies) : undefined,
+    plugins: [
+      commonjs(),
+      replace({
+        preventAssignment: true,
+        values: {
+          'process.env.NODE_ENV': JSON.stringify(NODE_ENV),
+        },
+      }),
+      resolve(),
+      __PROD__ && terser(terserOptions),
+    ].filter(Boolean),
+  });
+  await bundle.write({
+    exports: 'named',
+    file: `${pkg.replace('src', 'dist')}/miniprogram_npm/${module}/index.js`,
+    format: 'cjs',
+  });
+  return true;
+}
+
+function traverseAST(ast, pkg, babelOnly = false) {
+  traverse.default(ast, {
+    CallExpression({ node }) {
+      if (
+        node.callee.name !== 'require' ||
+        !t.isStringLiteral(node.arguments[0]) ||
+        node.arguments[0].value.startsWith('.') ||
+        (babelOnly && !node.arguments[0].value.startsWith('@babel/runtime'))
+      ) {
+        return;
+      }
+
+      const module = node.arguments[0].value;
+      let promise = bundleModule(module, pkg);
+      if (babelOnly) {
+        promise = promise.then((valid) => {
+          if (!valid) return;
+          return Promise.all(
+            independentPackages.map((item) => {
+              const bundled = bundledModules.get(item);
+              if (bundled) {
+                bundled.add(module);
+              } else {
+                bundledModules.set(pkg, new Set([module]));
+              }
+              return fs.copy(
+                path.resolve('dist', 'miniprogram_npm', module),
+                path.resolve('dist', item, 'miniprogram_npm', module),
+              );
+            }),
+          );
+        });
+      }
+      bundleJobs?.push(promise);
+    },
+  });
+}
+
+async function buildComponentLibrary(name) {
+  const {
+    rootPath,
+    packageJson: { miniprogram },
+  } = await getPackageInfo(name);
+
+  let source = '';
+  if (miniprogram) {
+    source = path.join(rootPath, miniprogram);
+  } else {
+    try {
+      const dist = path.join(rootPath, 'miniprogram_dist');
+      const stats = await fs.stat(dist);
+      if (stats.isDirectory()) {
+        source = dist;
+      }
+    } catch {
+      // Empty
+    }
+  }
+
+  if (!source) return;
+
+  builtLibraries.push(name);
+  const destination = path.resolve('dist', 'miniprogram_npm', name);
+  await fs.copy(source, destination);
+
+  return new Promise((resolve) => {
+    const jobs = [];
+    const tnm = async (filePath) => {
+      const result = await babel.transformFileAsync(filePath, { ast: true });
+      traverseAST(result.ast, 'src', true);
+      const code = __PROD__
+        ? (await minify(result.code, terserOptions)).code
+        : result.code;
+      await fs.writeFile(filePath, code);
+    };
+
+    const watcher = chokidar.watch([destination], {
+      ignored: (file, stats) => stats?.isFile() && !file.endsWith('.js'),
+    });
+    watcher.on('add', (filePath) => {
+      const promise = tnm(filePath);
+      jobs.push(promise);
+    });
+    watcher.on('ready', async () => {
+      const promise = watcher.close();
+      jobs.push(promise);
+      await Promise.all(jobs);
+      if (independentPackages.length > 0) {
+        await Promise.all(
+          independentPackages.map((item) =>
+            fs.copy(
+              destination,
+              path.resolve('dist', item, 'miniprogram_npm', name),
+            ),
+          ),
+        );
+      }
+      resolve();
+    });
+  });
+}
+
+async function scanDependencies() {
+  const { dependencies } = await fs.readJson('package.json', 'utf8');
+  for (const name of Object.keys(dependencies)) {
+    const promise = buildComponentLibrary(name);
+    topLevelJobs.push(promise);
+  }
+}
+
+async function processScript(filePath) {
+  let ast, code;
+  try {
+    const result = await babel.transformFileAsync(path.resolve(filePath), {
+      ast: true,
+    });
+    ast = result.ast;
+    code = result.code;
+  } catch (error) {
+    console.error(`Failed to compile ${filePath}`);
+
+    if (__PROD__) throw error;
+
+    console.error(error);
+    return;
+  }
+
+  const pkg = independentPackages.find((item) =>
+    filePath.startsWith(path.normalize(`src/${item}`)),
+  );
+  // The `src/` prefix is added to to distinguish `src` and `src/src`.
+  traverseAST(ast, pkg ? `src/${pkg}` : 'src');
+
+  if (__PROD__) {
+    code = (await minify(code, terserOptions)).code;
+  }
+
+  const destination = filePath.replace('src', 'dist');
+  // Make sure the directory already exists when write file
+  await fs.copy(filePath, destination);
+  await fs.writeFile(destination, code);
+}
+
+async function processTemplate(filePath) {
+  const destination = filePath
+    .replace('src', 'dist')
+    .replace(/\.html$/, '.wxml');
+  await fs.copy(filePath, destination);
+}
+
+async function processStyle(filePath) {
+  const source = await fs.readFile(filePath, 'utf8');
+  const { plugins, options } = await postcssrc({ from: filePath });
+
+  let css;
+  try {
+    const result = await postcss(plugins).process(source, options);
+    css = result.css;
+  } catch (error) {
+    console.error(`Failed to compile ${filePath}`);
+
+    if (__PROD__) throw error;
+
+    console.error(error);
+    return;
+  }
+
+  const destination = filePath
+    .replace('src', 'dist')
+    .replace(/\.css$/, '.wxss');
+  // Make sure the directory already exists when write file
+  await fs.copy(filePath, destination);
+  await fs.writeFile(destination, css);
+}
+
+const cb = async (filePath) => {
+  if (filePath.endsWith('.js')) {
+    await processScript(filePath);
+    return;
+  }
+
+  if (filePath.endsWith('.html')) {
+    await processTemplate(filePath);
+    return;
+  }
+
+  if (filePath.endsWith('.css')) {
+    await processStyle(filePath);
+    return;
+  }
+
+  await fs.copy(filePath, filePath.replace('src', 'dist'));
+};
+
+async function dev() {
+  await fs.remove('dist');
+  await findIndependentPackages();
+  await scanDependencies();
+  chokidar
+    .watch(['src'], {
+      ignored: (file, stats) =>
+        stats?.isFile() &&
+        (file.endsWith('.gitkeep') || file.endsWith('.DS_Store')),
+    })
+    .on('add', (filePath) => {
+      const promise = cb(filePath);
+      topLevelJobs?.push(promise);
+    })
+    .on('change', (filePath) => {
+      cb(filePath);
+    })
+    .on('ready', async () => {
+      await Promise.all(topLevelJobs);
+      await Promise.all(bundleJobs);
+      console.log(bold(green(`启动完成，耗时：${Date.now() - startTime}ms`)));
+      console.log(bold(green('监听文件变化中...')));
+      // Release memory.
+      topLevelJobs = null;
+      bundleJobs = null;
+    });
+}
+
+async function prod() {
+  await fs.remove('dist');
+  await findIndependentPackages();
+  await scanDependencies();
+  const watcher = chokidar.watch(['src'], {
+    ignored: (file, stats) =>
+      stats?.isFile() &&
+      (file.endsWith('.gitkeep') || file.endsWith('.DS_Store')),
+  });
+  watcher.on('add', (filePath) => {
+    const promise = cb(filePath);
+    topLevelJobs.push(promise);
+  });
+  watcher.on('ready', async () => {
+    const promise = watcher.close();
+    topLevelJobs.push(promise);
+    await Promise.all(topLevelJobs);
+    await Promise.all(bundleJobs);
+    console.log(bold(green(`构建完成，耗时：${Date.now() - startTime}ms`)));
+  });
+}
+
+if (__PROD__) {
+  await prod();
+} else {
+  await dev();
+}

package/template/javascript/jsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "lib": ["esnext", "dom"],
+    "module": "preserve",
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}