@qlover/create-app 0.3.2 → 0.3.4

package/templates/react-app/lib/tailwind/theme-generator.js

@@ -1,238 +0,0 @@
-import plugin from 'tailwindcss/plugin';
-import template from 'lodash/template';
-import isPlainObject from 'lodash/isPlainObject';
-import isString from 'lodash/isString';
-
-class KeyTemplate {
-  constructor(options) {
-    /**
-     * @type {import('./type').ThemeConfig}
-     */
-    this.options = options;
-  }
-
-  /**
-   * Get the colors value
-   *
-   * @example
-   * ```
-   * colors: {
-   *  primary: {
-   *    "500": getColorsValue()
-   *  },
-   *  secondary: getColorsValue()
-   * }
-   * ```
-   *
-   * @param {string} colorKey - The color key
-   * @param {string} value - The color value
-   * @returns {string} - The colors value
-   */
-  getColorsValue({ key, parentKey = '', value }) {
-    const { colorsValueTemplate, ...rest } = this.options;
-
-    let colorKey = key;
-    if (parentKey) {
-      colorKey = this.composeKey(key, parentKey);
-    }
-
-    // if colorsValueTemplate is provided, use it to generate the colors value
-    if (colorsValueTemplate) {
-      const styleKey = this.getStyleKey(colorKey);
-      return template(colorsValueTemplate)({
-        ...rest,
-        styleKey,
-        key,
-        parentKey,
-        value
-      });
-    }
-
-    return value;
-  }
-
-  /**
-   * Get the style theme key
-   *
-   * ```
-   * <style>
-   * [getStyleThemeKey()] {
-   *  primary: #000;
-   * }
-   * </style>
-   * ```
-   *
-   * @param {string} theme - The theme name
-   * @returns {string} - The style theme key
-   */
-  getStyleThemeKey(theme) {
-    const { styleThemeKeyTemplate, target, ...rest } = this.options;
-
-    // if styleThemeKeyTemplate is provided, use it to generate the style theme key
-    if (styleThemeKeyTemplate) {
-      return template(styleThemeKeyTemplate)({ ...rest, theme, target });
-    }
-
-    return `${target}.${theme}`;
-  }
-
-  /**
-   * Get the style key template
-   *
-   * @example
-   *
-   * ```
-   * <style>
-   * [getStyleThemeKey()] {
-   *  [getStyleKeyTemplate()]: #000;
-   * }
-   * </style>
-   * ```
-   *
-   * @param {string} key - The key name
-   * @param {string | undefined} parentKey - The parent key name
-   * @returns {string} - The style key template
-   */
-  getStyleKey(key, parentKey) {
-    const { styleKeyTemplate, ...rest } = this.options;
-
-    // if parentKey is provided, compose the key
-    let colorKey = key;
-    if (parentKey) {
-      colorKey = this.composeKey(key, parentKey);
-    }
-
-    // if styleKeyTemplate is provided, use it to generate the style key
-    if (styleKeyTemplate) {
-      return template(styleKeyTemplate)({ ...rest, colorKey, parentKey });
-    }
-
-    return key;
-  }
-
-  composeKey(key, parentKey) {
-    return parentKey ? `${parentKey}-${key}` : key;
-  }
-}
-
-class Generator {
-  constructor(options) {
-    this.options = options;
-    this.keyTemplate = new KeyTemplate(options);
-  }
-
-  generateBaseStyles() {
-    const { colors } = this.options;
-
-    const baseStyles = {};
-
-    Object.entries(colors).forEach(([theme, themeColors]) => {
-      const styleThemeKey = this.keyTemplate.getStyleThemeKey(theme);
-
-      baseStyles[styleThemeKey] = {};
-
-      Object.entries(themeColors).forEach(([colorKey, value]) => {
-        if (isPlainObject(value)) {
-          Object.entries(value).forEach(([key, colorValue]) => {
-            baseStyles[styleThemeKey][
-              this.keyTemplate.getStyleKey(key, colorKey)
-            ] = colorValue;
-          });
-        }
-        // if value is string, it means it's a color value
-        else if (isString(value)) {
-          baseStyles[styleThemeKey][this.keyTemplate.getStyleKey(colorKey)] =
-            value;
-        }
-      });
-    });
-
-    return this.setDefaultStyleThemeKey(baseStyles);
-  }
-
-  setDefaultStyleThemeKey(baseStyles) {
-    const { defaultTheme, colors } = this.options;
-
-    // set default style theme key
-    let _defaultTheme = defaultTheme;
-    if (
-      // if default theme is not provided, set it to the first theme
-      !defaultTheme ||
-      // if default theme is system, set it to the first theme
-      defaultTheme === 'system' ||
-      // if default theme is not in colors, set it to the first theme
-      !Object.keys(colors).includes(defaultTheme)
-    ) {
-      _defaultTheme = Object.keys(colors)?.[0];
-    }
-
-    const defaultStyleThemeKey =
-      this.keyTemplate.getStyleThemeKey(_defaultTheme);
-
-    const result = {};
-    Object.entries(baseStyles).forEach(([key, value]) => {
-      if (key === defaultStyleThemeKey) {
-        result[':root'] = value;
-      } else {
-        result[key] = value;
-      }
-    });
-
-    return result;
-  }
-
-  generateThemeColors() {
-    const { colors } = this.options;
-
-    const themeResultColors = {};
-
-    Object.entries(colors).forEach(([, themeColors]) => {
-      Object.entries(themeColors).forEach(([colorKey, value]) => {
-        themeResultColors[colorKey] = {};
-
-        if (isPlainObject(value)) {
-          Object.entries(value).forEach(([key, colorValue]) => {
-            const numberKey = Number(key);
-            themeResultColors[colorKey][numberKey] =
-              this.keyTemplate.getColorsValue({
-                key,
-                parentKey: colorKey,
-                value: colorValue
-              });
-          });
-        }
-        // if value is string, it means it's a color value
-        else if (isString(value)) {
-          themeResultColors[colorKey] = this.keyTemplate.getColorsValue({
-            key: colorKey,
-            value
-          });
-        }
-      });
-    });
-
-    return themeResultColors;
-  }
-}
-
-function create(options) {
-  const generator = new Generator(options);
-
-  const baseStyles = generator.generateBaseStyles();
-  const themeColors = generator.generateThemeColors();
-
-  const result = {
-    baseStyles,
-    colors: themeColors
-  };
-
-  if (Object.keys(baseStyles).length > 0) {
-    result.plugin = plugin(({ addBase }) => {
-      addBase(baseStyles);
-    });
-  }
-
-  return result;
-}
-
-export default create;

