create-secra 0.1.5 → 0.1.7

package/antd-adapter-template/apps/core/vite.config.ts

@@ -0,0 +1,118 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import Inspect from 'vite-plugin-inspect'
+import path from 'node:path';
+import {
+  setupAutoImport,
+  setupUnocss,
+  setupUnPluginIcon,
+  setupRemoveConsole,
+  include,
+} from '@vlian/sdk/build';
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  void mode;
+
+  return {
+    plugins: [
+        react(),
+      // 开发环境：打包检查工具（可选，需要 vite@^6.0.0）
+      // 注意：vite-plugin-inspect 在某些情况下可能不兼容，如遇错误请注释掉
+      ...(process.env.NODE_ENV === 'development' ? [Inspect()] : []),
+
+      // 生产环境：移除 console
+      setupRemoveConsole(),
+
+      // 自动导入
+      setupAutoImport(),
+
+      // UnoCSS（需要指定本地图标路径）
+      setupUnocss(
+          path.join(process.cwd(), 'src/assets/svg-icon'),
+          {
+            // 覆盖 content 配置，扫描主应用代码
+            content: {
+              filesystem: ['./src/**/*.{tsx,ts,jsx,js}'],
+            },
+          }
+      ),
+
+      // 图标插件（SVG 支持）
+      ...setupUnPluginIcon(
+          path.join(process.cwd(), 'src/assets/svg-icon')
+      ),
+
+      // 打包分析（可选，建议仅在需要时启用）
+      // setupBundleAnalyzer({
+      //   filename: '../../dist/main/stats.html',
+      //   open: true,
+      // }),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+        'use-sync-external-store/shim': path.resolve(__dirname, './src/shims/use-sync-external-store-shim.ts'),
+        'use-sync-external-store/shim/index.js': path.resolve(__dirname, './src/shims/use-sync-external-store-shim.ts'),
+      },
+      preserveSymlinks: false,
+    },
+    // 依赖优化
+    optimizeDeps: {
+      include: [...include],
+      // exclude: ["@vlian/sdk", "@vlian/sdk/request", "@vlian/sdk/build", "lightningcss"],
+    },
+    server: {
+      host: '127.0.0.1',
+      port: 5173,
+      open: true,
+    },
+    build: {
+      outDir: '../../dist/core',
+      sourcemap: false,
+      manifest: true,
+      // 确保 CSS 被提取到单独文件
+      cssCodeSplit: true,
+      chunkSizeWarningLimit: 700,
+      modulePreload: {
+        // Keep HTML preload list focused to avoid over-eager first-wave requests.
+        resolveDependencies: (_filename, deps, context) => {
+          if (context.hostType !== 'html') return deps;
+          return deps.filter(
+            (dep) =>
+              dep.includes('rolldown-runtime') ||
+              dep.includes('/index-') ||
+              dep.includes('/index.'),
+          );
+        },
+      },
+      rollupOptions: {
+        // Node-only adapter dependency used by framework optional path.
+        // Keep it external to avoid browser bundle resolution failure.
+        external: ['undici'],
+        output: {
+          manualChunks(id) {
+            if (id.includes('node_modules')) {
+              if (id.includes('/node_modules/@ant-design/pro-components/')) return 'pro-vendor';
+              if (
+                id.includes('/node_modules/react/') ||
+                id.includes('/node_modules/react-dom/') ||
+                id.includes('/node_modules/scheduler/')
+              ) return 'react-vendor';
+              if (id.includes('/node_modules/@ant-design/icons/')) return 'antd-icons-vendor';
+              if (
+                id.includes('/node_modules/antd/') ||
+                (id.includes('/node_modules/@ant-design/') && !id.includes('/node_modules/@ant-design/pro-components/'))
+              ) return 'antd-vendor';
+              if (id.includes('@vlian/framework/dist/request/')) return 'framework-request-vendor';
+              if (id.includes('@vlian/framework/dist/state/')) return 'framework-state-vendor';
+              if (id.includes('@vlian/framework/dist/core/')) return 'framework-core-vendor';
+              if (id.includes('@vlian/framework')) return 'framework-misc-vendor';
+              if (id.includes('i18next') || id.includes('react-i18next')) return 'i18n-vendor';
+            }
+          },
+        },
+      },
+    },
+  };
+})

package/antd-adapter-template/eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

