@camstack/addon-admin-ui 0.1.1 → 0.1.3

package/src/types/config-ui.ts

@@ -1,210 +0,0 @@
-/**
- * Configuration UI Schema — declarative form definition for any element.
- *
- * Copied from backend/src/interfaces/config-ui.ts (types only, no runtime code).
- */
-
-// --- Schema Definition ---
-
-export interface ConfigUISchema {
-  sections: ConfigSection[]
-}
-
-export interface ConfigSection {
-  id: string
-  title: string
-  description?: string
-  style?: 'card' | 'accordion'        // default: 'card'
-  defaultCollapsed?: boolean           // for accordion, default: false
-  columns?: 1 | 2 | 3 | 4             // responsive grid columns, default: 2
-  fields: ConfigField[]
-}
-
-// --- Field Types ---
-
-export type ConfigField =
-  | ConfigTextField
-  | ConfigNumberField
-  | ConfigBooleanField
-  | ConfigSelectField
-  | ConfigMultiSelectField
-  | ConfigColorField
-  | ConfigPasswordField
-  | ConfigTextAreaField
-  | ConfigSliderField
-  | ConfigTagsField
-  | ConfigGroupField
-  | ConfigSeparatorField
-  | ConfigInfoField
-  | ConfigModelSelectorField
-
-export interface ConfigFieldBase {
-  key: string                          // maps to config path: 'mqtt.brokerUrl'
-  label: string
-  description?: string
-  required?: boolean
-  disabled?: boolean
-  placeholder?: string
-  span?: 1 | 2 | 3 | 4                // grid column span, default: 1
-  showWhen?: ConfigCondition           // conditional visibility
-}
-
-export interface ConfigCondition {
-  field: string                        // another field's key
-  equals?: unknown
-  notEquals?: unknown
-  in?: unknown[]
-  notIn?: unknown[]
-}
-
-export interface ConfigTextField extends ConfigFieldBase {
-  type: 'text'
-  maxLength?: number
-  pattern?: string                     // regex validation
-  inputType?: 'text' | 'url' | 'email'
-}
-
-export interface ConfigNumberField extends ConfigFieldBase {
-  type: 'number'
-  min?: number
-  max?: number
-  step?: number
-  unit?: string                        // display suffix: 'ms', '%', 'px', 's'
-}
-
-export interface ConfigBooleanField extends ConfigFieldBase {
-  type: 'boolean'
-  style?: 'switch' | 'checkbox'       // default: switch
-}
-
-export interface ConfigSelectField extends ConfigFieldBase {
-  type: 'select'
-  options: ConfigOption[]
-}
-
-export interface ConfigMultiSelectField extends ConfigFieldBase {
-  type: 'multiselect'
-  options: ConfigOption[]
-  maxItems?: number
-}
-
-export interface ConfigColorField extends ConfigFieldBase {
-  type: 'color'
-  presets?: string[]
-}
-
-export interface ConfigPasswordField extends ConfigFieldBase {
-  type: 'password'
-  showToggle?: boolean                 // show/hide toggle, default: true
-}
-
-export interface ConfigTextAreaField extends ConfigFieldBase {
-  type: 'textarea'
-  rows?: number
-  maxLength?: number
-}
-
-export interface ConfigSliderField extends ConfigFieldBase {
-  type: 'slider'
-  min: number
-  max: number
-  step?: number
-  showValue?: boolean                  // default: true
-  unit?: string
-}
-
-export interface ConfigTagsField extends ConfigFieldBase {
-  type: 'tags'
-  suggestions?: string[]              // autocomplete suggestions
-  maxTags?: number
-}
-
-export interface ConfigGroupField extends ConfigFieldBase {
-  type: 'group'
-  fields: ConfigField[]
-  style?: 'card' | 'inline' | 'accordion'
-  defaultCollapsed?: boolean
-}
-
-/** Visual separator between fields */
-export interface ConfigSeparatorField {
-  type: 'separator'
-  key: string
-}
-
-/** Read-only informational text */
-export interface ConfigInfoField {
-  type: 'info'
-  key: string
-  label: string
-  content: string                      // markdown or plain text
-  variant?: 'info' | 'warning' | 'success' | 'danger'
-}
-
-export interface ConfigOption {
-  value: string
-  label: string
-  description?: string
-  icon?: string
-}
-
-// --- Model Selector Field ---
-
-/** Lightweight model format entry sent inside catalog entries */
-export interface ModelFormatEntry {
-  readonly url: string
-  readonly sizeMB: number
-}
-
-/** Label definition sent inside catalog entries */
-export interface LabelDefinition {
-  readonly id: string
-  readonly name: string
-}
-
-export type ModelFormat = 'onnx' | 'coreml' | 'openvino' | 'tflite' | 'pt'
-export type ModelOutputFormat = 'yolo' | 'ssd' | 'embedding' | 'classification' | 'ocr'
-
-/** A single model entry from the addon's catalog */
-export interface ModelCatalogEntry {
-  readonly id: string
-  readonly name: string
-  readonly description: string
-  readonly formats: Partial<Readonly<Record<ModelFormat, ModelFormatEntry>>>
-  readonly inputSize: { readonly width: number; readonly height: number }
-  readonly labels: readonly LabelDefinition[]
-  readonly inputLayout?: 'nchw' | 'nhwc'
-  readonly inputNormalization?: 'zero-one' | 'imagenet' | 'none'
-}
-
-/**
- * Specialized field for selecting ML models.
- * Renders a catalog selector with optional custom path input.
- */
-export interface ConfigModelSelectorField extends ConfigFieldBase {
-  type: 'model-selector'
-  /** Filter models by type (detection, face-detection, embedding, plate-detection, ocr, audio-classification) */
-  modelType?: string
-  /** Allow user to enter a custom local path or URL (default: true) */
-  allowCustomPath?: boolean
-  /** Allow file upload via UI (default: true) */
-  allowUpload?: boolean
-  /** Accepted file extensions for upload (default: ['.onnx']) */
-  acceptExtensions?: string[]
-  /** URL to model conversion documentation/guide */
-  conversionGuideUrl?: string
-  /** Brief text explaining what models are compatible */
-  compatibilityNote?: string
-  /** Inline catalog entries from the addon */
-  catalog?: readonly ModelCatalogEntry[]
-  /** Whether to allow custom model import (default: false) */
-  allowCustom?: boolean
-  /** Whether model format conversion is available */
-  allowConversion?: boolean
-  /** Accepted model formats */
-  acceptFormats?: readonly ModelFormat[]
-  /** Required metadata keys for custom models */
-  requiredMetadata?: readonly string[]
-  /** Hint about the expected output format */
-  outputFormatHint?: ModelOutputFormat
-}