package/templates/react-app/public/locales/en/about.json

@@ -1,3 +0,0 @@
-{
-  "title": "About"
-}

package/templates/react-app/public/locales/en/executor.json

@@ -1,6 +0,0 @@
-{
-  "executorDemo": "Executor Demo",
-  "requestTimeout": "Request Timeout",
-  "executorTestPlugin": "Executor Test Plugin",
-  "testPlugin": "Test Plugin"
-}

package/templates/react-app/public/locales/en/home.json

@@ -1,10 +0,0 @@
-{
-  "welcome": "Welcome to the home page",
-  "description": "A modern frontend utility library collection providing various practical tools and components",
-  "about": "About Us",
-  "about_description": "Learn more about our project and team information",
-  "jsonstorage": "JSONStorage",
-  "jsonstorage_description": "Efficient JSON data storage solution",
-  "request": "Request",
-  "request_description": "A modern frontend utility library collection providing various practical tools and components"
-}

package/templates/react-app/public/locales/en/jsonStorage.json

@@ -1,11 +0,0 @@
-{
-  "title": "JSONStorage Demo",
-  "title2": "Permanent storage test",
-  "title3": "Expire time test",
-  "title4": "Request Timeout",
-  "format.title": "Test key: ${key}, Random value range: ${min}~${max}",
-  "setRandomValue": "Set random value",
-  "currentValue": "Current value",
-  "ms": "ms",
-  "setExpireTime": "Set random value(with expire time)"
-}

