create-bubbles 0.1.19 → 0.1.22

package/template-vp-monorepo-react-nestjs/apps/web-vue/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-monorepo-react-nestjs/apps/web-vue/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-monorepo-react-nestjs/apps/web-vue/src/views/home/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { useI18n } from '@bubblesjs/i18n-vue'
+
+const { tr, loadLocale } = useI18n()
+</script>
+
+<template>
+  <div class="flex-center flex-col gap-4 h-full w-full">
+    1111
+    <h1 class="text-2xl font-bold">
+      {{ tr('保存') }}
+    </h1>
+    <p class="text-gray-500">
+      {{ tr('你好1') }}
+    </p>
+
+    <a class="bg-blue-500 text-white px-4 py-2 rounded-md" @click="loadLocale('en_US')">
+      {{ tr('English') }}
+    </a>
+
+    <a class="bg-blue-500 text-white px-4 py-2 rounded-md" @click="loadLocale('zh_CN')">
+      {{ tr('中文') }}
+    </a>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>

package/template-vp-monorepo-react-nestjs/apps/web-vue/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-monorepo-react-nestjs/apps/web-vue/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "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
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue", "node_modules/antdv-next/global.d.ts"]
+}

package/template-vp-monorepo-react-nestjs/apps/web-vue/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-monorepo-react-nestjs/apps/web-vue/vite.config.ts

