create-bubbles 0.1.22 → 0.1.24

package/template-vp-vue-eslint-vapor/src/views/example/echart/index.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useECharts } from "@/hooks/chart/useEcharts";
+
+import { getOption } from "./config";
+
+const dom = useTemplateRef("chart");
+const { setOptions } = useECharts(dom);
+
+onMounted(() => {
+  setOptions(getOption());
+});
+</script>
+
+<template>
+  <div class="h-100vh w-full bg-black">
+    <div ref="chart" class="h-30% w-30%" />
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-vue-eslint-vapor/src/views/example/tree-chart.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+
+defineOptions({ name: 'tree-chart' })
+
+</script>
+
+<template>
+    <div class="tree-chart-container">
+        
+    </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>

package/template-vp-vue-eslint-vapor/src/views/home/index.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="flex-center flex-col gap-4 h-full w-full">
+    <h1 class="text-2xl font-bold">
+      Welcome to Vue Template
+    </h1>
+    <p class="text-gray-500">
+      Vite+ + Vue 3 + Antdv Next + UnoCSS + ESLint
+    </p>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-vue-eslint-vapor/src/views/login/index.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+// const a = 123
+</script>
+
+<template>
+  <div>login</div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-vue-eslint-vapor/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "moduleDetection": "force",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client", "vue", "node"],
+    "allowImportingTsExtensions": true,
+
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "skipLibCheck": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "vueCompilerOptions": {
+    "vapor": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "node_modules/antdv-next/global.d.ts"]
+}

package/template-vp-vue-eslint-vapor/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/main.ts","./src/api/index.ts","./src/hooks/chart/lib.ts","./src/hooks/chart/useecharts.ts","./src/router/index.ts","./src/router/interface.ts","./src/router/guard/index.ts","./src/router/guard/permissionguard.ts","./src/router/modules/index.ts","./src/store/index.ts","./src/store/modules/user.ts","./src/types/auto-import.d.ts","./src/types/components.d.ts","./src/types/vite-env.d.ts","./src/utils/env.ts","./src/utils/request/index.ts","./src/utils/request/core/index.ts","./src/utils/request/core/utils.ts","./src/views/example/echart/config.ts","./src/app.vue","./src/components/icon/svg-icon.vue","./src/layout/default/index.vue","./src/layout/default/header/index.vue","./src/views/example/tree-chart.vue","./src/views/example/echart/index.vue","./src/views/home/index.vue","./src/views/login/index.vue","./node_modules/antdv-next/global.d.ts"],"version":"6.0.3"}

package/template-vp-vue-eslint-vapor/uno.config.ts

@@ -0,0 +1,17 @@
+import presetAttributify from "@unocss/preset-attributify";
+import presetWind4 from "@unocss/preset-wind4";
+import { defineConfig } from "unocss";
+
+export default defineConfig({
+  // content: {
+  //   filesystem: [
+  //     '**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}',
+  //   ],
+  // },
+  shortcuts: [
+    {
+      "flex-center": "flex justify-center items-center",
+    },
+  ],
+  presets: [presetWind4(), presetAttributify()],
+});

package/template-vp-vue-eslint-vapor/vite.config.ts

@@ -0,0 +1,66 @@
+import path from "node:path";
+import process from "node:process";
+
+import { AntdvNextResolver } from "@antdv-next/auto-import-resolver";
+import Vue from "@vitejs/plugin-vue";
+import UnoCSS from "unocss/vite";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import Inspect from "vite-plugin-inspect";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+import { defineConfig, lazyPlugins, loadEnv } from "vite-plus";
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  const root = process.cwd();
+  const env = loadEnv(mode, root);
+  const { VITE_PORT, VITE_API_URL, VITE_API_AFFIX } = env;
+
+  return {
+    resolve: {
+      alias: {
+        "@": path.resolve(__dirname, "src"),
+      },
+    },
+    server: {
+      port: Number(VITE_PORT),
+      host: "0.0.0.0",
+      open: false,
+      proxy: {
+        [`^/${VITE_API_AFFIX}`]: {
+          target: VITE_API_URL,
+          changeOrigin: true,
+          // secure: false, // Disable SSL certificate verification
+          rewrite: (path) => path.replace(new RegExp(`^/${VITE_API_AFFIX}`), ""),
+        },
+      },
+    },
+    staged: {
+      "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,vue}": "vp check --fix",
+      "*.{json,jsonc}": "vp fmt",
+    },
+    plugins: lazyPlugins(() => [
+      Vue({
+        features: {
+          vapor: true,
+        },
+      }),
+      AutoImport({
+        imports: ["vue", "vue-router"],
+        dts: "./src/types/auto-import.d.ts",
+      }),
+      Components({
+        resolvers: [AntdvNextResolver()],
+        dts: "./src/types/components.d.ts",
+      }),
+      createSvgIconsPlugin({
+        // Specify the icon folder to be cached
+        iconDirs: [path.resolve(__dirname, "src/assets/icon")],
+        // Specify symbolId format
+        symbolId: "icon-[dir]-[name]",
+      }),
+      UnoCSS(),
+      Inspect(),
+    ]),
+  };
+});

package/template-vp-monorepo-react-nestjs/apps/server/src/common/constants/decorator.ts

@@ -1,2 +0,0 @@
-/** 跳过响应成功的包装 */
-export const BYPASS_KEY = Symbol('__bypass_key__')

package/template-vp-monorepo-react-nestjs/apps/server/src/common/decorators/bypass.ts