package/templates/react-app/public/locales/en/login.json

@@ -1,7 +0,0 @@
-{
-  "title": "Login",
-  "email": "Email",
-  "username": "Username",
-  "password": "Password",
-  "login": "Login"
-}

package/templates/react-app/public/locales/en/request.json

@@ -1,15 +0,0 @@
-{
-  "requestTimeout": "Request Timeout",
-  "helloResult": "Hello result is",
-  "helloError": "Hello error is",
-  "ipInfoResult": "IpInfo result is",
-  "ipInfo": "IpInfo",
-  "randomUser": "RandomUser",
-  "loading": "Loading...",
-  "randomUserResult": "RandomUser result is",
-  "randomUserError": "RandomUser error is",
-  "triggerAbortRequest": "Trigger Abort Request",
-  "stopAbortRequest": "Stop Abort Request",
-  "abortRequestResult": "Abort Request Result",
-  "abortRequestError": "Abort Request Error"
-}

package/templates/react-app/public/locales/zh/about.json

@@ -1,3 +0,0 @@
-{
-  "title": "关于我们"
-}

package/templates/react-app/public/locales/zh/executor.json

@@ -1,6 +0,0 @@
-{
-  "executorDemo": "执行器 Demo",
-  "requestTimeout": "请求超时",
-  "executorTestPlugin": "执行器 测试插件",
-  "testPlugin": "测试插件"
-}

package/templates/react-app/public/locales/zh/home.json

@@ -1,10 +0,0 @@
-{
-  "welcome": "欢迎来到主页",
-  "description": "一个现代前端实用库集合，提供各种实用工具和组件",
-  "about": "关于我们",
-  "about_description": "了解更多关于我们的项目和团队信息",
-  "jsonstorage": "JSON存储",
-  "jsonstorage_description": "高效的JSON数据存储解决方案",
-  "request": "请求",
-  "request_description": "一个现代前端实用库集合，提供各种实用工具和组件"
-}

package/templates/react-app/public/locales/zh/jsonStorage.json

@@ -1,11 +0,0 @@
-{
-  "title": "JSONStorage Demo",
-  "title2": "永久存储测试",
-  "title3": "过期时间测试",
-  "title4": "请求超时时间设置",
-  "format.title": "测试 key: ${key}, 随机值范围: ${min}~${max}",
-  "setRandomValue": "设置随机值",
-  "currentValue": "当前值",
-  "ms": "毫秒",
-  "setExpireTime": "设置随机值(带过期时间)"
-}

package/templates/react-app/public/locales/zh/login.json

@@ -1,7 +0,0 @@
-{
-  "title": "登录",
-  "email": "邮箱",
-  "username": "用户名",
-  "password": "密码",
-  "login": "登录"
-}

package/templates/react-app/public/locales/zh/request.json

@@ -1,15 +0,0 @@
-{
-  "requestTimeout": "请求超时",
-  "helloResult": "Hello 结果是",
-  "helloError": "Hello 错误是",
-  "ipInfoResult": "IpInfo 结果是",
-  "ipInfo": "IpInfo",
-  "randomUser": "随机用户",
-  "loading": "加载中...",
-  "randomUserResult": "随机用户 结果是",
-  "randomUserError": "随机用户 错误是",
-  "triggerAbortRequest": "触发中止请求",
-  "stopAbortRequest": "停止中止请求",
-  "abortRequestResult": "中止请求 结果是",
-  "abortRequestError": "中止请求 错误是"
-}

package/templates/react-app/src/base/cases/router-loader/index.ts

