@viji-dev/sdk 1.0.0 → 1.0.1

package/src/styles/globals.css

@@ -1,111 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Force HeroUI Select components to show white text for selected values */
-[data-slot="trigger"] [data-slot="value"] {
-  color: white !important;
-  opacity: 1 !important;
-}
-
-/* Ensure Select dropdown items are also white */
-[data-slot="listbox"] [data-slot="base"] {
-  color: white !important;
-}
-
-/* Force white text in all Select components in visualizer */
-.visualizer-select [data-slot="value"] {
-  color: white !important;
-  opacity: 1 !important;
-}
-
-/* Hero UI CSS Variables - Essential for proper theming */
-:root {
-  color-scheme: light dark;
-}
-
-[data-theme="light"] {
-  color-scheme: light;
-}
-
-[data-theme="dark"] {
-  color-scheme: dark;
-}
-
-/* Ensure Hero UI components render properly */
-.heroui-provider {
-  isolation: isolate;
-}
-
-/* Custom styles for better form appearance */
-.backdrop-blur-sm {
-  backdrop-filter: blur(8px);
-}
-
-/* Ensure proper text rendering */
-.bg-clip-text {
-  -webkit-background-clip: text;
-  background-clip: text;
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-} 
-
-/* Repeating Viji pattern background (used as thumbnail fallback) */
-.bg-viji-pattern {
-  background-image: url('../assets/pattern_viji_x4.png');
-  background-repeat: repeat;
-  background-size: auto;
-  background-position: 0 0;
-}
-
-/* Marquee with side fade */
-.marquee-fade {
-  position: relative;
-  overflow: hidden;
-}
-
-.marquee-fade::before,
-.marquee-fade::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 24px;
-  pointer-events: none;
-  z-index: 1;
-}
-
-.marquee-fade::before {
-  left: 0;
-  background: linear-gradient(to right, rgba(17,17,17,1), rgba(17,17,17,0));
-}
-
-.marquee-fade::after {
-  right: 0;
-  background: linear-gradient(to left, rgba(17,17,17,1), rgba(17,17,17,0));
-}
-
-.marquee-content {
-  display: inline-block;
-  padding-left: 8px;
-  animation: marquee-scroll 10s linear infinite;
-}
-
-@keyframes marquee-scroll {
-  0% {
-    transform: translateX(0%);
-  }
-  50% {
-    transform: translateX(-50%);
-  }
-  100% {
-    transform: translateX(0%);
-  }
-}

package/src/templates/minimal-template.js

@@ -1,11 +0,0 @@
-// Shared minimal scene template for new projects (single source of truth)
-// Used by both the SDK UI fallback and CLI create command
-
-export function getMinimalSceneTemplate(lang = 'js') {
-  if (lang === 'ts') {
-    return `// New TypeScript Scene\n\n// Parameter declarations\n// const speed = viji.slider(1.0, { min: 0.1, max: 3.0, label: 'Speed' });\n// const color = viji.color('#ff0000', { label: 'Color' });\n\nfunction render(viji: any) {\n  // Your scene code here\n}\n`;
-  }
-  return `// New JavaScript Scene\n\n// Parameter declarations\n// const speed = viji.slider(1.0, { min: 0.1, max: 3.0, label: 'Speed' });\n// const color = viji.color('#ff0000', { label: 'Color' });\n\nfunction render(viji) {\n  // Your scene code here\n}\n`;
-}
-
-

package/src/utils/debounce.js

@@ -1,34 +0,0 @@
-/**
- * Debounce utility for hot reload and other operations
- */
-
-export function debounce(func, wait, immediate) {
-  let timeout;
-  
-  return function executedFunction(...args) {
-    const later = () => {
-      timeout = null;
-      if (!immediate) func(...args);
-    };
-    
-    const callNow = immediate && !timeout;
-    
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    
-    if (callNow) func(...args);
-  };
-}
-
-export function throttle(func, limit) {
-  let inThrottle;
-  
-  return function(...args) {
-    if (!inThrottle) {
-      func.apply(this, args);
-      inThrottle = true;
-      setTimeout(() => inThrottle = false, limit);
-    }
-  };
-}
-

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/tailwind.config.js

@@ -1,18 +0,0 @@
-import { heroui } from "@heroui/react";
-
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "./node_modules/@heroui/react/dist/**/*.{js,ts,jsx,tsx}",
-    "./node_modules/@heroui/**/dist/**/*.{js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {},
-  },
-  darkMode: "class",
-  plugins: [heroui({
-    addCommonColors: true,
-  })],
-}; 

package/tsconfig.app.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "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,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "moduleDetection": "force"
-  },
-  "include": ["src", "scenes"],
-  "exclude": ["src/components/ui-disabled", "src/stores-disabled", "src/hooks-disabled"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-} 

package/tsconfig.node.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "declaration": true,
-    "emitDeclarationOnly": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,54 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import { fileURLToPath, URL } from 'node:url'
-
-// https://vite.dev/config/
-export default defineConfig(({ mode }) => {
-  return {
-    plugins: [react()],
-    resolve: {
-      alias: {
-        '@': fileURLToPath(new URL('./src', import.meta.url)),
-        '/scenes': fileURLToPath(new URL('./scenes', import.meta.url)),
-      },
-    },
-    worker: {
-      format: 'es',
-      plugins: () => [react()],
-    },
-    optimizeDeps: {
-      exclude: ['@viji-dev/core'],
-      include: [
-        'react',
-        'react-dom',
-        '@heroui/react',
-        'zustand'
-      ],
-    },
-    build: {
-      target: 'esnext',
-      rollupOptions: {
-        output: { format: 'es' },
-      },
-    },
-    server: {
-      host: '0.0.0.0',
-      open: true,
-      fs: {
-        // Allow serving files from project root (so /scenes is watched)
-        allow: ['..', '.', '../scenes']
-      },
-      headers: {
-        // Temporarily relax CORS headers to allow VijiCore iframes
-        // 'Cross-Origin-Embedder-Policy': 'credentialless',
-        // 'Cross-Origin-Opener-Policy': 'same-origin',
-        'Access-Control-Allow-Origin': '*',
-        'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
-        'Access-Control-Allow-Headers': 'Content-Type, Authorization',
-      },
-    },
-    define: {
-      __DEV__: mode === 'development',
-    },
-  }
-})