create-bubbles 0.1.22 → 0.1.24

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

@@ -0,0 +1,4 @@
+[tools]
+bun = "1.3"
+node = "26"
+pnpm = "11"

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

@@ -0,0 +1,37 @@
+{
+  "name": "template-vp-monorepo-react-hono",
+  "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",
+    "dev:server:node": "vp run --filter server dev:node",
+    "dev:server:bun": "vp run --filter server dev:bun",
+    "dev:worker": "vp run --filter server dev:worker",
+    "dev:worker:node": "vp run --filter server dev:worker:node",
+    "dev:worker:bun": "vp run --filter server dev:worker:bun",
+    "start:server:node": "vp run --filter server start:node",
+    "start:server:bun": "vp run --filter server start:bun",
+    "start:worker:node": "vp run --filter server start:worker:node",
+    "start:worker:bun": "vp run --filter server start:worker:bun",
+    "prepare": "vp config",
+    "clean": "node scripts/clean.mjs",
+    "reinstall": "vp install --force"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "catalog:",
+    "@commitlint/config-conventional": "catalog:",
+    "@types/node": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plus": "catalog:"
+  },
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "11.9.0",
+      "onFail": "download"
+    }
+  }
+}

package/template-vp-monorepo-react-hono/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-hono/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-hono/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-hono/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-hono/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-hono/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-hono/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-hono/packages/i18n/core/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.lib.json",
+  "include": ["src"]
+}

package/template-vp-monorepo-react-hono/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-hono/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-hono/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-hono/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-hono/packages/i18n/react/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../../tsconfig.lib.json",
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "types": ["react"]
+  },
+  "include": ["src"]
+}

package/template-vp-monorepo-react-hono/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\//],
+    },
+  },
+})

package/template-vp-monorepo-react-hono/packages/i18n/vue/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@bubblesjs/i18n-vue",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "scripts": {
+    "build": "vp pack"
+  },
+  "dependencies": {
+    "@bubblesjs/i18n-core": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vite-plus": "catalog:",
+    "vue": "catalog:"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.39"
+  }
+}

package/template-vp-monorepo-react-hono/packages/i18n/vue/src/index.ts

@@ -0,0 +1,52 @@
+import {
+  computed,
+  defineComponent,
+  inject,
+  provide,
+  type ComputedRef,
+  type InjectionKey,
+  type PropType,
+} from 'vue'
+import type { I18nState, I18nStore } from '@bubblesjs/i18n-core'
+import { useI18nStore } from './use-store'
+
+export const I18nKey: InjectionKey<I18nStore> = Symbol('i18n')
+
+export interface I18nProviderProps {
+  store: I18nStore
+}
+
+export interface UseI18nReturn {
+  tr: I18nState['tr']
+  loadLocale: I18nState['loadLocale']
+  locale: ComputedRef<I18nState['locale']>
+}
+
+export const I18nProvider = defineComponent({
+  name: 'I18nProvider',
+  props: {
+    store: {
+      type: Object as PropType<I18nStore>,
+      required: true,
+    },
+  },
+  setup(props, { slots }) {
+    provide(I18nKey, props.store)
+    return () => slots.default?.()
+  },
+})
+
+export function useI18n(): UseI18nReturn {
+  const store = inject(I18nKey)
+  if (!store) throw new Error('useI18n must be used within I18nProvider')
+
+  const state = useI18nStore(store)
+  const tr: I18nState['tr'] = (key, values) => state.value.tr(key, values)
+  const loadLocale: I18nState['loadLocale'] = (locale) => state.value.loadLocale(locale)
+  const locale = computed(() => state.value.locale)
+
+  return { tr, loadLocale, locale }
+}
+
+export { useI18nStore } from './use-store'
+export default I18nProvider

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

@@ -0,0 +1,19 @@
+import { computed, onScopeDispose, shallowRef } from 'vue'
+import type { ComputedRef, ShallowRef } from 'vue'
+import type { I18nState, I18nStore } from '@bubblesjs/i18n-core'
+
+export function useI18nStore<T>(store: I18nStore, selector: (state: I18nState) => T): ComputedRef<T>
+export function useI18nStore(store: I18nStore): ShallowRef<I18nState>
+export function useI18nStore<T>(
+  store: I18nStore,
+  selector?: (state: I18nState) => T,
+): ComputedRef<T> | ShallowRef<I18nState> {
+  const state = shallowRef<I18nState>(store.getState())
+  const unsubscribe = store.subscribe(() => {
+    state.value = store.getState()
+  })
+
+  onScopeDispose(unsubscribe)
+
+  return selector ? computed(() => selector(state.value)) : state
+}

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

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../tsconfig.lib.json",
+  "compilerOptions": {
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "types": ["vue"]
+  },
+  "include": ["src"]
+}

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

