create-rezor 0.1.0 → 0.2.0

package/outfile.js

@@ -90,12 +90,18 @@ function renderTemplate(src, dest, result) {
     if (filename === 'project.config.json') {
         const project = JSON.parse(fs.readFileSync(src, 'utf8'));
         project.projectname = result.packageName;
+        if (result.needsSkyline) {
+            project.setting.compileWorklet = true;
+            project.setting.skylineRenderEnable = true;
+        }
         fs.writeFileSync(dest, JSON.stringify(project, null, 2) + '\n');
         return;
     }
     if (filename === 'app.json') {
         const app = JSON.parse(fs.readFileSync(src, 'utf8'));
-        app.window.navigationBarTitleText = result.packageName;
+        if (!result.needsSkyline) {
+            app.window.navigationBarTitleText = result.packageName;
+        }
         fs.writeFileSync(dest, JSON.stringify(app, null, 2) + '\n');
         return;
     }
@@ -233,6 +239,14 @@ async function init() {
                 initial: () => toValidPackageName(targetDir),
                 validate: (dir) => isValidPackageName(dir) || '无效的 package.json 名称',
             },
+            {
+                name: 'needsSkyline',
+                type: 'toggle',
+                message: '是否使用 Skyline 渲染？',
+                initial: false,
+                active: '是',
+                inactive: '否',
+            },
             {
                 name: 'needsTypeScript',
                 type: 'toggle',
@@ -286,7 +300,7 @@ async function init() {
     }
     // `initial` won't take effect if the prompt type is null
     // so we still have to assign the default values here
-    const { projectName, shouldOverwrite = false, packageName = projectName ?? defaultProjectName, needsTypeScript = false, needsVitest = false, needsEslint = false, needsStylelint = false, needsPrettier = false, } = result;
+    const { projectName, shouldOverwrite = false, packageName = projectName ?? defaultProjectName, needsSkyline = false, needsTypeScript = false, needsVitest = false, needsEslint = false, needsStylelint = false, needsPrettier = false, } = result;
     const root = path.join(cwd, targetDir);
     if (fs.existsSync(root) && shouldOverwrite) {
         emptyDir(root);
@@ -306,12 +320,12 @@ async function init() {
     const render = (templateName) => {
         renderTemplate(path.resolve(templateRoot, templateName), root, {
             packageName,
+            needsSkyline,
             needsTypeScript,
             needsVitest,
             needsEslint,
             needsStylelint,
             needsPrettier,
-            packageManager: ['npm', 'bun'].includes(packageManager) ? '' : (userAgent.split(' ')[0].replace('/', '@')),
         });
     };
     render('base');
@@ -321,6 +335,15 @@ async function init() {
     else {
         render('javascript');
     }
+    if (needsSkyline) {
+        render('skyline');
+        if (needsTypeScript) {
+            render('skyline-typescript');
+        }
+        else {
+            render('skyline-javascript');
+        }
+    }
     if (needsEslint) {
         render('eslint');
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rezor",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "description": "Rezor 脚手架",
   "bin": {
@@ -11,25 +11,28 @@
     "template"
   ],
   "engines": {
-    "node": ">=18.19.1 <19 || >=20.6.1"
+    "node": "^22.18.0 || >=24.11.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rezorjs/create-rezor.git"
   },
-  "repository": "https://github.com/rezorjs/create-rezor.git",
   "author": "Yang Mingshan <y.mingshan3@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "ejs": "^5.0.1",
+    "ejs": "^6.0.1",
     "kolorist": "^1.8.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@types/ejs": "^3.1.5",
-    "@types/node": "^25.5.0",
+    "@types/node": "^26.2.0",
     "@types/prompts": "^2.4.9",
-    "eslint": "^10.1.0",
-    "prettier": "^3.8.1",
-    "typescript": "^6.0.2",
-    "typescript-eslint": "^8.58.0"
+    "eslint": "^10.8.1",
+    "prettier": "^3.9.6",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.67.0"
   },
   "scripts": {
     "format": "prettier --check \"**/*.{js,ts,json,md}\"",

package/template/base/_gitignore

@@ -2,5 +2,4 @@
 node_modules
 dist
 *.log*
-.vscode
-.idea
+project.private.config.json

package/template/base/package.json.ejs

@@ -3,11 +3,8 @@
   "version": "1.0.0",
   "private": true,
   "type": "module",
-  <%_ if (packageManager) { _%>
-  "packageManager": "<%- packageManager %>",
-  <%_ } _%>
   "engines": {
-    "node": ">=18.19.1 <19 || >=20.6.1"
+    "node": "^22.18.0 || >=24.11.0"
   },
   "scripts": {
     <%_ if (needsPrettier) { _%>
@@ -29,69 +26,69 @@
     "build": "cross-env NODE_ENV=production node build.js"
   },
   "dependencies": {
-    "@babel/runtime": "^7.29.2",
-    "rezor": "^0.1.0",
+    "@babel/runtime": "^8.0.0",
+    "rezor": "^0.5.0",
     trailing-comma
   },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/plugin-transform-runtime": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
+    "@babel/core": "^8.0.1",
+    "@babel/plugin-transform-runtime": "^8.0.1",
+    "@babel/preset-env": "^8.0.2",
     <%_ if (needsTypeScript) { _%>
-    "@babel/preset-typescript": "^7.28.5",
+    "@babel/preset-typescript": "^8.0.1",
     <%_ } _%>
-    "@babel/traverse": "^7.29.0",
-    "@babel/types": "^7.29.0",
+    "@babel/traverse": "^8.0.4",
+    "@babel/types": "^8.0.4",
     <%_ if (needsEslint) { _%>
     "@eslint/js": "^10.0.1",
     <%_ } _%>
-    "@rollup/plugin-commonjs": "^29.0.2",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     <%_ if (needsTypeScript && needsVitest) { _%>
-    "@types/node": "^25.5.2",
+    "@types/node": "^26.2.0",
     <%_ } _%>
     <%_ if (needsVitest) { _%>
-    "@vitest/coverage-v8": "^4.1.2",
+    "@vitest/coverage-v8": "^4.1.10",
     <%_ } _%>
-    "babel-plugin-autocomplete-index": "^0.2.0",
+    "babel-plugin-autocomplete-index": "^0.3.0",
+    "babel-plugin-inline-env-var": "^0.1.0",
     "babel-plugin-module-resolver": "^5.0.3",
-    "babel-plugin-transform-inline-environment-variables": "^0.4.4",
     "chokidar": "^5.0.0",
     "cross-env": "^10.1.0",
     <%_ if (needsEslint) { _%>
-    "eslint": "^10.2.0",
+    "eslint": "^10.8.1",
     <%_ if (needsPrettier) { _%>
     "eslint-config-prettier": "^10.1.8",
     <%_ } _%>
     <%_ } _%>
-    "fs-extra": "^11.3.4",
+    "fs-extra": "^11.4.0",
     <%_ if (needsEslint) { _%>
-    "globals": "^17.4.0",
+    "globals": "^17.11.0",
     <%_ } _%>
     "kolorist": "^1.8.0",
-    "local-pkg": "^1.1.2",
-    "postcss": "^8.5.8",
+    "local-pkg": "^1.2.1",
+    "postcss": "^8.5.26",
     "postcss-load-config": "^6.0.1",
     "postcss-pxtorpx-pro": "^2.0.0",
     <%_ if (needsPrettier) { _%>
-    "prettier": "^3.8.1",
+    "prettier": "^3.9.6",
     <%_ } _%>
-    "rollup": "^4.60.1",
+    "rollup": "^4.62.4",
     <%_ if (needsStylelint) { _%>
-    "stylelint": "^17.6.0",
+    "stylelint": "^17.14.1",
     "stylelint-config-standard": "^40.0.0",
     <%_ } _%>
-    "terser": "^5.46.1",
+    "terser": "^5.50.0",
     <%_ if (needsTypeScript) { _%>
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     <%_ } _%>
     <%_ if (needsTypeScript && needsEslint) { _%>
-    "typescript-eslint": "^8.58.0",
+    "typescript-eslint": "^8.67.0",
     <%_ } _%>
     <%_ if (needsVitest) { _%>
-    "vitest": "^4.1.2",
+    "vitest": "^4.1.10",
     <%_ } _%>
     trailing-comma
   },

package/template/base/project.config.json

@@ -12,29 +12,20 @@
     "postcss": false,
     "preloadBackgroundData": false,
     "minified": false,
-    "newFeature": true,
     "coverView": true,
-    "nodeModules": false,
     "autoAudits": false,
     "showShadowRootInWxmlPanel": false,
-    "scopeDataCheck": false,
     "uglifyFileName": false,
     "checkInvalidKey": true,
-    "checkSiteMap": true,
     "uploadWithSourceMap": false,
     "compileHotReLoad": true,
     "lazyloadPlaceholderEnable": false,
-    "useMultiFrameRuntime": true,
     "useApiHook": true,
-    "useApiHostProcess": true,
     "babelSetting": {
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
     },
-    "useIsolateContext": false,
-    "userConfirmedUseIsolateContext": false,
-    "userConfirmedBundleSwitch": false,
     "packNpmManually": false,
     "packNpmRelationList": [],
     "minifyWXSS": true,
@@ -46,16 +37,16 @@
     "compileWorklet": false,
     "localPlugins": false,
     "condition": false,
-    "swc": false,
-    "disableSWC": true,
+    "disableSWC": false,
     "skylineRenderEnable": false,
     "useStaticServer": false,
     "useLanDebug": false,
     "ignoreDevUnusedFiles": true,
-    "bigPackageSizeSupport": false
+    "bigPackageSizeSupport": false,
+    "useGlassEaselForWxml": false
   },
   "compileType": "miniprogram",
-  "libVersion": "development",
+  "libVersion": "latest",
   "appid": "",
   "projectname": "rezor-project",
   "simulatorType": "wechat",

package/template/base/src/app.json

@@ -30,6 +30,7 @@
       }
     ]
   },
+  "style": "v2",
   "sitemapLocation": "sitemap.json",
   "lazyCodeLoading": "requiredComponents"
 }

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

@@ -0,0 +1,3 @@
+button.btn {
+  width: auto;
+}

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

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

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

@@ -1,14 +1,17 @@
 .home {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .logo {
-  margin: 120px auto 0;
+  margin-top: 100px;
   width: 400px;
   height: 400px;
   font-size: 64px;
   line-height: 400px;
   font-weight: bold;
+  text-align: center;
 }
 
 .greeting {
@@ -17,12 +20,10 @@
 }
 
 .theme {
-  margin-top: 48px;
+  margin-top: 40px;
   font-size: 48px;
 }
 
 .count {
-  margin-top: 48px;
-  display: flex;
-  justify-content: center;
+  margin-top: 40px;
 }

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

@@ -2,7 +2,5 @@
   <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>
+  <count-button class="count" count="{{ count }}" bind:increment="increment" />
 </view>

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

@@ -1,14 +1,17 @@
 .mine {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .logo {
-  margin: 120px auto 0;
+  margin-top: 100px;
   width: 400px;
   height: 400px;
   font-size: 64px;
   line-height: 400px;
   font-weight: bold;
+  text-align: center;
 }
 
 .greeting {
@@ -17,12 +20,10 @@
 }
 
 .theme {
-  margin-top: 48px;
+  margin-top: 40px;
   font-size: 48px;
 }
 
 .count {
-  margin-top: 48px;
-  display: flex;
-  justify-content: center;
+  margin-top: 40px;
 }

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

@@ -2,7 +2,5 @@
   <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>
+  <count-button class="count" count="{{ count }}" bind:increment="increment" />
 </view>

package/template/javascript/babel.config.js

@@ -20,9 +20,11 @@ const config = {
     mutableTemplateObject: true,
     noClassCalls: true,
     noDocumentAll: true,
+    noIncompleteNsImportDetection: true,
     noNewArrows: true,
+    noUninitializedPrivateFieldAccess: true,
     objectRestNoSymbols: true,
-    privateFieldsAsProperties: true,
+    privateFieldsAsSymbols: true,
     pureGetters: true,
     setClassMethods: true,
     setComputedProperties: true,
@@ -35,7 +37,6 @@ const config = {
     [
       '@babel/preset-env',
       {
-        bugfixes: true,
         modules: 'commonjs',
       },
     ],
@@ -47,7 +48,7 @@ const config = {
         version: runtimeVersion,
       },
     ],
-    'transform-inline-environment-variables',
+    'inline-env-var',
     [
       'module-resolver',
       {

package/template/javascript/build.js

@@ -7,9 +7,9 @@ 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 { transformFileAsync } from '@babel/core';
 import traverse from '@babel/traverse';
-import t from '@babel/types';
+import { isStringLiteral } from '@babel/types';
 import { minify } from 'terser';
 import postcss from 'postcss';
 import postcssrc from 'postcss-load-config';
@@ -89,11 +89,11 @@ async function bundleModule(module, pkg) {
 }
 
 function traverseAST(ast, pkg, babelOnly = false) {
-  traverse.default(ast, {
+  traverse(ast, {
     CallExpression({ node }) {
       if (
         node.callee.name !== 'require' ||
-        !t.isStringLiteral(node.arguments[0]) ||
+        !isStringLiteral(node.arguments[0]) ||
         node.arguments[0].value.startsWith('.') ||
         (babelOnly && !node.arguments[0].value.startsWith('@babel/runtime'))
       ) {
@@ -156,7 +156,7 @@ async function buildComponentLibrary(name) {
   return new Promise((resolve) => {
     const jobs = [];
     const tnm = async (filePath) => {
-      const result = await babel.transformFileAsync(filePath, { ast: true });
+      const result = await transformFileAsync(filePath, { ast: true });
       traverseAST(result.ast, 'src', true);
       const code = __PROD__
         ? (await minify(result.code, terserOptions)).code
@@ -201,7 +201,7 @@ async function scanDependencies() {
 async function processScript(filePath) {
   let ast, code;
   try {
-    const result = await babel.transformFileAsync(path.resolve(filePath), {
+    const result = await transformFileAsync(path.resolve(filePath), {
       ast: true,
     });
     ast = result.ast;

package/template/skyline/src/app.json

@@ -0,0 +1,40 @@
+{
+  "darkmode": true,
+  "themeLocation": "theme.json",
+  "pages": ["pages/home/index", "pages/mine/index"],
+  "window": {
+    "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"
+      }
+    ]
+  },
+  "style": "v2",
+  "sitemapLocation": "sitemap.json",
+  "lazyCodeLoading": "requiredComponents",
+  "renderer": "skyline",
+  "componentFramework": "glass-easel",
+  "rendererOptions": {
+    "skyline": {
+      "disableABTest": true
+    }
+  }
+}

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

@@ -0,0 +1,32 @@
+.home {
+  align-items: center;
+}
+
+.logo {
+  margin-top: 200px;
+  width: 400px;
+  height: 400px;
+  font-size: 64px;
+  line-height: 400px;
+  font-weight: bold;
+  text-align: center;
+}
+
+.greeting {
+  font-size: 64px;
+  font-weight: bold;
+}
+
+.theme {
+  margin-top: 40px;
+  font-size: 48px;
+}
+
+.count {
+  margin-top: 40px;
+}
+
+.hint {
+  margin-top: 20px;
+  font-size: 24px;
+}

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

@@ -0,0 +1,9 @@
+<view class="home">
+  <pan-gesture-handler worklet:ongesture="pan">
+    <view class="logo">LOGO</view>
+  </pan-gesture-handler>
+  <view class="greeting">欢迎使用 Rezor</view>
+  <view class="theme">当前主题: {{ themeText }}</view>
+  <count-button class="count" count="{{ count }}" bind:increment="increment" />
+  <view class="hint">Logo 可以拖动哦！</view>
+</view>

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

@@ -0,0 +1,32 @@
+.mine {
+  align-items: center;
+}
+
+.logo {
+  margin-top: 200px;
+  width: 400px;
+  height: 400px;
+  font-size: 64px;
+  line-height: 400px;
+  font-weight: bold;
+  text-align: center;
+}
+
+.greeting {
+  font-size: 64px;
+  font-weight: bold;
+}
+
+.theme {
+  margin-top: 40px;
+  font-size: 48px;
+}
+
+.count {
+  margin-top: 40px;
+}
+
+.hint {
+  margin-top: 20px;
+  font-size: 24px;
+}

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

@@ -0,0 +1,9 @@
+<view class="mine">
+  <pan-gesture-handler worklet:ongesture="pan">
+    <view class="logo">LOGO</view>
+  </pan-gesture-handler>
+  <view class="greeting">希望你会喜欢</view>
+  <view class="theme">当前主题: {{ themeText }}</view>
+  <count-button class="count" count="{{ count }}" bind:increment="increment" />
+  <view class="hint">Logo 可以拖动哦！</view>
+</view>

package/template/skyline-javascript/src/pages/home/index.js

@@ -0,0 +1,35 @@
+import { defineComponent, useContext, useState } from 'rezor';
+import { ThemeContext } from '@/contexts/theme';
+
+defineComponent((_, context) => {
+  const theme = useContext(ThemeContext);
+  const [count, setCount] = useState(0);
+
+  const themeText = theme === 'light' ? '浅色' : '深色';
+
+  const increment = () => {
+    setCount(count + 1);
+  };
+
+  const offset = wx.worklet.shared({ x: 0, y: 0 });
+
+  const pan = (event) => {
+    'worklet';
+    if (event.state === 0 || event.state === 1) return;
+    if (event.state === 2) {
+      offset.value = {
+        x: offset.value.x + event.deltaX,
+        y: offset.value.y + event.deltaY,
+      };
+      return;
+    }
+    offset.value = { x: 0, y: 0 };
+  };
+
+  context.applyAnimatedStyle('.logo', () => {
+    'worklet';
+    return { transform: `translate(${offset.value.x}px, ${offset.value.y}px)` };
+  });
+
+  return { themeText, count, increment, pan };
+});

package/template/skyline-javascript/src/pages/mine/index.js

@@ -0,0 +1,35 @@
+import { defineComponent, useContext, useState } from 'rezor';
+import { ThemeContext } from '@/contexts/theme';
+
+defineComponent((_, context) => {
+  const theme = useContext(ThemeContext);
+  const [count, setCount] = useState(0);
+
+  const themeText = theme === 'light' ? '浅色' : '深色';
+
+  const increment = () => {
+    setCount(count + 1);
+  };
+
+  const offset = wx.worklet.shared({ x: 0, y: 0 });
+
+  const pan = (event) => {
+    'worklet';
+    if (event.state === 0 || event.state === 1) return;
+    if (event.state === 2) {
+      offset.value = {
+        x: offset.value.x + event.deltaX,
+        y: offset.value.y + event.deltaY,
+      };
+      return;
+    }
+    offset.value = { x: 0, y: 0 };
+  };
+
+  context.applyAnimatedStyle('.logo', () => {
+    'worklet';
+    return { transform: `translate(${offset.value.x}px, ${offset.value.y}px)` };
+  });
+
+  return { themeText, count, increment, pan };
+});

package/template/skyline-typescript/src/pages/home/index.ts

@@ -0,0 +1,37 @@
+import { defineComponent, useContext, useState } from 'rezor';
+import { ThemeContext } from '@/contexts/theme';
+
+defineComponent((_, context) => {
+  const theme = useContext(ThemeContext);
+  const [count, setCount] = useState(0);
+
+  const themeText = theme === 'light' ? '浅色' : '深色';
+
+  const increment = () => {
+    setCount(count + 1);
+  };
+
+  const offset = wx.worklet.shared({ x: 0, y: 0 }) as {
+    value: { x: number; y: number };
+  };
+
+  const pan = (event: { state: number; deltaX: number; deltaY: number }) => {
+    'worklet';
+    if (event.state === 0 || event.state === 1) return;
+    if (event.state === 2) {
+      offset.value = {
+        x: offset.value.x + event.deltaX,
+        y: offset.value.y + event.deltaY,
+      };
+      return;
+    }
+    offset.value = { x: 0, y: 0 };
+  };
+
+  context.applyAnimatedStyle('.logo', () => {
+    'worklet';
+    return { transform: `translate(${offset.value.x}px, ${offset.value.y}px)` };
+  });
+
+  return { themeText, count, increment, pan };
+});

package/template/skyline-typescript/src/pages/mine/index.ts

@@ -0,0 +1,37 @@
+import { defineComponent, useContext, useState } from 'rezor';
+import { ThemeContext } from '@/contexts/theme';
+
+defineComponent((_, context) => {
+  const theme = useContext(ThemeContext);
+  const [count, setCount] = useState(0);
+
+  const themeText = theme === 'light' ? '浅色' : '深色';
+
+  const increment = () => {
+    setCount(count + 1);
+  };
+
+  const offset = wx.worklet.shared({ x: 0, y: 0 }) as {
+    value: { x: number; y: number };
+  };
+
+  const pan = (event: { state: number; deltaX: number; deltaY: number }) => {
+    'worklet';
+    if (event.state === 0 || event.state === 1) return;
+    if (event.state === 2) {
+      offset.value = {
+        x: offset.value.x + event.deltaX,
+        y: offset.value.y + event.deltaY,
+      };
+      return;
+    }
+    offset.value = { x: 0, y: 0 };
+  };
+
+  context.applyAnimatedStyle('.logo', () => {
+    'worklet';
+    return { transform: `translate(${offset.value.x}px, ${offset.value.y}px)` };
+  });
+
+  return { themeText, count, increment, pan };
+});

package/template/typescript/babel.config.js

@@ -20,9 +20,11 @@ const config = {
     mutableTemplateObject: true,
     noClassCalls: true,
     noDocumentAll: true,
+    noIncompleteNsImportDetection: true,
     noNewArrows: true,
+    noUninitializedPrivateFieldAccess: true,
     objectRestNoSymbols: true,
-    privateFieldsAsProperties: true,
+    privateFieldsAsSymbols: true,
     pureGetters: true,
     setClassMethods: true,
     setComputedProperties: true,
@@ -35,7 +37,6 @@ const config = {
     [
       '@babel/preset-env',
       {
-        bugfixes: true,
         modules: 'commonjs',
       },
     ],
@@ -48,7 +49,7 @@ const config = {
         version: runtimeVersion,
       },
     ],
-    'transform-inline-environment-variables',
+    'inline-env-var',
     [
       'module-resolver',
       {

package/template/typescript/build.js

@@ -7,9 +7,9 @@ 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 { transformFileAsync } from '@babel/core';
 import traverse from '@babel/traverse';
-import t from '@babel/types';
+import { isStringLiteral } from '@babel/types';
 import { minify } from 'terser';
 import postcss from 'postcss';
 import postcssrc from 'postcss-load-config';
@@ -89,11 +89,11 @@ async function bundleModule(module, pkg) {
 }
 
 function traverseAST(ast, pkg, babelOnly = false) {
-  traverse.default(ast, {
+  traverse(ast, {
     CallExpression({ node }) {
       if (
         node.callee.name !== 'require' ||
-        !t.isStringLiteral(node.arguments[0]) ||
+        !isStringLiteral(node.arguments[0]) ||
         node.arguments[0].value.startsWith('.') ||
         (babelOnly && !node.arguments[0].value.startsWith('@babel/runtime'))
       ) {
@@ -156,7 +156,7 @@ async function buildComponentLibrary(name) {
   return new Promise((resolve) => {
     const jobs = [];
     const tnm = async (filePath) => {
-      const result = await babel.transformFileAsync(filePath, { ast: true });
+      const result = await transformFileAsync(filePath, { ast: true });
       traverseAST(result.ast, 'src', true);
       const code = __PROD__
         ? (await minify(result.code, terserOptions)).code
@@ -201,7 +201,7 @@ async function scanDependencies() {
 async function processScript(filePath) {
   let ast, code;
   try {
-    const result = await babel.transformFileAsync(path.resolve(filePath), {
+    const result = await transformFileAsync(path.resolve(filePath), {
       ast: true,
     });
     ast = result.ast;

package/template/base/_npmrc

@@ -1 +0,0 @@
-registry=https://registry.npmmirror.com/