@@ -1,12 +0,0 @@
-/**
- * @description 跳过响应成功的包装
- */
-
-import { SetMetadata } from '@nestjs/common'
-
-import { BYPASS_KEY } from '../constants/decorator'
-
-/**
- * 当不需要转换成基础返回格式时添加该装饰器
- */
-export const Bypass = () => SetMetadata(BYPASS_KEY, true)

package/template-vp-monorepo-react-nestjs/apps/server/src/common/interceptors/transform.ts

@@ -1,34 +0,0 @@
-import {
-  CallHandler,
-  ExecutionContext,
-  HttpStatus,
-  Injectable,
-  NestInterceptor,
-} from '@nestjs/common'
-import { Reflector } from '@nestjs/core'
-import { map } from 'rxjs'
-
-import { BYPASS_KEY } from '../constants/decorator'
-import { ResOp } from '../model/response'
-
-@Injectable()
-export class ResponseInterceptor<T> implements NestInterceptor<T> {
-  constructor(private readonly reflector: Reflector) {}
-
-  intercept(context: ExecutionContext, next: CallHandler<T>) {
-    const skip = this.reflector.getAllAndOverride<boolean>(BYPASS_KEY, [
-      context.getHandler(),
-      context.getClass(),
-    ])
-
-    if (skip) {
-      return next.handle()
-    }
-
-    return next.handle().pipe(
-      map((data) => {
-        return new ResOp(HttpStatus.OK, data ?? null)
-      }),
-    )
-  }
-}

package/template-vp-monorepo-react-nestjs/apps/server/src/common/model/response.ts

@@ -1,23 +0,0 @@
-import { RESPONSE_SUCCESS_CODE, RESPONSE_SUCCESS_MSG } from '@/common/constants/response'
-
-export class ResOp<T = any> {
-  data?: T
-
-  code: number
-
-  message: string
-
-  constructor(code: number, data: T, message = RESPONSE_SUCCESS_MSG) {
-    this.code = code
-    this.data = data
-    this.message = message
-  }
-
-  static success<T>(data?: T, message?: string) {
-    return new ResOp(RESPONSE_SUCCESS_CODE, data, message)
-  }
-
-  static error(code: number, message) {
-    return new ResOp(code, {}, message)
-  }
-}

package/template-vp-monorepo-react-nestjs/apps/server/src/config/auth.config.ts

@@ -1,64 +0,0 @@
-import { registerAs } from '@nestjs/config'
-
-export interface AuthConfig {
-  accessSecret: string
-  issuer: string
-  audience: string
-  accessTtlSeconds: number
-  refreshTtlSeconds: number
-  refreshPepper: string
-  clockToleranceSeconds: number
-  localCacheTtlMs: number
-  tombstoneTtlSeconds: number
-  cookieName: string
-  cookiePath: string
-  cookieSecure: boolean
-  cookieDomain?: string
-  eventChannel: string
-}
-
-function requireSecret(name: string) {
-  const value = process.env[name]?.trim()
-
-  if (!value || value.length < 32) {
-    throw new Error(name + ' 必须配置，并且至少 32 个字符')
-  }
-
-  return value
-}
-
-function positiveInt(name: string, fallback: number) {
-  const raw = process.env[name]
-
-  if (!raw) {
-    return fallback
-  }
-
-  const value = Number.parseInt(raw, 10)
-  if (!Number.isSafeInteger(value) || value <= 0) {
-    throw new Error(name + ' 必须是正整数')
-  }
-
-  return value
-}
-
-export default registerAs(
-  'auth',
-  (): AuthConfig => ({
-    accessSecret: requireSecret('JWT_ACCESS_SECRET'),
-    issuer: process.env.JWT_ISSUER ?? 'bubbles-auth',
-    audience: process.env.JWT_AUDIENCE ?? 'bubbles-api',
-    accessTtlSeconds: positiveInt('JWT_ACCESS_TTL_SECONDS', 10 * 60),
-    refreshTtlSeconds: positiveInt('REFRESH_TOKEN_TTL_SECONDS', 30 * 24 * 60 * 60),
-    refreshPepper: requireSecret('REFRESH_TOKEN_PEPPER'),
-    clockToleranceSeconds: positiveInt('JWT_CLOCK_TOLERANCE_SECONDS', 30),
-    localCacheTtlMs: positiveInt('AUTH_LOCAL_CACHE_TTL_MS', 30_000),
-    tombstoneTtlSeconds: positiveInt('AUTH_TOMBSTONE_TTL_SECONDS', 15 * 60),
-    cookieName: process.env.REFRESH_COOKIE_NAME ?? 'refresh_token',
-    cookiePath: process.env.REFRESH_COOKIE_PATH ?? '/auth',
-    cookieSecure:
-      process.env.REFRESH_COOKIE_SECURE === 'true' || process.env.NODE_ENV === 'production',
-    cookieDomain: process.env.REFRESH_COOKIE_DOMAIN,
-    eventChannel: process.env.AUTH_EVENT_CHANNEL ?? 'auth-state:invalidate',
-  }),
-)

package/template-vp-monorepo-react-nestjs/apps/web-vue/pnpm-workspace.yaml

@@ -1,16 +0,0 @@
-minimumReleaseAgeExclude:
-  - eslint@10.7.0
-catalog:
-  vite: npm:@voidzero-dev/vite-plus-core@0.2.4
-  vite-plus: 0.2.4
-overrides:
-  vite: "catalog:"
-peerDependencyRules:
-  allowAny:
-    - vite
-  allowedVersions:
-    vite: "*"
-allowBuilds:
-  '@parcel/watcher': true
-  lefthook: true
-  vue-demi: true