package/antd-adapter-template/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "secra-admin",
+  "private": true,
+  "version": "0.0.15",
+  "packageManager": "pnpm@9.12.3",
+  "scripts": {
+    "build": "turbo run build",
+    "dev": "turbo run dev",
+    "lint": "turbo run lint",
+    "test": "turbo run test",
+    "clean:node_modules": "find . -type d -name 'node_modules' -prune -exec rm -rf '{}' +",
+    "build:packages": "pnpm -r --filter \"./packages/*\" build"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^6.1.0",
+    "@ant-design/pro-components": "^2.8.10",
+    "@ant-design/v5-patch-for-react-19": "^1.0.3",
+    "@vlian/framework": "^1.2.16",
+    "@vlian/infrastructure": "^0.9.11",
+    "@vlian/sdk": "workspace:*",
+    "ahooks": "^3.8.5",
+    "antd": "^5.29.3",
+    "i18next": "^25.7.4",
+    "immer": "^10.1.3",
+    "ky": "^1.14.2",
+    "lodash": "^4.17.21",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-i18next": "^15.7.4",
+    "react-router-dom": "^7.8.2"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@iconify/utils": "^3.1.0",
+    "@types/lodash": "^4.17.21",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@unocss/core": "^66.6.0",
+    "@unocss/preset-attributify": "^66.6.0",
+    "@unocss/preset-icons": "^66.6.0",
+    "@unocss/preset-uno": "^66.6.0",
+    "@unocss/transformer-directives": "^66.6.0",
+    "@unocss/transformer-variant-group": "^66.6.0",
+    "@unocss/vite": "^66.6.0",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "gogocode": "^1.0.53",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "turbo": "^2.7.5",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "unplugin-auto-import": "^0.17.8",
+    "unplugin-icons": "^0.20.1",
+    "vite": "npm:rolldown-vite@7.2.5",
+    "vite-plugin-inspect": "^11.3.3",
+    "vite-plugin-remove-console": "^1.3.0",
+    "vite-plugin-svg-icons": "^2.0.1"
+  }
+}

package/antd-adapter-template/packages/sdk/.swcrc

@@ -0,0 +1,18 @@
+{
+  "jsc": {
+    "target": "es2022",
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true
+    },
+    "transform": {
+      "react": {
+        "runtime": "automatic"
+      }
+    }
+  },
+  "module": {
+    "type": "es6"
+  },
+  "sourceMaps": true
+}

package/antd-adapter-template/packages/sdk/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@vlian/sdk",
+  "version": "1.0.15",
+  "description": "",
+  "main": "dist/index.js",
+  "type": "module",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./request": {
+      "types": "./dist/types/request/index.d.ts",
+      "import": "./dist/request/index.js",
+      "default": "./dist/request/index.js"
+    },
+    "./build": {
+      "types": "./dist/types/build/index.d.ts",
+      "import": "./dist/build/index.js",
+      "default": "./dist/build/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/types/i18n/index.d.ts",
+      "import": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/types/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
+    "./hooks/auth": {
+      "types": "./dist/types/hooks/auth/index.d.ts",
+      "import": "./dist/hooks/auth/index.js",
+      "default": "./dist/hooks/auth/index.js"
+    },
+    "./reset.css": "./dist/styles/reset.css"
+  },
+  "scripts": {
+    "build": "pnpm run build:js && pnpm run build:types && pnpm run build:assets",
+    "build:js": "swc src -d dist --config-file .swcrc --source-maps --strip-leading-paths",
+    "build:types": "tsc -p tsconfig.json --emitDeclarationOnly --declaration --declarationMap --outDir dist/types",
+    "build:assets": "mkdir -p dist/styles && cp src/styles/reset.css dist/styles/reset.css"
+  },
+  "devDependencies": {
+    "@swc/cli": "^0.7.3",
+    "@swc/core": "^1.13.5"
+  },
+  "private": true
+}

package/antd-adapter-template/packages/sdk/src/build/index.ts

@@ -0,0 +1,28 @@
+/**
+ * @vlian/sdk/build
+ * 构建工具和配置共享包
+ * 
+ * 通过子路径 @vlian/sdk/build 暴露，避免污染根入口运行时依赖。
+ */
+
+// 导出版本
+export const version = '0.0.1';
+
+// 插件导出
+export { setupAutoImport } from './plugins/auto-import.js';
+export { setupUnocss } from './plugins/unocss.js';
+export { setupUnPluginIcon } from './plugins/unplugin-icon.js';
+export { setupRemoveConsole } from './plugins/remove-console.js';
+export { setupBundleAnalyzer } from './plugins/bundle-analyzer.js';
+
+// 依赖优化列表（用于 optimizeDeps.include）
+export const include = [
+  'ahooks',
+  'i18next',
+  'lodash',
+  'immer',
+  'react-i18next',
+] as const;
+
+// 类型导出
+export type { UserConfig } from '@unocss/core';

