@qlover/create-app 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+
+
+## 0.0.1 (2025-01-14)
+
+## 0.0.2 (2025-01-14)
+
+
+### Features
+
+* create fe app ([#200](https://github.com/qlover/fe-base/issues/200)) ([8d3668f](https://github.com/qlover/fe-base/commit/8d3668f0e69a579994a72fc7b36b5ba7d5633c70))

package/bin/create-app.js

@@ -0,0 +1,28 @@
+#!/usr/bin/env node
+
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+import { Generator } from '../dist/es/index.js';
+import { existsSync } from 'fs';
+
+async function main() {
+  const __dirname = dirname(fileURLToPath(import.meta.url));
+  const templatePath = join(__dirname, '../templates');
+
+  const options = {
+    options: {
+      templatePath
+    }
+  };
+
+  if (!existsSync(templatePath)) {
+    console.error('Template is empty!');
+    process.exit(1);
+  }
+
+  const generator = new Generator(options);
+
+  await generator.generate();
+}
+
+main();

package/dist/cjs/index.d.ts

@@ -0,0 +1,67 @@
+import { FeScriptContext } from '@qlover/fe-scripts';
+import { Logger } from '@qlover/fe-utils';
+import { DistinctQuestion } from 'inquirer';
+import ignore from 'ignore';
+
+type GeneratorOptions = {
+    prompts?: DistinctQuestion[];
+    templatePath: string;
+};
+interface GeneratorResult {
+    name: string;
+    templateName: string;
+}
+type TaskOptions = {
+    templateFiles: TemplateFile[];
+    result: GeneratorResult;
+};
+type TemplateFile = {
+    path: string;
+    content: string;
+};
+declare class Generator {
+    private prompts;
+    private ora;
+    protected context: FeScriptContext<GeneratorOptions>;
+    constructor(context: Partial<FeScriptContext<GeneratorOptions>>);
+    get logger(): Logger;
+    steps(prompts: DistinctQuestion[]): Promise<GeneratorResult>;
+    getTemplateFiles(path: string): Promise<TemplateFile[]>;
+    action({ label, task }: {
+        label: string;
+        task: () => Promise<unknown>;
+    }): Promise<unknown>;
+    /**
+     * Creates files and directories based on the provided template files.
+     *
+     * This method iterates through the template files and writes their content
+     * to the file system. It handles both files and directories, ensuring that
+     * the directory structure is preserved.
+     *
+     * @param templateFiles - An array of template files to be created.
+     * @param result - The result object containing the name and template name.
+     *
+     * @returns A promise that resolves when all files have been created.
+     *
+     * @example
+     * const templateFiles = [{ type: 'file', name: 'example.txt', content: 'Hello World' }];
+     * await taskCreate({ templateFiles, result });
+     */
+    create(targetPath: string, name: string): Promise<void>;
+    generate(): Promise<void>;
+}
+
+declare const validRequiredString: (value: string, key: string) => string | true;
+
+declare class Copyer {
+    getIg(targetDir: string): ignore.Ignore;
+    /**
+     * copy templates recursively
+     * @param {string} templatesDir - source directory
+     * @param {string} targetDir - target directory
+     * @param {ignore.Ignore} ig - ignore rules
+     */
+    copyTemplates(templatesDir: string, targetDir: string, ig: ignore.Ignore): void;
+}
+
+export { Copyer, Generator, type GeneratorOptions, type GeneratorResult, type TaskOptions, type TemplateFile, validRequiredString };

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var t=require("@qlover/fe-scripts"),e=require("inquirer"),r=require("path"),o=require("ora"),i=require("fs"),n=require("ignore");function s(t,e,r,o){return new(r||(r=Promise))((function(i,n){function s(t){try{c(o.next(t))}catch(t){n(t)}}function a(t){try{c(o.throw(t))}catch(t){n(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(s,a)}c((o=o.apply(t,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const a=(t,e)=>"string"==typeof t&&""!==t.trim()||`${e} is required`,c=[{type:"input",name:"name",message:"Project name",validate:t=>a(t,"Project name")},{type:"list",name:"templateName",message:"Template name",choices:["fe-react","pack-app"]}];class p{getIg(t){const e=r.join(t,".gitignore"),o=i.readFileSync(e,"utf8").split("\n").map((t=>t.trim())).filter((t=>t&&!t.startsWith("#")));return n().add(o)}copyTemplates(t,e,o){const n=i.readdirSync(t);for(const s of n){const n=r.join(t,s),a=r.join(e,s);if(o.ignores(s))continue;const c=r.dirname(a);i.existsSync(c)||i.mkdirSync(c,{recursive:!0}),i.statSync(n).isDirectory()?this.copyTemplates(n,a,o):i.copyFileSync(n,a)}}}exports.Copyer=p,exports.Generator=class{constructor(e){var r,n;this.prompts=[];const s=null===(r=e.options)||void 0===r?void 0:r.templatePath;if(!s)throw new Error("template path not exit");if(!i.existsSync(s))throw new Error("template path not exit");this.ora=o.oraPromise,this.context=new t.FeScriptContext(e),this.prompts=(null===(n=e.options)||void 0===n?void 0:n.prompts)||c}get logger(){return this.context.logger}steps(t){return s(this,void 0,void 0,(function*(){try{return yield e.prompt(t)}catch(t){throw this.logger.error(t),t}}))}getTemplateFiles(t){return s(this,void 0,void 0,(function*(){return console.log("jj paths",t),[]}))}action(t){return s(this,arguments,void 0,(function*({label:t,task:e}){let r=e();r instanceof Promise||(r=Promise.resolve(r));const o=t;return this.ora(r,o),r}))}create(t,e){return s(this,void 0,void 0,(function*(){const r=new p;r.copyTemplates(t,e,r.getIg(t))}))}generate(){return s(this,void 0,void 0,(function*(){const{templatePath:t}=this.context.options,e=yield this.steps(this.prompts);this.logger.info(e);const o=r.join(t,e.templateName);yield this.action({label:"Creating project",task:()=>this.create(o,e.name)})}))}},exports.validRequiredString=a;

package/dist/es/index.d.ts

@@ -0,0 +1,67 @@
+import { FeScriptContext } from '@qlover/fe-scripts';
+import { Logger } from '@qlover/fe-utils';
+import { DistinctQuestion } from 'inquirer';
+import ignore from 'ignore';
+
+type GeneratorOptions = {
+    prompts?: DistinctQuestion[];
+    templatePath: string;
+};
+interface GeneratorResult {
+    name: string;
+    templateName: string;
+}
+type TaskOptions = {
+    templateFiles: TemplateFile[];
+    result: GeneratorResult;
+};
+type TemplateFile = {
+    path: string;
+    content: string;
+};
+declare class Generator {
+    private prompts;
+    private ora;
+    protected context: FeScriptContext<GeneratorOptions>;
+    constructor(context: Partial<FeScriptContext<GeneratorOptions>>);
+    get logger(): Logger;
+    steps(prompts: DistinctQuestion[]): Promise<GeneratorResult>;
+    getTemplateFiles(path: string): Promise<TemplateFile[]>;
+    action({ label, task }: {
+        label: string;
+        task: () => Promise<unknown>;
+    }): Promise<unknown>;
+    /**
+     * Creates files and directories based on the provided template files.
+     *
+     * This method iterates through the template files and writes their content
+     * to the file system. It handles both files and directories, ensuring that
+     * the directory structure is preserved.
+     *
+     * @param templateFiles - An array of template files to be created.
+     * @param result - The result object containing the name and template name.
+     *
+     * @returns A promise that resolves when all files have been created.
+     *
+     * @example
+     * const templateFiles = [{ type: 'file', name: 'example.txt', content: 'Hello World' }];
+     * await taskCreate({ templateFiles, result });
+     */
+    create(targetPath: string, name: string): Promise<void>;
+    generate(): Promise<void>;
+}
+
+declare const validRequiredString: (value: string, key: string) => string | true;
+
+declare class Copyer {
+    getIg(targetDir: string): ignore.Ignore;
+    /**
+     * copy templates recursively
+     * @param {string} templatesDir - source directory
+     * @param {string} targetDir - target directory
+     * @param {ignore.Ignore} ig - ignore rules
+     */
+    copyTemplates(templatesDir: string, targetDir: string, ig: ignore.Ignore): void;
+}
+
+export { Copyer, Generator, type GeneratorOptions, type GeneratorResult, type TaskOptions, type TemplateFile, validRequiredString };

package/dist/es/index.js

@@ -0,0 +1 @@
+import{FeScriptContext as t}from"@qlover/fe-scripts";import e from"inquirer";import{join as o,dirname as r}from"path";import{oraPromise as i}from"ora";import{readFileSync as n,readdirSync as s,existsSync as a,mkdirSync as p,statSync as c,copyFileSync as m}from"fs";import l from"ignore";function u(t,e,o,r){return new(o||(o=Promise))((function(i,n){function s(t){try{p(r.next(t))}catch(t){n(t)}}function a(t){try{p(r.throw(t))}catch(t){n(t)}}function p(t){var e;t.done?i(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(s,a)}p((r=r.apply(t,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const h=(t,e)=>"string"==typeof t&&""!==t.trim()||`${e} is required`,f=[{type:"input",name:"name",message:"Project name",validate:t=>h(t,"Project name")},{type:"list",name:"templateName",message:"Template name",choices:["fe-react","pack-app"]}];class g{getIg(t){const e=o(t,".gitignore"),r=n(e,"utf8").split("\n").map((t=>t.trim())).filter((t=>t&&!t.startsWith("#")));return l().add(r)}copyTemplates(t,e,i){const n=s(t);for(const s of n){const n=o(t,s),l=o(e,s);if(i.ignores(s))continue;const u=r(l);a(u)||p(u,{recursive:!0}),c(n).isDirectory()?this.copyTemplates(n,l,i):m(n,l)}}}class d{constructor(e){var o,r;this.prompts=[];const n=null===(o=e.options)||void 0===o?void 0:o.templatePath;if(!n)throw new Error("template path not exit");if(!a(n))throw new Error("template path not exit");this.ora=i,this.context=new t(e),this.prompts=(null===(r=e.options)||void 0===r?void 0:r.prompts)||f}get logger(){return this.context.logger}steps(t){return u(this,void 0,void 0,(function*(){try{return yield e.prompt(t)}catch(t){throw this.logger.error(t),t}}))}getTemplateFiles(t){return u(this,void 0,void 0,(function*(){return console.log("jj paths",t),[]}))}action(t){return u(this,arguments,void 0,(function*({label:t,task:e}){let o=e();o instanceof Promise||(o=Promise.resolve(o));const r=t;return this.ora(o,r),o}))}create(t,e){return u(this,void 0,void 0,(function*(){const o=new g;o.copyTemplates(t,e,o.getIg(t))}))}generate(){return u(this,void 0,void 0,(function*(){const{templatePath:t}=this.context.options,e=yield this.steps(this.prompts);this.logger.info(e);const r=o(t,e.templateName);yield this.action({label:"Creating project",task:()=>this.create(r,e.name)})}))}}export{g as Copyer,d as Generator,h as validRequiredString};

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@qlover/create-app",
+  "version": "0.0.1",
+  "type": "module",
+  "private": false,
+  "main": "./dist/es/index.js",
+  "module": "./dist/es/index.js",
+  "types": "./dist/es/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/es/index.d.ts"
+    },
+    "./cjs/*": "./dist/cjs/*",
+    "./es/*": "./dist/es/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "bin",
+    "templates",
+    "package.json",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "bin": {
+    "create-app": "./bin/create-app.js"
+  },
+  "scripts": {
+    "build": "node ./scripts/copy-templates.js && rollup -c"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/qlover/fe-base.git",
+    "directory": "packages/create-app"
+  },
+  "homepage": "https://github.com/qlover/fe-base#readme",
+  "keywords": [
+    "create-app",
+    "fe-scripts",
+    "scripts"
+  ],
+  "author": "qlover",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@octokit/graphql": "^8.1.2",
+    "@octokit/rest": "^21.1.0",
+    "@qlover/fe-scripts": "^0.5.2",
+    "@qlover/fe-utils": "^1.1.3",
+    "ignore": "^7.0.3",
+    "inquirer": "^12.3.2"
+  },
+  "devDependencies": {
+    "ora": "^8.1.1"
+  }
+}

package/templates/fe-react/.env

@@ -0,0 +1,3 @@
+VITE_SERVER_PORT=3200
+VITE_OPENAI_API_URL=
+VITE_OPENAI_API_KEY=

package/templates/fe-react/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/templates/fe-react/config/app.common.ts

@@ -0,0 +1,52 @@
+import { i18nConfig } from '@config/i18n';
+import { OpenAIClientConfig } from '@lib/openAiApi';
+import { RequestCommonPluginConfig } from '@lib/request-common-plugin';
+import { RequestAdapterFetchConfig } from '@qlover/fe-utils';
+
+export const openAiModels = [
+  'gpt-3.5-turbo',
+  'gpt-3.5-turbo-2',
+  'gpt-4',
+  'gpt-4-32k'
+];
+
+export const requestCommonPluginConfig: RequestCommonPluginConfig = {
+  tokenPrefix: 'Bearer',
+  defaultHeaders: {
+    'Content-Type': 'application/json'
+  },
+  defaultRequestData: {
+    model: 'gpt-4o-mini',
+    stream: true
+  },
+  requiredToken: true,
+  token: import.meta.env.VITE_OPENAI_API_KEY
+};
+
+export const openAiConfig: OpenAIClientConfig = {
+  baseURL: import.meta.env.VITE_OPENAI_API_URL,
+  models: openAiModels,
+  commonPluginConfig: requestCommonPluginConfig
+};
+
+export const defaultBaseRoutemeta = {
+  localNamespace: i18nConfig.defaultNS,
+  title: '',
+  icon: ''
+} as const;
+
+export const defaultLoginInfo = {
+  name: 'qlover',
+  password: 'q1234566'
+};
+
+export const defaultFeApiConfig: {
+  adapter: Partial<RequestAdapterFetchConfig>;
+  commonPluginConfig: RequestCommonPluginConfig;
+} = {
+  adapter: {
+    responseType: 'json',
+    baseURL: 'https://api.example.com/'
+  },
+  commonPluginConfig: requestCommonPluginConfig
+};

package/templates/fe-react/config/app.router.json

@@ -0,0 +1,150 @@
+{
+  "base": {
+    "routes": [
+      {
+        "path": "/",
+        "element": "base/RedirectPathname",
+        "meta": {
+          "category": "main"
+        }
+      },
+      {
+        "path": "/:lng",
+        "element": "base/Layout",
+        "meta": {
+          "category": "main"
+        },
+        "children": [
+          {
+            "index": true,
+            "element": "base/Home",
+            "meta": {
+              "title": "fe-utils/home",
+              "icon": "home",
+              "localNamespace": "home"
+            }
+          },
+          {
+            "path": "about",
+            "element": "base/About",
+            "meta": {
+              "title": "关于",
+              "icon": "info",
+              "localNamespace": "about"
+            }
+          },
+          {
+            "path": "jsonStorage",
+            "element": "base/JSONStorage",
+            "meta": {
+              "title": "FE-Utils JSONStorage",
+              "icon": "info",
+              "localNamespace": "jsonStorage"
+            }
+          },
+          {
+            "path": "request",
+            "element": "base/Request",
+            "meta": {
+              "title": "FE-Utils Request",
+              "icon": "info",
+              "localNamespace": "request"
+            }
+          },
+          {
+            "path": "executor",
+            "element": "base/Executor",
+            "meta": {
+              "title": "FE-Utils Executor",
+              "icon": "info",
+              "localNamespace": "executor"
+            }
+          },
+          {
+            "path": "404",
+            "element": "404",
+            "meta": {
+              "category": "common",
+              "title": "404",
+              "layout": "blank",
+              "localNamespace": "common"
+            }
+          },
+          {
+            "path": "500",
+            "element": "500",
+            "meta": {
+              "category": "common",
+              "title": "500",
+              "layout": "blank",
+              "localNamespace": "common"
+            }
+          }
+        ]
+      },
+
+      {
+        "path": "/:lng",
+        "element": "auth/Layout",
+        "meta": {
+          "category": "auth"
+        },
+        "children": [
+          {
+            "index": true,
+            "element": "auth/Login"
+          },
+          {
+            "path": "login",
+            "element": "auth/Login",
+            "meta": {
+              "title": "登录",
+              "icon": "info",
+              "localNamespace": "login"
+            }
+          },
+          {
+            "path": "register",
+            "element": "auth/Register",
+            "meta": {
+              "title": "注册",
+              "icon": "info",
+              "localNamespace": "register"
+            }
+          }
+        ]
+      },
+
+      {
+        "path": "404",
+        "element": "404",
+        "meta": {
+          "category": "common",
+          "title": "404",
+          "layout": "blank",
+          "localNamespace": "common"
+        }
+      },
+      {
+        "path": "500",
+        "element": "500",
+        "meta": {
+          "category": "common",
+          "title": "500",
+          "layout": "blank",
+          "localNamespace": "common"
+        }
+      },
+      {
+        "path": "*",
+        "element": "404",
+        "meta": {
+          "category": "common",
+          "title": "404",
+          "layout": "blank",
+          "localNamespace": "common"
+        }
+      }
+    ]
+  }
+}

package/templates/fe-react/config/feapi.mock.json

@@ -0,0 +1,14 @@
+{
+  "_default": {
+    "mock": true,
+    "noUrl": true
+  },
+  "GET https://api.example.com/api/userinfo": {
+    "name": "John Doe",
+    "email": "john.doe@example.com",
+    "picture": "https://randomuser.me/api/portraits/men/1.jpg"
+  },
+  "POST https://api.example.com/api/login": {
+    "token": "asdfasdf123123asdfasdf"
+  }
+}

package/templates/fe-react/config/i18n.ts

@@ -0,0 +1,21 @@
+import { isProduction } from "@/containers/globals";
+
+/** @type {import('i18next').InitOptions} */
+export const i18nConfig = {
+  /**
+   * default language
+   */
+  fallbackLng: 'en',
+  debug: !isProduction,
+  interpolation: {
+    escapeValue: false // React already does escaping
+  },
+  ns: ['common'],
+  defaultNS: 'common',
+  backend: {
+    loadPath: '/locales/{{lng}}/{{ns}}.json'
+  },
+  supportedLngs: ['en', 'zh']
+} as const;
+
+export type I18nServiceLocale = (typeof i18nConfig.supportedLngs)[number];

package/templates/fe-react/config/theme.json

@@ -0,0 +1,90 @@
+{
+  "base": {
+    "domAttribute": "data-theme",
+    "defaultTheme": "system",
+    "target": "html",
+    "storageKey": "fe_theme",
+    "supportedThemes": ["light", "dark", "pink"],
+    "styleThemeKeyTemplate": "${target}[${domAttribute}='${theme}']",
+    "colors": {
+      "light": {
+        "primary": "#00f",
+        "secondary": "#fff",
+        "text": "#000",
+        "background": "#fff"
+      },
+      "dark": {
+        "primary": "#f00",
+        "secondary": "#000",
+        "text": "#fff",
+        "background": "#000"
+      },
+      "pink": {
+        "primary": "#f0f",
+        "secondary": "#aaa",
+        "text": "#ddd",
+        "background": "#e0e0e0"
+      }
+    }
+  },
+  "override": {
+    "domAttribute": "data-theme",
+    "defaultTheme": "system",
+    "target": "html",
+    "supportedThemes": ["light", "dark", "pink"],
+    "storageKey": "fe_theme",
+    "styleThemeKeyTemplate": "${target}[${domAttribute}='${theme}']",
+    "styleKeyTemplate": "--fe-color-${colorKey}",
+    "colorsValueTemplate": "rgb(var(${styleKey}))",
+    "colors": {
+      "light": {
+        "white": "255 255 255",
+        "black": "0 0 0",
+        "gray": {
+          "50": "249 250 251",
+          "100": "243 244 246",
+          "200": "229 231 235",
+          "300": "209 213 219",
+          "400": "156 163 175",
+          "500": "107 114 128",
+          "600": "75 85 99",
+          "700": "55 65 81",
+          "800": "31 41 55",
+          "900": "17 24 39"
+        }
+      },
+      "dark": {
+        "white": "226 232 240",
+        "black": "0 0 0",
+        "gray": {
+          "50": "10 10 10",
+          "100": "28 28 28",
+          "200": "46 46 46",
+          "300": "64 64 64",
+          "400": "82 82 82",
+          "500": "100 100 100",
+          "600": "120 120 120",
+          "700": "138 138 138",
+          "800": "156 156 156",
+          "900": "176 176 176"
+        }
+      },
+      "pink": {
+        "white": "255 228 225",
+        "black": "51 51 51",
+        "gray": {
+          "50": "255 245 245",
+          "100": "255 234 234",
+          "200": "255 194 194",
+          "300": "255 153 153",
+          "400": "255 112 112",
+          "500": "255 71 71",
+          "600": "255 31 31",
+          "700": "230 0 0",
+          "800": "179 0 0",
+          "900": "128 0 0"
+        }
+      }
+    }
+  }
+}

package/templates/fe-react/eslint.config.js

@@ -0,0 +1,31 @@
+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 * as feDev from '@qlover/eslint-plugin-fe-dev';
+
+export default tseslint.config(
+  { ignores: ['dist', 'node_modules'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['src/**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+      'fe-dev': feDev
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true }
+      ],
+      'fe-dev/ts-class-method-return': 'error'
+    }
+  }
+);

package/templates/fe-react/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Template FE-React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>