@@ -0,0 +1,16 @@
+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,
+    deps: {
+      neverBundle: ['vue', /^vue\//, /^@bubblesjs\//],
+    },
+  },
+})

package/template-vp-monorepo-react-hono/pnpm-workspace.yaml

@@ -0,0 +1,57 @@
+packages:
+  - apps/*
+  - packages/*
+  - packages/i18n/*
+
+catalogMode: prefer
+
+catalog:
+  '@alova/adapter-axios': ^2.0.18
+  '@commitlint/cli': ^21.2.1
+  '@commitlint/config-conventional': ^21.1.0
+  '@hono/node-server': ^1.19.14
+  '@tailwindcss/vite': ^4.3.1
+  '@types/bun': ^1.3.14
+  '@types/node': ^26.1.1
+  '@types/pg': ^8.21.0
+  '@types/react': ^19.2.17
+  '@types/react-dom': ^19.2.3
+  '@vitejs/plugin-react': ^6.0.2
+  alova: ^3.5.1
+  antd: ^6.4.5
+  axios: ^1.18.1
+  bullmq: ^6.0.9
+  classnames: ^2.5.1
+  dayjs: ^1.11.21
+  dotenv: ^17.4.2
+  drizzle-kit: ^0.31.10
+  drizzle-orm: ^0.45.2
+  hono: ^4.12.25
+  ioredis: ^5.11.1
+  pg: ^8.22.0
+  react: ^19.2.7
+  react-dom: ^19.2.7
+  react-router: ^8.0.1
+  tailwindcss: ^4.3.1
+  tsx: ^4.23.1
+  typescript: ^6
+  unplugin-auto-import: ^21.0.0
+  vite: npm:@voidzero-dev/vite-plus-core@0.2.4
+  vite-plus: 0.2.4
+  vue: ^3.5.39
+  zod: ^4.4.3
+overrides:
+  vite: 'catalog:'
+peerDependencyRules:
+  allowAny:
+    - vite
+  allowedVersions:
+    vite: '*'
+minimumReleaseAgeExclude:
+  - axios@1.18.1
+  - '@types/pg@8.21.0'
+allowBuilds:
+  '@parcel/watcher': true
+  '@scarf/scarf': true
+  esbuild: true
+  msgpackr-extract: false

package/template-vp-monorepo-react-hono/scripts/clean.mjs

@@ -0,0 +1,48 @@
+import { readdir, rm } from 'node:fs/promises'
+import { dirname, isAbsolute, join, relative, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const projectRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..')
+const removableDirectories = new Set(['.vite', 'coverage', 'dist', 'dist-ssr'])
+
+function assertInsideProject(targetPath) {
+  const relativePath = relative(projectRoot, targetPath)
+
+  if (relativePath === '' || relativePath === '..' || relativePath.startsWith(`..${process.platform === 'win32' ? '\\' : '/'}`) || isAbsolute(relativePath)) {
+    throw new Error(`Refusing to remove path outside the project: ${targetPath}`)
+  }
+}
+
+async function remove(targetPath) {
+  assertInsideProject(targetPath)
+  await rm(targetPath, { force: true, recursive: true })
+  console.log(`Removed ${relative(projectRoot, targetPath)}`)
+}
+
+async function clean(directory) {
+  const entries = await readdir(directory, { withFileTypes: true })
+
+  await Promise.all(
+    entries.map(async (entry) => {
+      if (entry.name === '.git' || entry.name === 'node_modules') return
+
+      const targetPath = join(directory, entry.name)
+
+      if (entry.isDirectory()) {
+        if (removableDirectories.has(entry.name)) {
+          await remove(targetPath)
+          return
+        }
+
+        await clean(targetPath)
+        return
+      }
+
+      if (entry.isFile() && entry.name.endsWith('.tsbuildinfo')) {
+        await remove(targetPath)
+      }
+    }),
+  )
+}
+
+await clean(projectRoot)

package/template-vp-monorepo-react-hono/tsconfig.base.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "noImplicitOverride": true
+  }
+}