@@ -1,90 +0,0 @@
-import { RouteObject } from 'react-router-dom';
-import isString from 'lodash/isString';
-import type { ComponentType, LazyExoticComponent, ReactNode } from 'react';
-
-export type ComponentValue = Record<string, () => unknown>;
-
-type RouteComponentType<T = unknown> =
-  | ComponentType<T>
-  | LazyExoticComponent<ComponentType<T>>;
-
-export type RouteConfigValue = Omit<RouteObject, 'element' | 'children'> & {
-  /**
-   * 路径
-   *
-   * FIXME: support `ReactNode`
-   */
-  element?: string;
-  children?: RouteConfigValue[];
-  meta?: Record<string, unknown>;
-};
-
-export type RouterLoaderRender = (
-  route: Omit<RouteConfigValue, 'element'> & {
-    element: () => RouteComponentType;
-  }
-) => ReactNode;
-
-export type RouterLoaderOptions = {
-  /**
-   * 路由配置
-   */
-  routes?: RouteConfigValue[];
-
-  /**
-   * 组件映射表
-   */
-  componentMaps?: ComponentValue;
-
-  /**
-   * 渲染路由
-   */
-  render: RouterLoaderRender;
-};
-
-export class RouterLoader {
-  constructor(private readonly options: RouterLoaderOptions) {
-    if (!options.render) {
-      throw new Error('RouterLoader render is required');
-    }
-  }
-
-  getComponentMaps(): ComponentValue {
-    const { componentMaps = {} } = this.options;
-
-    return componentMaps;
-  }
-
-  getComponent(element: string): () => RouteComponentType {
-    const maps = this.getComponentMaps();
-
-    const component = maps[element];
-
-    if (!component) {
-      throw new Error(`Component not found: ${element}`);
-    }
-
-    return component as () => RouteComponentType;
-  }
-
-  toRoute(route: RouteConfigValue): RouteObject {
-    const { render } = this.options;
-    const { element, children, ...rest } = route;
-
-    if (!element || !isString(element)) {
-      console.warn(
-        `Invalid route, path is: ${route.path}, element is: ${element}`
-      );
-    }
-
-    const componet = this.getComponent(element || '404');
-    const Element = render({ ...rest, element: componet });
-
-    // @ts-expect-error
-    return {
-      ...rest,
-      element: Element,
-      children: children?.map((child) => this.toRoute(child))
-    };
-  }
-}

package/templates/react-app/src/base/port/InversifyIocInterface.ts

@@ -1,9 +0,0 @@
-import type { IOCRegisterInterface } from '@qlover/corekit-bridge';
-import type { Container } from 'inversify';
-
-export type InversifyRegisterContainer = Container;
-/**
- * Inversify register interface.
- */
-export interface InversifyRegisterInterface
-  extends IOCRegisterInterface<InversifyRegisterContainer> {}

package/templates/react-app/src/core/AppConfig.ts

@@ -1,36 +0,0 @@
-import type { EnvConfigInterface } from '@qlover/corekit-bridge';
-
-export class AppConfigImpl implements EnvConfigInterface {
-  readonly appName = '';
-  readonly appVersion = '';
-  /**
-   * vite mode
-   *
-   */
-  readonly env: string = '';
-
-  readonly userTokenStorageKey = '';
-  readonly openAiModels = [
-    'gpt-4o-mini',
-    'gpt-3.5-turbo',
-    'gpt-3.5-turbo-2',
-    'gpt-4',
-    'gpt-4-32k'
-  ];
-  readonly openAiBaseUrl = '';
-  readonly openAiToken = '';
-  readonly openAiTokenPrefix = '';
-  readonly openAiRequireToken = true;
-  readonly loginUser = '';
-  readonly loginPassword = '';
-
-  readonly feApiBaseUrl = '';
-  readonly userApiBaseUrl = '';
-
-  readonly aiApiBaseUrl = 'https://api.openai.com/v1';
-  readonly aiApiToken = '';
-  readonly aiApiTokenPrefix = 'Bearer';
-  readonly aiApiRequireToken = true;
-}
-
-export default new AppConfigImpl();

package/templates/react-app/src/uikit/styles/css/page.css

@@ -1,3 +0,0 @@
-html {
-  @apply bg-white;
-}

package/templates/react-app/src/uikit/styles/css/tailwind.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;