bazilion 0.0.0 → 0.1.0

package/apps/mobile/src/theme-context.tsx

@@ -1,88 +0,0 @@
-// ThemeProvider + useColors / useThemeMode hooks.
-//
-// Resolves the active palette by combining the user's stored preference
-// ('system' | 'light' | 'dark', kept in SecureStore under 'baziu-theme')
-// with the OS-level useColorScheme(). useColors() returns the right
-// palette; useThemeMode() returns [mode, setMode] for the toggle UI in
-// settings.tsx.
-
-import * as SecureStore from 'expo-secure-store'
-import {
-  createContext,
-  type ReactNode,
-  useCallback,
-  useContext,
-  useEffect,
-  useState,
-} from 'react'
-import { useColorScheme } from 'react-native'
-import { type Colors, darkColors, lightColors, type ThemeMode } from './theme'
-
-const STORAGE_KEY = 'baziu-theme'
-
-type ThemeCtx = {
-  mode: ThemeMode
-  /** The resolved 'light' | 'dark' after applying mode + system pref. */
-  resolved: 'light' | 'dark'
-  colors: Colors
-  setMode: (m: ThemeMode) => Promise<void>
-}
-
-const Ctx = createContext<ThemeCtx | null>(null)
-
-function resolveScheme(mode: ThemeMode, system: 'light' | 'dark' | null | undefined): 'light' | 'dark' {
-  if (mode === 'light' || mode === 'dark') return mode
-  return system === 'dark' ? 'dark' : 'light'
-}
-
-export function ThemeProvider({ children }: { children: ReactNode }) {
-  const system = useColorScheme()
-  const [mode, setModeState] = useState<ThemeMode>('system')
-
-  // Hydrate from SecureStore on mount. Failure (no SecureStore on a host,
-  // a wiped key, etc.) just leaves the default 'system'.
-  useEffect(() => {
-    let cancelled = false
-    SecureStore.getItemAsync(STORAGE_KEY)
-      .then((v) => {
-        if (cancelled) return
-        if (v === 'light' || v === 'dark' || v === 'system') setModeState(v)
-      })
-      .catch(() => {})
-    return () => {
-      cancelled = true
-    }
-  }, [])
-
-  const setMode = useCallback(async (m: ThemeMode) => {
-    setModeState(m)
-    try {
-      await SecureStore.setItemAsync(STORAGE_KEY, m)
-    } catch {
-      // Storage denied — preference is still applied for the session.
-    }
-  }, [])
-
-  const resolved = resolveScheme(mode, system)
-  const colors = resolved === 'dark' ? darkColors : lightColors
-
-  return <Ctx.Provider value={{ mode, resolved, colors, setMode }}>{children}</Ctx.Provider>
-}
-
-export function useColors(): Colors {
-  const ctx = useContext(Ctx)
-  // Tolerate use outside the provider (e.g. error boundaries that render
-  // before mount). Falling back to light keeps the screen visible.
-  return ctx?.colors ?? lightColors
-}
-
-export function useThemeMode(): [ThemeMode, (m: ThemeMode) => Promise<void>] {
-  const ctx = useContext(Ctx)
-  if (!ctx) throw new Error('useThemeMode must be used inside ThemeProvider')
-  return [ctx.mode, ctx.setMode]
-}
-
-export function useResolvedScheme(): 'light' | 'dark' {
-  const ctx = useContext(Ctx)
-  return ctx?.resolved ?? 'light'
-}

package/apps/mobile/src/theme.ts