package/antd-adapter-template/packages/sdk/src/build/plugins/auto-import.ts

@@ -0,0 +1,46 @@
+import AutoImport from 'unplugin-auto-import/vite';
+import IconsResolver from 'unplugin-icons/resolver';
+
+/**
+ * 自动导入配置
+ *
+ * 功能：
+ * - 自动导入 React、React Router、ahooks 等常用库
+ * - 自动导入图标组件
+ * - 自动导入自定义 hooks 和组件
+ */
+export function setupAutoImport() {
+    return AutoImport({
+      // 扫描目录，自动导入 hooks 和组件
+      dirs: ['src/hooks/**', 'src/components/**'],
+
+      // 自动导入类型声明文件
+      dts: 'src/types/auto-imports.d.ts',
+
+      // 自动导入的库
+      imports: [
+        'react',
+        'react-router-dom',
+        'react-i18next',
+        'ahooks',
+        // React 类型导入
+        { from: 'react', imports: ['FC', 'ReactNode', 'ComponentType'], type: true },
+      ],
+
+      // 匹配的文件
+      include: [/\.[tj]sx?$/],
+
+      // 排除的文件（排除文档文件和其他非代码文件）
+      exclude: [/\.md$/, /\.d\.ts$/, /\.test\.(ts|tsx)$/, /\.spec\.(ts|tsx)$/],
+
+      // 解析器
+      resolvers: [
+        // 图标解析器
+        IconsResolver({
+          customCollections: ['local'],
+          extension: 'tsx',
+          prefix: 'icon',
+        }),
+      ],
+    });
+  }

package/antd-adapter-template/packages/sdk/src/build/plugins/bundle-analyzer.ts

@@ -0,0 +1,33 @@
+import { visualizer } from 'rollup-plugin-visualizer';
+
+/**
+ * 打包分析插件
+ * 
+ * 功能：
+ * - 生成打包分析报告
+ * - 可视化 bundle 大小
+ * - 帮助优化打包体积
+ * 
+ * @param options - 配置选项
+ * @returns Vite 插件
+ */
+export function setupBundleAnalyzer(options?: {
+  /** 输出文件名（默认: stats.html） */
+  filename?: string;
+  /** 是否自动打开浏览器 */
+  open?: boolean;
+  /** 输出格式（默认: html） */
+  template?: 'treemap' | 'sunburst' | 'network';
+  /** 是否 gzip 压缩 */
+  gzipSize?: boolean;
+  /** 是否 brotli 压缩 */
+  brotliSize?: boolean;
+}) {
+  return visualizer({
+    filename: options?.filename || 'dist/stats.html',
+    open: options?.open ?? false,
+    template: options?.template || 'treemap',
+    gzipSize: options?.gzipSize ?? true,
+    brotliSize: options?.brotliSize ?? true,
+  });
+}

package/antd-adapter-template/packages/sdk/src/build/plugins/remove-console.ts

@@ -0,0 +1,23 @@
+import removeConsole from 'vite-plugin-remove-console';
+
+/**
+ * 移除 console 插件
+ *
+ * 功能：
+ * - 生产环境自动移除 console 语句
+ * - 提升生产环境性能
+ *
+ * @param options - 配置选项
+ * @returns Vite 插件
+ */
+export function setupRemoveConsole(options?: {
+  /** 需要移除的 console 方法（兼容旧字段 include） */
+  methods?: string[];
+  /** @deprecated 请改用 methods */
+  include?: string[];
+}) {
+  const methods = options?.methods ?? options?.include ?? ['log', 'info', 'debug', 'warn'];
+  return removeConsole({
+    external: methods,
+  });
+}

package/antd-adapter-template/packages/sdk/src/build/plugins/unocss.ts