package/src/types/dashboard.ts

@@ -1,39 +0,0 @@
-import type { LucideIcon } from 'lucide-react'
-import type { ComponentType } from 'react'
-
-export interface BlockProps {
-  config: Record<string, unknown>
-  size: { w: number; h: number }
-}
-
-export interface BlockConfigField {
-  key: string
-  label: string
-  type: 'text' | 'number' | 'select' | 'boolean'
-  options?: { label: string; value: string }[]
-  defaultValue?: unknown
-}
-
-export interface DashboardBlock {
-  id: string
-  name: string
-  icon: LucideIcon
-  defaultSize: { w: number; h: number }
-  minSize?: { w: number; h: number }
-  component: ComponentType<BlockProps>
-  configSchema?: BlockConfigField[]
-}
-
-export interface DashboardLayoutItem {
-  i: string          // block instance id (e.g., 'system-status-1')
-  blockId: string    // registry block id (e.g., 'system-status')
-  x: number
-  y: number
-  w: number
-  h: number
-  config: Record<string, unknown>
-}
-
-export interface DashboardState {
-  items: DashboardLayoutItem[]
-}

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "noUncheckedIndexedAccess": false,
-    "paths": {
-      "@camstack/sdk": ["../sdk/src/index.ts"],
-      "@camstack/sdk/*": ["../sdk/src/*"],
-      "@camstack/ui": ["../ui-library/src/index.ts"],
-      "@camstack/ui/*": ["../ui-library/src/*"],
-      "@camstack/ui-library": ["../ui-library/src/index.ts"],
-      "@camstack/ui-library/*": ["../ui-library/src/*"]
-    }
-  },
-  "include": ["src"],
-  "exclude": ["src/server"]
-}

package/tsconfig.server.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true
-  },
-  "include": ["src/server"]
-}

package/tsup.config.ts

@@ -1,20 +0,0 @@
-import { defineConfig } from 'tsup'
-
-/**
- * Builds only the server-side addon entry point.
- * The Vite React app is built separately via `vite build`.
- */
-export default defineConfig({
-  entry: ['src/server/addon.ts'],
-  format: ['esm'],
-  target: 'es2022',
-  outDir: 'dist/server',
-  clean: false, // Don't clean — Vite output lives in dist/ too
-  sourcemap: true,
-  dts: {
-    compilerOptions: {
-      paths: {},
-    },
-  },
-  splitting: false,
-})

package/vite.config.ts

@@ -1,68 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-import path from 'path'
-import fs from 'fs'
-import { execSync } from 'child_process'
-
-// Ensure self-signed cert exists — generate if missing (race condition with server boot)
-const tlsDir = path.resolve(__dirname, '../../server/backend/camstack-data/tls')
-const certPath = path.join(tlsDir, 'camstack.crt')
-const keyPath = path.join(tlsDir, 'camstack.key')
-
-if (!fs.existsSync(certPath) || !fs.existsSync(keyPath)) {
-  fs.mkdirSync(tlsDir, { recursive: true })
-  try {
-    execSync(
-      `openssl req -x509 -newkey rsa:2048 -keyout "${keyPath}" -out "${certPath}" ` +
-      `-days 825 -nodes -subj "/CN=camstack.local" ` +
-      `-addext "subjectAltName=DNS:localhost,IP:127.0.0.1"`,
-      { stdio: 'pipe', timeout: 10000 },
-    )
-    console.log('[vite] Generated self-signed TLS cert at', certPath)
-  } catch (e) {
-    console.warn('[vite] Failed to generate TLS cert — falling back to HTTP', e)
-  }
-}
-
-const httpsConfig = fs.existsSync(certPath)
-  ? {
-      key: fs.readFileSync(keyPath),
-      cert: fs.readFileSync(certPath),
-    }
-  : undefined
-
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  resolve: {
-    alias: {
-      '@camstack/sdk': path.resolve(__dirname, '../sdk/src/index.ts'),
-      '@camstack/ui': path.resolve(__dirname, '../ui-library/src/index.ts'),
-    },
-  },
-  server: {
-    port: 3001,
-    https: httpsConfig,
-    proxy: {
-      '/trpc': {
-        target: 'https://localhost:4443',
-        changeOrigin: true,
-        secure: false,
-        ws: true,
-      },
-      '/api': {
-        target: 'https://localhost:4443',
-        changeOrigin: true,
-        secure: false,
-      },
-      '/addon': {
-        target: 'https://localhost:4443',
-        changeOrigin: true,
-        secure: false,
-      },
-    },
-  },
-  build: {
-    outDir: 'dist',
-  },
-})