@@ -1,135 +0,0 @@
-// Baziu palette + font-family aliases — mirrors apps/web/src/styles.css.
-// Custom font names (BaziuDisplay / BaziuBody / …) are registered in
-// app/_layout.tsx via useFonts so each weight gets its own family (RN
-// ignores fontWeight when fontFamily is custom on iOS).
-//
-// Two palettes ship: `lightColors` (cream + sapphire, the default) and
-// `darkColors` (deep seal mask + brighter sapphire — "Mask & Moonlight").
-// Active palette resolves via the useColors() hook in theme-context.tsx.
-
-export type Colors = {
-  // Raw palette
-  cream: string
-  ivory: string
-  frost: string
-  fawn: string
-  chocolate: string
-  charcoal: string
-  mocha: string
-  mochaLight: string
-  sapphire: string
-  sapphireDeep: string
-  sapphireLight: string
-  sapphireGlow: string
-  rose: string
-  snow: string
-  destructive: string
-
-  // Semantic aliases (match shadcn token names from web)
-  background: string
-  foreground: string
-  card: string
-  cardForeground: string
-  primary: string
-  primaryForeground: string
-  secondary: string
-  secondaryForeground: string
-  muted: string
-  mutedForeground: string
-  accent: string
-  accentForeground: string
-  border: string
-}
-
-export const lightColors: Colors = {
-  // Raw palette
-  cream: '#F5F0E8',
-  ivory: '#FAF8F4',
-  frost: '#E8E2D8',
-  fawn: '#D4CAB8',
-  chocolate: '#3D2B1F',
-  charcoal: '#2A1F16',
-  mocha: '#7A6555',
-  mochaLight: '#9E8E7E',
-  sapphire: '#4A7C9B',
-  sapphireDeep: '#3A6580',
-  sapphireLight: '#6BA3C2',
-  sapphireGlow: 'rgba(74, 124, 155, 0.12)',
-  rose: '#C4878A',
-  snow: '#FFFFFF',
-  destructive: '#9B3D3D',
-
-  // Semantic aliases
-  background: '#F5F0E8',
-  foreground: '#3D2B1F',
-  card: '#FFFFFF',
-  cardForeground: '#3D2B1F',
-  primary: '#4A7C9B',
-  primaryForeground: '#FFFFFF',
-  secondary: '#FAF8F4',
-  secondaryForeground: '#3D2B1F',
-  muted: '#FAF8F4',
-  mutedForeground: '#9E8E7E',
-  accent: 'rgba(74, 124, 155, 0.12)',
-  accentForeground: '#3A6580',
-  border: '#E8E2D8',
-}
-
-// "Mask & Moonlight" — the Neva at twilight. Seal-point mask = page bg,
-// cream body fur = text, sapphire eyes glow brighter on dark fur.
-export const darkColors: Colors = {
-  // Raw palette
-  cream: '#1A140F',
-  ivory: '#211A13',
-  frost: '#3B2E24',
-  fawn: '#5C4A3D',
-  chocolate: '#F5F0E8',
-  charcoal: '#FAF8F4',
-  mocha: '#C4B3A0',
-  mochaLight: '#A89789',
-  sapphire: '#7BB4D2',
-  sapphireDeep: '#5E9BBA',
-  sapphireLight: '#A0CEE3',
-  sapphireGlow: 'rgba(123, 180, 210, 0.18)',
-  rose: '#D89A9D',
-  snow: '#2A211A',
-  destructive: '#D87878',
-
-  // Semantic aliases
-  background: '#1A140F',
-  foreground: '#F5F0E8',
-  card: '#2A211A',
-  cardForeground: '#F5F0E8',
-  primary: '#7BB4D2',
-  primaryForeground: '#0F0A07',
-  secondary: '#211A13',
-  secondaryForeground: '#F5F0E8',
-  muted: '#211A13',
-  mutedForeground: '#A89789',
-  accent: 'rgba(123, 180, 210, 0.18)',
-  accentForeground: '#A0CEE3',
-  border: '#3B2E24',
-}
-
-// Default export kept for module-level usage that doesn't (yet) react to
-// theme changes — `_layout.tsx`'s Stack screenOptions used to read this
-// statically. Anything rendering inside a ThemeProvider should call
-// useColors() from theme-context.ts so it re-renders on theme change.
-export const colors: Colors = lightColors
-
-export const fonts = {
-  display: 'BaziuDisplay',
-  body: 'BaziuBody',
-  bodyMedium: 'BaziuBodyMedium',
-  bodyBold: 'BaziuBodyBold',
-  mono: 'BaziuMono',
-} as const
-
-export const radii = {
-  sm: 6,
-  md: 10,
-  lg: 16,
-  xl: 22,
-} as const
-
-export type ThemeMode = 'system' | 'light' | 'dark'