@@ -0,0 +1,202 @@
+import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
+import presetAttributify from '@unocss/preset-attributify';
+import presetIcons from '@unocss/preset-icons';
+import presetUno from '@unocss/preset-uno';
+import transformerDirectives from '@unocss/transformer-directives';
+import transformerVariantGroup from '@unocss/transformer-variant-group';
+import unocss from '@unocss/vite';
+import type { UserConfig } from '@unocss/core';
+
+type ShortcutMap = Record<string, string>;
+
+const DEFAULT_BREAKPOINTS = {
+  xs: '320px',
+  sm: '640px',
+  md: '768px',
+  lg: '1024px',
+  xl: '1280px',
+  '2xl': '1536px',
+} as const;
+
+const DEFAULT_SHORTCUTS: ShortcutMap = {
+  btn: 'px-4 py-2 rounded font-semibold transition-colors duration-200',
+  'btn-primary': 'btn bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700',
+  'btn-secondary': 'btn bg-gray-500 text-white hover:bg-gray-600 active:bg-gray-700',
+  'btn-success': 'btn bg-success-500 text-white hover:bg-success-600 active:bg-success-700',
+  'btn-warning': 'btn bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700',
+  'btn-error': 'btn bg-error-500 text-white hover:bg-error-600 active:bg-error-700',
+  'btn-outline': 'btn border-2 bg-transparent hover:bg-gray-100',
+  'btn-ghost': 'btn bg-transparent hover:bg-gray-100',
+  container: 'mx-auto px-4 sm:px-6 lg:px-8',
+  'container-sm': 'mx-auto px-4 sm:px-6 max-w-screen-sm',
+  'container-md': 'mx-auto px-4 sm:px-6 max-w-screen-md',
+  'container-lg': 'mx-auto px-4 sm:px-6 max-w-screen-lg',
+  'container-xl': 'mx-auto px-4 sm:px-6 max-w-screen-xl',
+  card: 'bg-white rounded-lg shadow-sm border border-gray-200',
+  'card-header': 'px-6 py-4 border-b border-gray-200',
+  'card-body': 'px-6 py-4',
+  'card-footer': 'px-6 py-4 border-t border-gray-200',
+  input: 'px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent',
+  'input-error': 'input border-error-500 focus:ring-error-500',
+  'flex-center': 'flex items-center justify-center',
+  'flex-between': 'flex items-center justify-between',
+  'flex-start': 'flex items-center justify-start',
+  'flex-end': 'flex items-center justify-end',
+};
+
+export interface SetupUnocssOptions {
+  userConfig?: Partial<UserConfig>;
+  enableTheme?: boolean;
+  enableShortcuts?: boolean;
+  enableIconPreset?: boolean;
+}
+
+const isPlainRecord = (value: unknown): value is Record<string, unknown> => {
+  if (!value || typeof value !== 'object') {
+    return false;
+  }
+  return Object.prototype.toString.call(value) === '[object Object]';
+};
+
+const isSetupUnocssOptions = (value: unknown): value is SetupUnocssOptions => {
+  if (!isPlainRecord(value)) {
+    return false;
+  }
+  return (
+    'userConfig' in value ||
+    'enableTheme' in value ||
+    'enableShortcuts' in value ||
+    'enableIconPreset' in value
+  );
+};
+
+const mergeTheme = (
+  userTheme: UserConfig['theme'] | undefined,
+  enableTheme: boolean,
+): UserConfig['theme'] | undefined => {
+  if (!enableTheme) {
+    return userTheme;
+  }
+
+  const userThemeRecord = isPlainRecord(userTheme) ? userTheme : {};
+  const userColors = isPlainRecord(userThemeRecord.colors) ? userThemeRecord.colors : {};
+  const userBreakpoints = isPlainRecord(userThemeRecord.breakpoints) ? userThemeRecord.breakpoints : {};
+
+  return {
+    ...userThemeRecord,
+    colors: {
+      ...userColors,
+    },
+    breakpoints: {
+      ...DEFAULT_BREAKPOINTS,
+      ...userBreakpoints,
+    },
+  } as UserConfig['theme'];
+};
+
+const mergeShortcuts = (
+  userShortcuts: UserConfig['shortcuts'] | undefined,
+  enableShortcuts: boolean,
+): UserConfig['shortcuts'] | undefined => {
+  if (!enableShortcuts) {
+    return userShortcuts;
+  }
+  if (!userShortcuts) {
+    return DEFAULT_SHORTCUTS;
+  }
+  if (Array.isArray(userShortcuts)) {
+    return [DEFAULT_SHORTCUTS, ...userShortcuts];
+  }
+  if (isPlainRecord(userShortcuts)) {
+    return {
+      ...DEFAULT_SHORTCUTS,
+      ...userShortcuts,
+    };
+  }
+  return userShortcuts;
+};
+
+/**
+ * UnoCSS 配置
+ * 
+ * 功能：
+ * - 集成 UnoCSS
+ * - 支持本地 SVG 图标
+ * - 包含完整的预设和转换器
+ * - 支持属性化模式（Attributify）
+ * 
+ * @param localIconPath - 本地图标路径
+ * @param unocssConfig - UnoCSS 配置（可选，用于合并其他配置）
+ */
+export function setupUnocss(
+  localIconPath: string,
+  unocssConfig?: Partial<UserConfig> | SetupUnocssOptions
+): ReturnType<typeof unocss> {
+  const options = isSetupUnocssOptions(unocssConfig) ? unocssConfig : { userConfig: unocssConfig };
+  const enableTheme = options.enableTheme ?? true;
+  const enableShortcuts = options.enableShortcuts ?? true;
+  const enableIconPreset = options.enableIconPreset ?? true;
+  const userConfig = options.userConfig ?? {};
+  const {
+    presets: userPresets,
+    transformers: userTransformers,
+    theme: userTheme,
+    shortcuts: userShortcuts,
+    ...restUserConfig
+  } = userConfig;
+
+  return unocss({
+    // Disable auto-loading `uno.config.*` from cwd to avoid noisy
+    // "Config file not found" logs in template apps without standalone config files.
+    configFile: false,
+    presets: [
+      // 基础预设 - 包含 Tailwind CSS 兼容的工具类
+      presetUno(),
+      // 属性化模式 - 支持 <div bg="blue-400" /> 语法
+      presetAttributify(),
+      // 图标预设 - 支持本地 SVG 图标
+      ...(enableIconPreset
+        ? [
+            presetIcons({
+              collections: {
+                // 本地图标集合
+                local: FileSystemIconLoader(localIconPath, (svg) =>
+                  svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
+                ),
+              },
+              extraProperties: {
+                display: 'inline-block',
+              },
+              prefix: 'icon-',
+              scale: 1,
+              warn: true,
+            }),
+          ]
+        : []),
+      ...(userPresets ?? []),
+    ],
+    // 转换器
+    transformers: [
+      transformerDirectives(), // 支持 @apply、@screen 等指令
+      transformerVariantGroup(), // 支持 variant groups (hover:bg-gray-400 hover:text-white)
+      ...(userTransformers ?? []),
+    ],
+    // 主题配置
+    theme: mergeTheme(userTheme, enableTheme),
+    // 快捷方式 - 组合多个工具类
+    shortcuts: mergeShortcuts(userShortcuts, enableShortcuts),
+    // 自定义规则
+    rules: [
+      // 可以在这里添加项目特定的工具类
+      // 示例：['custom-rule', { color: 'red' }],
+    ],
+    // 安全列表 - 确保这些类名始终被生成（即使没有被扫描到）
+    safelist: [
+      // 可以添加动态生成的类名
+      // 例如：'bg-red-500', 'bg-blue-500',
+      // 或者使用正则：/^bg-(red|blue|green)-\d+$/,
+    ],
+    // 合并用户自定义配置（通过拆分字段避免覆盖默认合并策略）
+    ...restUserConfig,
+  });
+}

