spine-framework 0.2.1 → 1.0.0

package/package.json

@@ -1,240 +1,130 @@
 {
   "name": "spine-framework",
-  "version": "0.2.1",
-  "private": false,
-  "description": "Spine — enterprise application framework built on Supabase + Netlify + React",
-  "type": "module",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "version": "1.0.0",
+  "description": "A comprehensive framework for building enterprise applications with multi-tenant architecture, role-based access control, and extensible app ecosystem",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "homepage": "https://spine-framework.com",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/spine-framework/spine-framework.git"
+  },
   "keywords": [
-    "spine",
+    "spine-framework",
+    "enterprise",
+    "multi-tenant",
+    "saas",
     "framework",
-    "supabase",
-    "netlify",
     "react",
-    "enterprise",
-    "agentic"
+    "typescript",
+    "postgresql",
+    "supabase",
+    "real-time",
+    "ai",
+    "rbac",
+    "authentication",
+    "authorization"
   ],
-  "homepage": "https://github.com/spine-framework/spine-framework#readme",
-  "bugs": {
-    "url": "https://github.com/spine-framework/spine-framework/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/spine-framework/spine-framework"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "bin": {
-    "spine-framework": "./bin/spine-framework.cjs"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/functions/_shared/index.d.ts",
-      "import": "./.framework/functions/_shared/index.ts"
-    },
-    "./_shared": {
-      "types": "./dist/functions/_shared/index.d.ts",
-      "import": "./.framework/functions/_shared/index.ts"
-    },
-    "./_shared/*": {
-      "types": "./dist/functions/_shared/*.d.ts",
-      "import": "./.framework/functions/_shared/*.ts"
-    },
-    "./cli": {
-      "types": "./dist/cli/index.d.ts",
-      "import": "./.framework/cli/index.ts"
-    }
-  },
+  "author": "Dahl Ventures Inc.",
+  "license": "SEE LICENSE IN LICENSE.md",
   "files": [
-    "bin/",
-    "dist/",
-    ".framework/cli/",
-    ".framework/functions/",
-    ".framework/migrations/",
-    ".framework/docs/",
-    ".framework/src/",
-    "scripts/",
-    "config/",
-    "netlify.toml",
-    "vitest.config.ts",
-    "index.html",
-    "package-project.json",
-    "STRUCTURE.md",
+    "dist/**/*",
+    "src/**/*",
+    "LICENSE.md",
     "README.md",
-    "LICENSE.md"
+    "package.json"
   ],