package/apps/mobile/test/pair-url.test.ts

@@ -1,46 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { PairUrlError, parsePairingUrl } from '../src/pair-url.ts'
-
-describe('parsePairingUrl', () => {
-  it('extracts server and token from a well-formed URL', () => {
-    const r = parsePairingUrl('bazilion://pair?server=http%3A%2F%2F192.168.1.10%3A4321&token=abc123')
-    expect(r.server).toBe('http://192.168.1.10:4321')
-    expect(r.token).toBe('abc123')
-  })
-
-  it('strips a trailing slash on the server URL', () => {
-    const r = parsePairingUrl('bazilion://pair?server=http%3A%2F%2Fhost%3A4321%2F&token=t')
-    expect(r.server).toBe('http://host:4321')
-  })
-
-  it('accepts https servers', () => {
-    const r = parsePairingUrl('bazilion://pair?server=https%3A%2F%2Fbazilion.example%2F&token=t')
-    expect(r.server).toBe('https://bazilion.example')
-  })
-
-  it('rejects a non-bazilion scheme', () => {
-    expect(() => parsePairingUrl('https://pair?server=X&token=Y')).toThrow(PairUrlError)
-  })
-
-  it('rejects a bazilion URL with the wrong host', () => {
-    expect(() => parsePairingUrl('bazilion://unpair?server=X&token=Y')).toThrow(/bazilion:\/\/pair/)
-  })
-
-  it('rejects when ?server= is missing', () => {
-    expect(() => parsePairingUrl('bazilion://pair?token=Y')).toThrow(/missing \?server/)
-  })
-
-  it('rejects when ?token= is missing', () => {
-    expect(() => parsePairingUrl('bazilion://pair?server=http%3A%2F%2Fh')).toThrow(/missing \?token/)
-  })
-
-  it('rejects when the server URL uses a non-http(s) scheme', () => {
-    expect(() => parsePairingUrl('bazilion://pair?server=ftp%3A%2F%2Fh&token=t')).toThrow(
-      /must be http/,
-    )
-  })
-
-  it('rejects a completely malformed input', () => {
-    expect(() => parsePairingUrl('not a url')).toThrow(PairUrlError)
-  })
-})

package/apps/mobile/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "expo/tsconfig.base",
-  "compilerOptions": {
-    "strict": true,
-    "noUncheckedIndexedAccess": true,
-    // Match the root workspace conventions so typechecking can walk through
-    // workspace packages (`@bazilion/client` → `@bazilion/api-types`), which
-    // use `.ts` import paths and `import.meta`. These settings are
-    // TS-checker-only; Metro's transpile pipeline (babel-preset-expo) is
-    // unaffected. `@bazilion/api-types` is hermetic — it has no dep on the
-    // daemon, so the mobile TS check never reaches Node-only code.
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "noEmit": true,
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"],
-  "exclude": ["node_modules"]
-}

package/apps/web/components.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "radix-nova",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/styles.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "rtl": false,
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "menuColor": "default",
-  "menuAccent": "subtle",
-  "registries": {}
-}

package/apps/web/package.json

@@ -1,39 +0,0 @@
-{
-  "name": "@bazilion/web",
-  "version": "0.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "start": "node .output/server/index.mjs",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@bazilion/api-types": "workspace:*",
-    "@bazilion/client": "workspace:*",
-    "@tanstack/react-router": "latest",
-    "@tanstack/react-start": "latest",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "dompurify": "^3.4.1",
-    "lucide-react": "^1.11.0",
-    "marked": "^15.0.12",
-    "radix-ui": "^1.4.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "shadcn": "^4.5.0",
-    "tailwind-merge": "^3.5.0",
-    "tw-animate-css": "^1.4.0"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "^4.0.0",
-    "@tanstack/router-plugin": "latest",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@vitejs/plugin-react": "^5.0.0",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.6.0",
-    "vite": "^7.0.0"
-  }
-}