package/antd-adapter-template/packages/sdk/src/build/plugins/unplugin-icon.ts

@@ -0,0 +1,43 @@
+import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+import Icons from 'unplugin-icons/vite';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+
+/**
+ * 图标插件配置
+ * 
+ * 功能：
+ * - SVG 图标支持（vite-plugin-svg-icons）
+ * - 图标组件自动导入（unplugin-icons）
+ * - 支持本地 SVG 图标
+ * 
+ * @param localIconPath - 本地图标路径
+ * @param customDomId - 自定义 DOM ID（默认: __SVG_ICON_LOCAL__）
+ * @returns 插件数组
+ */
+export function setupUnPluginIcon(
+  localIconPath: string,
+  customDomId = '__SVG_ICON_LOCAL__'
+): Array<ReturnType<typeof createSvgIconsPlugin> | ReturnType<typeof Icons>> {
+  return [
+    // SVG 图标插件 - 用于 <svg><use xlink:href="#icon-local-xxx" /></svg> 方式
+    createSvgIconsPlugin({
+      customDomId,
+      iconDirs: [localIconPath],
+      inject: 'body-last',
+      symbolId: 'icon-local-[dir]-[name]',
+    }),
+    
+    // 图标组件插件 - 用于 <IconLocalXxx /> 组件方式
+    Icons({
+      compiler: 'jsx',
+      customCollections: {
+        local: FileSystemIconLoader(localIconPath, (svg) =>
+          svg.replace(/^<svg\s/, '<svg width="1em" height="1em" ')
+        ),
+      },
+      defaultClass: 'inline-block',
+      jsx: 'react',
+      scale: 1,
+    }),
+  ];
+}