@@ -0,0 +1,58 @@
+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}`), ''),
+        },
+      },
+    },
+    plugins: lazyPlugins(() => [
+      Vue(),
+      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/commitlint.config.js

@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] }

package/template-vp-monorepo-react-nestjs/docker-compose.yml

@@ -0,0 +1,41 @@
+services:
+  postgres:
+    image: postgres:18-alpine
+    container_name: vp-postgres
+    restart: unless-stopped
+    environment:
+      POSTGRES_DB: postgres
+      POSTGRES_USER: postgres
+      POSTGRES_PASSWORD: ml
+    ports:
+      - '5432:5432'
+    volumes:
+      - postgres18-data:/var/lib/postgresql
+  redis:
+    image: redis:8-alpine
+    container_name: vp-redis
+    restart: unless-stopped
+    command: redis-server --appendonly yes --requirepass ml
+    ports:
+      - '6379:6379'
+    volumes:
+      - redis-data:/data
+
+  minio:
+    image: minio/minio:latest
+    container_name: vp-minio
+    restart: unless-stopped
+    environment:
+      MINIO_ROOT_USER: minio
+      MINIO_ROOT_PASSWORD: minio123456
+    command: server /data --console-address ":9001"
+    ports:
+      - '9000:9000'
+      - '9001:9001'
+    volumes:
+      - minio-data:/data
+
+volumes:
+  postgres18-data:
+  redis-data:
+  minio-data:

package/template-vp-monorepo-react-nestjs/mise.toml

@@ -0,0 +1,3 @@
+[tools]
+node = "26"
+pnpm = "11"

package/template-vp-monorepo-react-nestjs/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "template-nextjs-react-antd",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "ready": "vp check && vp run -r test && vp run -r build",
+    "dev": "pnpm run -r --stream dev",
+    "prepare": "vp config",
+    "reinstall": "vp install"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "catalog:",
+    "@commitlint/config-conventional": "catalog:",
+    "vite": "catalog:",
+    "vite-plus": "catalog:"
+  },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "11.9.0",
+      "onFail": "download"
+    }
+  }
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@bubblesjs/i18n-core",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "devDependencies": {
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plus": "catalog:"
+  }
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/src/format.ts

@@ -0,0 +1,9 @@
+export type MessageValues = Record<string, string | number>
+
+export function formatMessage(message: string, values?: MessageValues): string {
+  if (!values) return message
+
+  return message.replace(/\{(\w+)\}/g, (match, key: string) => {
+    return String(values[key] ?? match)
+  })
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/src/i18n.ts

@@ -0,0 +1,73 @@
+import { formatMessage } from './format'
+import type { MessageValues } from './format'
+import { createStore } from './store'
+import type {
+  CreateI18nOptions,
+  I18nInitOptions,
+  I18nState,
+  I18nStore,
+  LoadMessages,
+  Locale,
+  Messages,
+} from './types'
+
+const emptyMessageLoader: LoadMessages = async () => undefined
+
+export const createI18n = ({
+  locale,
+  message = {},
+  storage,
+  storageKey,
+  loaderMessage = emptyMessageLoader,
+}: CreateI18nOptions = {}): I18nStore => {
+  const store: I18nStore = createStore<I18nState>(
+    {
+      locale,
+      message,
+      tr: (key: string, values?: MessageValues): string =>
+        formatMessage(store.getState().message[key] ?? key, values),
+      loadLocale: async (nextLocale) => {
+        let nextMessages: Messages = {}
+        try {
+          nextMessages = (await loaderMessage(nextLocale)) ?? {}
+        } catch (error) {
+          console.warn(`Failed to load locale file for ${nextLocale}:`, error)
+        }
+        store.setState((state) => ({
+          ...state,
+          locale: nextLocale,
+          message: nextMessages,
+        }))
+      },
+    },
+    ({ newState }) => {
+      if (storage && storageKey) storage.setItem(storageKey, newState.locale)
+    },
+  )
+
+  return store
+}
+
+export async function initI18n(options: I18nInitOptions = {}): Promise<I18nStore> {
+  const { storageKey, storage, locale: defaultLocale, loaderMessage } = options
+  const loadMessages = loaderMessage ?? emptyMessageLoader
+  const locale =
+    storageKey && storage ? (storage.getItem<Locale>(storageKey) ?? defaultLocale) : defaultLocale
+
+  let messages: Messages = {}
+  try {
+    messages = (await loadMessages(locale)) ?? {}
+  } catch (error) {
+    console.warn(`Failed to load locale file for ${locale}:`, error)
+  }
+
+  return createI18n({ locale, message: messages, storage, storageKey, loaderMessage: loadMessages })
+}
+
+export const createI18nStore = createI18n
+
+export class i18n {
+  static init(options?: I18nInitOptions): Promise<I18nStore> {
+    return initI18n(options)
+  }
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/src/index.ts

@@ -0,0 +1,24 @@
+export { createI18n, createI18nStore, i18n, initI18n } from './i18n'
+export { formatMessage } from './format'
+export type { MessageValues } from './format'
+export { createJsonStorage } from './storage'
+export type { JsonStorage, StateStorage } from './storage'
+export { createStore, shallowEqualObject } from './store'
+export type { Store, StoreListener } from './store'
+export type {
+  CreateI18nOptions,
+  CreateI18nStoreOptions,
+  I18nInitOptions,
+  I18nState,
+  I18nStore,
+  I18nStoreGetStateType,
+  I18nStoreState,
+  I18nStoreType,
+  LoadMessage,
+  LoadMessages,
+  Locale,
+  LocaleType,
+  Messages,
+  MessageType,
+  messageType,
+} from './types'

package/template-vp-monorepo-react-nestjs/packages/i18n/core/src/storage.ts

@@ -0,0 +1,47 @@
+export interface StateStorage {
+  getItem: (key: string) => string | null
+  setItem: (key: string, value: string) => void
+  removeItem: (key: string) => void
+}
+
+export interface JsonStorage {
+  getItem: <T>(key: string) => T | null
+  setItem: <T>(key: string, value: T) => void
+  removeItem: (key: string) => void
+}
+
+export const createJsonStorage = (storage?: StateStorage): JsonStorage => {
+  const removeItem = (key: string) => {
+    try {
+      storage?.removeItem(key)
+    } catch {
+      // Persistence must never interrupt application rendering.
+    }
+  }
+
+  return {
+    getItem: <T>(key: string) => {
+      try {
+        const value = storage?.getItem(key)
+        if (value === undefined || value === null) return null
+        return JSON.parse(value) as T
+      } catch {
+        removeItem(key)
+        return null
+      }
+    },
+    setItem: <T>(key: string, value: T) => {
+      try {
+        const json = JSON.stringify(value)
+        if (json === undefined) {
+          removeItem(key)
+          return
+        }
+        storage?.setItem(key, json)
+      } catch {
+        // Persistence must never interrupt application rendering.
+      }
+    },
+    removeItem,
+  }
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/src/store.ts

@@ -0,0 +1,48 @@
+export type StoreListener = () => void
+
+export interface Store<T extends object> {
+  getState: () => T
+  setState: (updater: (state: T) => T) => void
+  subscribe: (listener: StoreListener) => () => void
+}
+
+export const shallowEqualObject = <T>(a: T, b: T): boolean => {
+  if (typeof a !== 'object' || a === null || typeof b !== 'object' || b === null) {
+    return false
+  }
+
+  const aKeys = Object.keys(a)
+
+  if (aKeys.length !== Object.keys(b).length) {
+    return false
+  }
+
+  return aKeys.every((key) => Object.is(a[key as keyof T], b[key as keyof T]))
+}
+
+export function createStore<T extends object>(
+  initState: T,
+  onChange: ({ newState, oldState }: { newState: T; oldState: T }) => void,
+): Store<T> {
+  let state = initState
+  const listeners = new Set<StoreListener>()
+
+  return {
+    getState: () => state,
+    setState: (updater) => {
+      const oldState = state
+      const newState = updater(oldState)
+      if (shallowEqualObject(newState, oldState)) return
+
+      state = newState
+      onChange({ newState, oldState })
+      for (const listener of listeners) listener()
+    },
+    subscribe: (listener) => {
+      listeners.add(listener)
+      return () => {
+        listeners.delete(listener)
+      }
+    },
+  }
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/src/types.ts

@@ -0,0 +1,36 @@
+import type { MessageValues } from './format'
+import type { JsonStorage } from './storage'
+import type { Store } from './store'
+
+export type Locale = string
+export type Messages = Record<string, string>
+export type LoadMessages = (locale?: Locale) => Promise<Messages | undefined>
+
+export interface I18nState {
+  locale: Locale | undefined
+  message: Messages
+  tr: (key: string, values?: MessageValues) => string
+  loadLocale: (locale: Locale) => Promise<void>
+}
+
+export type I18nStore = Store<I18nState>
+
+export interface CreateI18nOptions {
+  locale?: Locale
+  message?: Messages
+  storage?: JsonStorage
+  storageKey?: string
+  loaderMessage?: LoadMessages
+}
+
+// Compatibility aliases for the API that lived in apps/web/src/I18n.
+export type LocaleType = Locale
+export type MessageType = Messages
+export type messageType = Messages
+export type LoadMessage = LoadMessages
+export type I18nStoreState = I18nState
+export type I18nStoreGetStateType = I18nState
+export type I18nStoreType = I18nStore
+export type CreateI18nStoreOptions = CreateI18nOptions
+
+export type I18nInitOptions = Omit<CreateI18nOptions, 'message'>

package/template-vp-monorepo-react-nestjs/packages/i18n/core/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2020", "DOM"],
+    "types": [],
+    "strict": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true
+  },
+  "include": ["src"]
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/core/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite-plus'
+
+export default defineConfig({
+  pack: {
+    entry: ['./src/index.ts'],
+    format: ['esm'],
+    platform: 'neutral',
+    target: 'es2020',
+    dts: true,
+    clean: true,
+    treeshake: true,
+  },
+})

package/template-vp-monorepo-react-nestjs/packages/i18n/react/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@bubblesjs/i18n-react",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.tsx",
+      "import": "./src/index.tsx"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "@bubblesjs/i18n-core": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/react": "catalog:",
+    "react": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plus": "catalog:"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  }
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/react/src/index.tsx

@@ -0,0 +1,26 @@
+import { createContext, useContext } from 'react'
+import type { ReactNode } from 'react'
+import type { I18nStore } from '@bubblesjs/i18n-core'
+import { useI18nStore } from './use-store'
+
+export interface I18nProviderProps {
+  children: ReactNode
+  store: I18nStore
+}
+
+export const I18nContext = createContext<I18nStore | undefined>(undefined)
+
+export const useI18n = () => {
+  const store = useContext(I18nContext)
+  if (!store) throw new Error('useI18n must be used within I18nProvider')
+
+  const { tr, loadLocale, locale } = useI18nStore(store)
+  return { tr, loadLocale, locale }
+}
+
+export const I18nProvider = ({ children, store }: I18nProviderProps) => {
+  return <I18nContext.Provider value={store}>{children}</I18nContext.Provider>
+}
+
+export { useI18nStore } from './use-store'
+export default I18nProvider

package/template-vp-monorepo-react-nestjs/packages/i18n/react/src/use-store.ts

@@ -0,0 +1,14 @@
+import { useSyncExternalStore } from 'react'
+import type { I18nState, I18nStore } from '@bubblesjs/i18n-core'
+
+export function useI18nStore<T>(store: I18nStore, selector: (state: I18nState) => T): T
+export function useI18nStore(store: I18nStore): I18nState
+export function useI18nStore<T>(
+  store: I18nStore,
+  selector?: (state: I18nState) => T,
+): T | I18nState {
+  if (selector) {
+    return useSyncExternalStore(store.subscribe, () => selector(store.getState()))
+  }
+  return useSyncExternalStore(store.subscribe, store.getState)
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/react/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "lib": ["ES2020", "DOM"],
+    "types": ["react"],
+    "strict": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true
+  },
+  "include": ["src"]
+}

package/template-vp-monorepo-react-nestjs/packages/i18n/react/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite-plus'
+
+export default defineConfig({
+  pack: {
+    entry: ['./src/index.tsx'],
+    format: ['esm'],
+    platform: 'neutral',
+    target: 'es2020',
+    dts: true,
+    clean: true,
+    treeshake: true,
+    deps: {
+      neverBundle: ['react', /^react\//, /^@bubblesjs\//],
+    },
+  },
+})