-  "scripts": {
-    "spine-framework": "tsx .framework/cli/index.ts",
-    "dev": "vite --config config/vite.config.ts",
-    "assemble": "bash scripts/assemble.sh",
-    "assemble:frontend": "bash scripts/assemble-frontend.sh",
-    "assemble:functions": "bash scripts/assemble-functions.sh",
-    "manifest": "bash scripts/build-manifest.sh",
-    "verify": "bash scripts/verify-integrity.sh",
-    "prebuild": "npm run assemble && npm run verify",
-    "build": "tsc -b config/tsconfig.json && vite build --config config/vite.config.ts",
-    "build:lib": "tsc -p config/tsconfig.build.json",
-    "prepublishOnly": "npm run build:lib && npm run test:boundary && npm run test:unit",
-    "preview": "vite preview --config config/vite.config.ts",
-    "lint": "eslint .",
-    "app-install": "tsx scripts/app-install-cli.ts",
-    "load-test": "tsx scripts/load-test-app-install.ts",
-    "test": "vitest run",
-    "test:unit": "vitest run .framework/tests/unit",
-    "test:core": "vitest run .framework/tests/unit/core-isolation.test.ts",
-    "test:integration": "vitest run .framework/tests/integration",
-    "test:boundary": "bash scripts/boundary-check.sh",
-    "test:custom": "vitest run custom/tests",
-    "postinstall": "node bin/welcome.cjs || true",
-    "docs": "typedoc --config config/typedoc.json"
+  "engines": {
+    "node": ">=18.0.0"
   },
   "dependencies": {
-    "@supabase/supabase-js": "^2.49.1",
-    "commander": "^12.0.0",
-    "jsonwebtoken": "^9.0.3",
-    "jwt-decode": "^4.0.0",
-    "pg": "^8.13.0",
-    "tsx": "^4.21.0",
-    "ws": "^8.21.0"
+    "@supabase/supabase-js": "^2.39.0",
+    "@supabase/auth-helpers-react": "^0.4.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.8.0",
+    "zustand": "^4.4.0",
+    "date-fns": "^2.30.0",
+    "clsx": "^2.0.0",
+    "tailwindcss": "^3.3.0"
   },
-  "peerDependencies": {
-    "@netlify/functions": "^2.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-router-dom": "^6.0.0",
-    "vite": "^5.0.0 || ^6.0.0",
-    "@tiptap/react": "^3.24.0",
-    "@tiptap/starter-kit": "^3.24.0",
-    "@tiptap/extension-code-block-lowlight": "^3.24.0",
-    "@tiptap/extension-placeholder": "^3.24.0",
-    "lowlight": "^3.3.0",
-    "highlight.js": "^11.11.1"
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/node": "^18.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vitest": "^1.0.0",
+    "eslint": "^8.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "prettier": "^3.0.0",
+    "commander": "^11.0.0",
+    "@vitejs/plugin-react": "^4.0.0"
   },
-  "peerDependenciesMeta": {
-    "@netlify/functions": {
-      "optional": false
-    },
-    "react": {
-      "optional": false
-    },
-    "react-dom": {
-      "optional": false
-    },
-    "react-router-dom": {
-      "optional": false
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "format": "prettier --write src/**/*.{ts,tsx}",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "prepare": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
-    "vite": {
-      "optional": true
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
     },
-    "@tiptap/react": {
-      "optional": true
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
     },
-    "@tiptap/starter-kit": {
-      "optional": true
+    "./contexts": {
+      "types": "./dist/contexts/index.d.ts",
+      "default": "./dist/contexts/index.js"
     },
-    "@tiptap/extension-code-block-lowlight": {
-      "optional": true
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "default": "./dist/utils/index.js"
     },
-    "@tiptap/extension-placeholder": {
-      "optional": true
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/types/index.js"
     },
-    "lowlight": {
-      "optional": true
+    "./styles": {
+      "types": "./dist/styles/index.d.ts",
+      "default": "./dist/styles/index.js"
     },
-    "highlight.js": {
-      "optional": true
-    }
+    "./package.json": "./package.json"
   },
-  "devDependencies": {
-    "@base-ui/react": "^1.4.1",
-    "@fontsource-variable/inter": "^5.2.8",
-    "@heroicons/react": "^2.2.0",
-    "@netlify/functions": "^2.8.2",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-avatar": "^1.1.3",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-select": "^2.1.6",
-    "@radix-ui/react-separator": "^1.1.2",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-switch": "^1.1.3",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-toast": "^1.2.6",
-    "@radix-ui/react-tooltip": "^1.1.8",
-    "@supabase/supabase-js": "^2.49.1",
-    "@tailwindcss/typography": "^0.5.19",
-    "@tanstack/react-query": "^5.95.2",
-    "@tiptap/extension-code-block-lowlight": "^3.24.0",
-    "@tiptap/extension-image": "^3.24.0",
-    "@tiptap/extension-link": "^3.24.0",
-    "@tiptap/extension-placeholder": "^3.24.0",
-    "@tiptap/extension-table": "^3.24.0",
-    "@tiptap/extension-table-cell": "^3.24.0",
-    "@tiptap/extension-table-header": "^3.24.0",
-    "@tiptap/extension-table-row": "^3.24.0",
-    "@tiptap/extension-youtube": "^3.24.0",
-    "@tiptap/pm": "^3.24.0",
-    "@tiptap/react": "^3.24.0",
-    "@tiptap/starter-kit": "^3.24.0",
-    "@types/js-yaml": "^4.0.9",
-    "@types/node": "^22.12.0",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@types/react-grid-layout": "^1.3.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@xyflow/react": "^12.10.1",
-    "ajv": "^8.12.0",
-    "autoprefixer": "^10.4.20",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "dagre": "^0.8.5",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "framer-motion": "^12.34.3",
-    "github-markdown-css": "^5.9.0",
-    "highlight.js": "^11.11.1",
-    "input-otp": "^1.4.2",
-    "js-yaml": "^4.1.0",
-    "lowlight": "^3.3.0",
-    "lucide-react": "^1.14.0",
-    "marked": "^17.0.3",
-    "mermaid": "^11.15.0",
-    "next-themes": "^0.4.6",
-    "postcss": "^8.5.15",
-    "radix-ui": "^1.4.3",
-    "react": "^18.3.1",
-    "react-day-picker": "^10.0.0",
-    "react-dom": "^18.3.1",
-    "react-grid-layout": "^2.2.2",
-    "react-is": "^19.2.4",
-    "react-markdown": "^10.1.0",
-    "react-refresh": "^0.14.0",
-    "react-resizable-panels": "^4.11.0",
-    "react-router-dom": "^6.28.1",
-    "recharts": "^3.8.1",
-    "rehype-autolink-headings": "^7.1.0",
-    "rehype-raw": "^7.0.0",
-    "rehype-sanitize": "^6.0.0",
-    "rehype-slug": "^6.0.0",
-    "remark-gfm": "^4.0.1",
-    "shadcn": "^4.7.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0",
-    "tailwindcss": "^3.4.17",
-    "tailwindcss-animate": "^1.0.7",
-    "tiptap-markdown": "^0.9.0",
-    "tw-animate-css": "^1.4.0",
-    "typedoc": "^0.27.0",
-    "typescript": "~5.6.2",
-    "vaul": "^1.1.2",
-    "vite": "^6.4.3",
-    "vitest": "^4.1.8"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "bin": {
+    "spine": "dist/cli/index.js"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  "spine": {
+    "framework": {
+      "version": "1.0.0",
+      "compatibility": {
+        "node": ">=18.0.0",
+        "react": ">=18.0.0"
+      }
+    },
+    "features": [
+      "multi-tenant",
+      "rbac",
+      "real-time",
+      "ai-integration",
+      "app-registry"
+    ]
+  }
 }

package/src/cli/commands/init.ts

@@ -0,0 +1,192 @@
+import fs from 'fs'
+import path from 'path'
+
+interface InitOptions {
+  template: string
+}
+
+export async function initCommand(projectName: string, _options: InitOptions) {
+  const targetDir = path.resolve(process.cwd(), projectName)
+  
+  if (fs.existsSync(targetDir)) {
+    console.error(`Directory ${projectName} already exists`)
+    process.exit(1)
+  }
+
+  console.log(`Creating Spine Framework project: ${projectName}`)
+  
+  // Create project directory
+  fs.mkdirSync(targetDir, { recursive: true })
+  
+  // Create basic project structure
+  const dirs = [
+    'src',
+    'src/components',
+    'src/pages', 
+    'src/hooks',
+    'src/contexts',
+    'src/utils',
+    'functions',
+    'migrations'
+  ]
+  
+  dirs.forEach(dir => {
+    fs.mkdirSync(path.join(targetDir, dir), { recursive: true })
+  })
+  
+  // Create package.json
+  const packageJson = {
+    name: projectName,
+    version: '0.1.0',
+    description: 'Spine Framework application',
+    type: 'module',
+    scripts: {
+      dev: 'vite',
+      build: 'vite build',
+      preview: 'vite preview',
+      typeCheck: 'tsc --noEmit'
+    },
+    dependencies: {
+      'spine-framework': '^1.0.0',
+      'react': '^18.2.0',
+      'react-dom': '^18.2.0',
+      'react-router-dom': '^6.8.0'
+    },
+    devDependencies: {
+      '@types/react': '^18.0.0',
+      '@types/react-dom': '^18.0.0',
+      'typescript': '^5.0.0',
+      'vite': '^5.0.0'
+    }
+  }
+  
+  fs.writeFileSync(
+    path.join(targetDir, 'package.json'),
+    JSON.stringify(packageJson, null, 2)
+  )
+  
+  // Create vite config
+  const viteConfig = `
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  root: 'src',
+  build: {
+    outDir: '../dist'
+  }
+})
+`
+  
+  fs.writeFileSync(path.join(targetDir, 'vite.config.ts'), viteConfig)
+  
+  // Create tsconfig
+  const tsConfig = {
+    compilerOptions: {
+      target: 'ES2020',
+      lib: ['ES2020', 'DOM', 'DOM.Iterable'],
+      module: 'ESNext',
+      skipLibCheck: true,
+      moduleResolution: 'bundler',
+      allowImportingTsExtensions: true,
+      resolveJsonModule: true,
+      isolatedModules: true,
+      noEmit: true,
+      jsx: 'react-jsx',
+      strict: true,
+      noUnusedLocals: true,
+      noUnusedParameters: true,
+      noFallthroughCasesInSwitch: true
+    },
+    include: ['src'],
+    references: [{ path: './tsconfig.node.json' }]
+  }
+  
+  fs.writeFileSync(
+    path.join(targetDir, 'tsconfig.json'),
+    JSON.stringify(tsConfig, null, 2)
+  )
+  
+  // Create main app file
+  const mainApp = `
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import { SpineProvider, AuthProvider, AppProvider } from 'spine-framework'
+import App from './App'
+
+createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <SpineProvider config={{
+      database: {
+        url: process.env.DATABASE_URL || '',
+        poolSize: 10
+      },
+      auth: {
+        providers: ['email'],
+        sessionTimeout: '24h'
+      },
+      apps: {
+        registry: 'https://registry.spine-framework.com',
+        autoUpdate: true
+      }
+    }}>
+      <AuthProvider>
+        <AppProvider>
+          <App />
+        </AppProvider>
+      </AuthProvider>
+    </SpineProvider>
+  </React.StrictMode>
+)
+`
+  
+  fs.writeFileSync(path.join(targetDir, 'src/main.tsx'), mainApp)
+  
+  // Create App component
+  const appComponent = `
+import React from 'react'
+import { AppLayout, AuthGuard } from 'spine-framework'
+
+function App() {
+  return (
+    <AuthGuard>
+      <AppLayout>
+        <div>
+          <h1>Welcome to Spine Framework!</h1>
+          <p>Your application is ready to build.</p>
+        </div>
+      </AppLayout>
+    </AuthGuard>
+  )
+}
+
+export default App
+`
+  
+  fs.writeFileSync(path.join(targetDir, 'src/App.tsx'), appComponent)
+  
+  // Create index.html
+  const indexHtml = `
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/main.tsx"></script>
+  </body>
+</html>
+`
+  
+  fs.writeFileSync(path.join(targetDir, 'index.html'), indexHtml)
+  
+  console.log(`✅ Project ${projectName} created successfully!`)
+  console.log(`\nNext steps:`)
+  console.log(`  cd ${projectName}`)
+  console.log(`  npm install`)
+  console.log(`  npm run dev`)
+}

package/src/cli/commands/install.ts

@@ -0,0 +1,25 @@
+interface InstallOptions {
+  account?: string
+  config?: string
+}
+
+export async function installCommand(appSlug: string, options: InstallOptions) {
+  console.log(`Installing app: ${appSlug}`)
+  
+  if (options.account) {
+    console.log(`Account ID: ${options.account}`)
+  }
+  
+  if (options.config) {
+    try {
+      const config = JSON.parse(options.config)
+      console.log(`Configuration:`, config)
+    } catch (error) {
+      console.error(`Invalid JSON configuration: ${options.config}`)
+      process.exit(1)
+    }
+  }
+  
+  // Mock installation process
+  console.log(`✅ App ${appSlug} installed successfully!`)
+}

package/src/cli/commands/list.ts

@@ -0,0 +1,33 @@
+interface ListOptions {
+  account?: string
+  type?: string
+}
+
+export async function listCommand(_options: ListOptions) {
+  console.log('Available Spine Framework apps:')
+  
+  // Mock app list
+  const apps = [
+    {
+      slug: 'cortex',
+      name: 'Cortex',
+      description: 'Unified workspace for CRM, Support, Community, and Knowledge Base',
+      version: '1.0.0',
+      type: 'custom'
+    },
+    {
+      slug: 'customer-portal',
+      name: 'Customer Portal',
+      description: 'Self-service portal for customers',
+      version: '1.0.0',
+      type: 'custom'
+    }
+  ]
+  
+  apps.forEach(app => {
+    console.log(`  ${app.slug} (${app.version})`)
+    console.log(`    ${app.name}: ${app.description}`)
+    console.log(`    Type: ${app.type}`)
+    console.log()
+  })
+}

package/src/cli/commands/migrate.ts

@@ -0,0 +1,24 @@
+interface MigrateOptions {
+  up?: boolean
+  down?: boolean
+  create?: string
+}
+
+export async function migrateCommand(options: MigrateOptions) {
+  if (options.create) {
+    console.log(`Creating migration: ${options.create}`)
+    const timestamp = new Date().toISOString().replace(/[-:T]/g, '').split('.')[0]
+    const filename = `${timestamp}_${options.create}.sql`
+    console.log(`Created migration file: migrations/${filename}`)
+    return
+  }
+
+  if (options.down) {
+    console.log('Rolling back last migration...')
+    console.log('✅ Migration rolled back successfully!')
+    return
+  }
+
+  console.log('Running pending migrations...')
+  console.log('✅ All migrations completed successfully!')
+}

package/src/cli/index.ts

@@ -0,0 +1,46 @@
+#!/usr/bin/env node
+
+import { Command } from 'commander'
+import { initCommand } from './commands/init'
+import { installCommand } from './commands/install'
+import { listCommand } from './commands/list'
+import { migrateCommand } from './commands/migrate'
+
+const program = new Command()
+
+program
+  .name('spine')
+  .description('Spine Framework CLI - Build enterprise applications with ease')
+  .version('1.0.0')
+
+program
+  .command('init')
+  .description('Initialize a new Spine Framework project')
+  .argument('<project-name>', 'Name of the project')
+  .option('-t, --template <template>', 'Template to use', 'default')
+  .action(initCommand)
+
+program
+  .command('install')
+  .description('Install a Spine app')
+  .argument('<app-slug>', 'Slug of the app to install')
+  .option('-a, --account <account-id>', 'Account ID for installation')
+  .option('-c, --config <config>', 'Configuration JSON')
+  .action(installCommand)
+
+program
+  .command('list')
+  .description('List available apps')
+  .option('-a, --account <account-id>', 'Account ID to filter by')
+  .option('-t, --type <type>', 'App type to filter by')
+  .action(listCommand)
+
+program
+  .command('migrate')
+  .description('Run database migrations')
+  .option('-u, --up', 'Run pending migrations (default)')
+  .option('-d, --down', 'Rollback last migration')
+  .option('-c, --create <name>', 'Create new migration')
+  .action(migrateCommand)
+
+program.parse()