@vue-skuilder/cli 0.1.7 → 0.1.8-0

package/src/utils/questions-hash.ts

@@ -0,0 +1,109 @@
+import { createHash } from 'crypto';
+import { promises as fs, existsSync } from 'fs';
+import path from 'path';
+
+/**
+ * Calculate hash of src/questions/ directory contents
+ * Returns consistent hash based on file names, content, and modification times
+ */
+export async function hashQuestionsDirectory(coursePath: string): Promise<string> {
+  const questionsPath = path.join(coursePath, 'src', 'questions');
+  
+  // If questions directory doesn't exist, return special "no-questions" hash
+  if (!existsSync(questionsPath)) {
+    return 'no-questions';
+  }
+
+  const hash = createHash('sha256');
+  
+  try {
+    // Get all files recursively, sort for consistent ordering
+    const files = await getAllFiles(questionsPath);
+    files.sort();
+    
+    // If no files, return "empty-questions" hash
+    if (files.length === 0) {
+      return 'empty-questions';
+    }
+    
+    // Hash each file's relative path, content, and mtime
+    for (const file of files) {
+      const relativePath = path.relative(questionsPath, file);
+      const stat = await fs.stat(file);
+      const content = await fs.readFile(file);
+      
+      // Include relative path, modification time, and content in hash
+      hash.update(relativePath);
+      hash.update(stat.mtime.toISOString());
+      hash.update(content);
+    }
+    
+    return hash.digest('hex').substring(0, 12); // First 12 chars for readability
+  } catch (error) {
+    console.warn(`Warning: Failed to hash questions directory: ${error}`);
+    return 'hash-error';
+  }
+}
+
+/**
+ * Recursively get all files in a directory
+ */
+async function getAllFiles(dirPath: string): Promise<string[]> {
+  const files: string[] = [];
+  
+  try {
+    const entries = await fs.readdir(dirPath, { withFileTypes: true });
+    
+    for (const entry of entries) {
+      const fullPath = path.join(dirPath, entry.name);
+      
+      if (entry.isDirectory()) {
+        // Recursively get files from subdirectories
+        const subFiles = await getAllFiles(fullPath);
+        files.push(...subFiles);
+      } else if (entry.isFile()) {
+        // Only include source files (TypeScript, Vue, JavaScript)
+        if (/\.(ts|vue|js|tsx|jsx)$/.test(entry.name)) {
+          files.push(fullPath);
+        }
+      }
+    }
+  } catch (error) {
+    // If directory can't be read, return empty array
+    console.warn(`Warning: Could not read directory ${dirPath}: ${error}`);
+  }
+  
+  return files;
+}
+
+/**
+ * Get the studio build directory path for a given questions hash
+ */
+export function getStudioBuildPath(coursePath: string, questionsHash: string): string {
+  return path.join(coursePath, '.skuilder', 'studio-builds', questionsHash);
+}
+
+/**
+ * Check if a studio build exists for the given questions hash
+ */
+export function studioBuildExists(coursePath: string, questionsHash: string): boolean {
+  const buildPath = getStudioBuildPath(coursePath, questionsHash);
+  return existsSync(path.join(buildPath, 'index.html'));
+}
+
+/**
+ * Ensure the cache directory structure exists
+ */
+export async function ensureCacheDirectory(coursePath: string): Promise<void> {
+  const cacheDir = path.join(coursePath, '.skuilder', 'studio-builds');
+  await fs.mkdir(cacheDir, { recursive: true });
+}
+
+/**
+ * Ensure a specific build directory exists
+ */
+export async function ensureBuildDirectory(coursePath: string, questionsHash: string): Promise<string> {
+  const buildPath = getStudioBuildPath(coursePath, questionsHash);
+  await fs.mkdir(buildPath, { recursive: true });
+  return buildPath;
+}

package/src/utils/template.ts

@@ -1,8 +1,10 @@
 import { promises as fs, existsSync } from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
+import { randomUUID } from 'crypto';
 import chalk from 'chalk';
 import { ProjectConfig, SkuilderConfig } from '../types.js';
+import { CourseConfig } from '@vue-skuilder/common';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -73,20 +75,23 @@ export async function transformPackageJson(
   packageJson.description = `Skuilder course application: ${projectName}`;
   packageJson.version = '1.0.0';
 
-  // Transform workspace dependencies to published versions
+  // Transform workspace and file dependencies to published versions
   if (packageJson.dependencies) {
     for (const [depName, version] of Object.entries(packageJson.dependencies)) {
-      if (typeof version === 'string' && version.startsWith('workspace:')) {
-        // Replace workspace references with CLI's version
+      if (typeof version === 'string' && (version.startsWith('workspace:') || version.startsWith('file:'))) {
+        // Replace workspace and file references with CLI's version
         packageJson.dependencies[depName] = `^${cliVersion}`;
       }
     }
   }
 
-  // Add missing terser devDependency for build minification
+  // Add missing devDependencies for build system
   if (packageJson.devDependencies && !packageJson.devDependencies['terser']) {
     packageJson.devDependencies['terser'] = '^5.39.0';
   }
+  if (packageJson.devDependencies && !packageJson.devDependencies['vite-plugin-dts']) {
+    packageJson.devDependencies['vite-plugin-dts'] = '^4.3.0';
+  }
 
   // Add CLI as devDependency for all projects
   if (!packageJson.devDependencies) {
@@ -114,19 +119,34 @@ export async function transformPackageJson(
  * // [ ] This should be revised so that it works from the existing vite.config.ts in standalone-ui. As is, it recreates 95% of the same config.
  */
 export async function createViteConfig(viteConfigPath: string): Promise<void> {
-  // Create a clean vite config for standalone projects
-  const transformedContent = `// packages/standalone-ui/vite.config.ts
-import { defineConfig } from 'vite';
+  // Create dual build config similar to standalone-ui but without workspace dependencies
+  const transformedContent = `import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import dts from 'vite-plugin-dts';
+import { resolve } from 'path';
 import { fileURLToPath, URL } from 'node:url';
 
+// Determine build mode from environment variable
+const buildMode = process.env.BUILD_MODE || 'webapp';
+
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    // Only include dts plugin for library builds
+    ...(buildMode === 'library' 
+      ? [dts({
+          insertTypesEntry: true,
+          include: ['src/questions/**/*.ts', 'src/questions/**/*.vue'],
+          exclude: ['**/*.spec.ts', '**/*.test.ts'],
+          outDir: 'dist-lib',
+        })]
+      : []
+    )
+  ],
   resolve: {
     alias: {
       // Alias for internal src paths
       '@': fileURLToPath(new URL('./src', import.meta.url)),
-
       // Add events alias if needed (often required by dependencies)
       events: 'events',
     },
@@ -145,8 +165,8 @@ export default defineConfig({
   },
   // --- Dependencies optimization ---
   optimizeDeps: {
-    // Help Vite pre-bundle dependencies from published packages
     include: [
+      'events',
       '@vue-skuilder/common-ui',
       '@vue-skuilder/db',
       '@vue-skuilder/common',
@@ -156,14 +176,65 @@ export default defineConfig({
   server: {
     port: 5173, // Use standard Vite port for standalone projects
   },
-  build: {
-    sourcemap: true,
-    target: 'es2020',
-    minify: 'terser',
-    terserOptions: {
-      keep_classnames: true,
-    },
-  },
+  build: buildMode === 'library' 
+    ? {
+        // Library build configuration
+        sourcemap: true,
+        target: 'es2020',
+        minify: 'terser',
+        terserOptions: {
+          keep_classnames: true,
+        },
+        lib: {
+          entry: resolve(__dirname, 'src/questions/index.ts'),
+          name: 'VueSkuilderStandaloneQuestions',
+          fileName: (format) => \`questions.\${format === 'es' ? 'mjs' : 'cjs.js'}\`,
+        },
+        rollupOptions: {
+          // External packages that shouldn't be bundled in library mode
+          external: [
+            'vue',
+            'vue-router', 
+            'vuetify',
+            'pinia',
+            '@vue-skuilder/common',
+            '@vue-skuilder/common-ui',
+            '@vue-skuilder/courses',
+            '@vue-skuilder/db',
+          ],
+          output: {
+            // Global variables for UMD build
+            globals: {
+              'vue': 'Vue',
+              'vue-router': 'VueRouter',
+              'vuetify': 'Vuetify',
+              'pinia': 'Pinia',
+              '@vue-skuilder/common': 'VueSkuilderCommon',
+              '@vue-skuilder/common-ui': 'VueSkuilderCommonUI',
+              '@vue-skuilder/courses': 'VueSkuilderCourses',
+              '@vue-skuilder/db': 'VueSkuilderDB',
+            },
+            exports: 'named',
+            // Preserve CSS in the output bundle
+            assetFileNames: 'assets/[name].[ext]',
+          },
+        },
+        // Output to separate directory for library build
+        outDir: 'dist-lib',
+        // Allow CSS code splitting for component libraries
+        cssCodeSplit: true,
+      }
+    : {
+        // Webapp build configuration (existing)
+        sourcemap: true,
+        target: 'es2020', 
+        minify: 'terser',
+        terserOptions: {
+          keep_classnames: true,
+        },
+        // Standard webapp output directory
+        outDir: 'dist',
+      },
   // Add define block for process polyfills
   define: {
     global: 'window',
@@ -182,7 +253,8 @@ export default defineConfig({
  */
 export async function generateSkuilderConfig(
   configPath: string,
-  config: ProjectConfig
+  config: ProjectConfig,
+  outputPath?: string
 ): Promise<void> {
   const skuilderConfig: SkuilderConfig = {
     title: config.title,
@@ -194,13 +266,14 @@ export async function generateSkuilderConfig(
     skuilderConfig.course = config.course;
   }
 
-  // For static data layer with imported courses, use the first course as primary
-  if (
-    config.dataLayerType === 'static' &&
-    config.importCourseIds &&
-    config.importCourseIds.length > 0
-  ) {
-    skuilderConfig.course = config.importCourseIds[0];
+  // For static data layer, use imported course ID or generate new one
+  if (config.dataLayerType === 'static') {
+    if (config.importCourseIds && config.importCourseIds.length > 0) {
+      skuilderConfig.course = config.importCourseIds[0];
+    } else {
+      // Generate UUID for new static courses without imports
+      skuilderConfig.course = randomUUID();
+    }
   }
 
   if (config.couchdbUrl) {
@@ -212,6 +285,11 @@ export async function generateSkuilderConfig(
   }
 
   await fs.writeFile(configPath, JSON.stringify(skuilderConfig, null, 2));
+
+  // For static data layer without imports, create empty course structure
+  if (config.dataLayerType === 'static' && (!config.importCourseIds || config.importCourseIds.length === 0) && outputPath) {
+    await createEmptyCourseStructure(outputPath, skuilderConfig.course!, config.title);
+  }
 }
 
 /**
@@ -250,6 +328,72 @@ export async function transformTsConfig(tsconfigPath: string): Promise<void> {
   await fs.writeFile(tsconfigPath, JSON.stringify(tsconfig, null, 2));
 }
 
+/**
+ * Create empty course structure for new static courses
+ */
+async function createEmptyCourseStructure(
+  projectPath: string,
+  courseId: string,
+  title: string
+): Promise<void> {
+  const staticCoursesPath = path.join(projectPath, 'public', 'static-courses');
+  const coursePath = path.join(staticCoursesPath, courseId);
+  
+  // Create directory structure
+  await fs.mkdir(coursePath, { recursive: true });
+  await fs.mkdir(path.join(coursePath, 'chunks'), { recursive: true });
+  await fs.mkdir(path.join(coursePath, 'indices'), { recursive: true });
+  
+  // Create minimal CourseConfig
+  const courseConfig: CourseConfig = {
+    courseID: courseId,
+    name: title,
+    description: '',
+    public: false,
+    deleted: false,
+    creator: 'system',
+    admins: [],
+    moderators: [],
+    dataShapes: [],
+    questionTypes: []
+  };
+  
+  // Create manifest.json with proper structure
+  const manifest = {
+    version: '1.0.0',
+    courseId,
+    courseName: title,
+    courseConfig,
+    lastUpdated: new Date().toISOString(),
+    documentCount: 0,
+    chunks: [],
+    indices: [],
+    designDocs: []
+  };
+  
+  await fs.writeFile(
+    path.join(coursePath, 'manifest.json'),
+    JSON.stringify(manifest, null, 2)
+  );
+  
+  // Create empty tags index
+  await fs.writeFile(
+    path.join(coursePath, 'indices', 'tags.json'),
+    JSON.stringify({ tags: [] }, null, 2)
+  );
+  
+  // Create CourseConfig chunk
+  await fs.writeFile(
+    path.join(coursePath, 'chunks', 'CourseConfig.json'),
+    JSON.stringify([{
+      _id: 'CourseConfig',
+      ...courseConfig
+    }], null, 2)
+  );
+  
+  console.log(chalk.green(`✅ Created empty course structure for ${courseId}`));
+}
+
 /**
  * Generate .gitignore file for the project
  */
@@ -368,6 +512,7 @@ Thumbs.db
 
 # Skuilder specific
 /src/data/local-*.json
+.skuilder/
 `;
 
   await fs.writeFile(gitignorePath, gitignoreContent);
@@ -413,8 +558,34 @@ npm run dev
 Build for production:
 \`\`\`bash
 npm run build
+\`\`\`${
+    config.dataLayerType === 'static'
+      ? `
+
+## Studio Mode (Content Editing)
+
+This project supports **Studio Mode** - a content editing web interface for modifying course data:
+
+\`\`\`bash
+npm run studio
 \`\`\`
 
+Studio mode provides:
+- **Visual Course Editor**: Interactive interface for editing course content
+- **Live Preview**: See changes immediately in the browser
+- **Hot Reload**: Changes are saved automatically to your course files
+- **No Setup Required**: Built into the Skuilder CLI - just run the command
+
+When you run \`npm run studio\`, it will:
+1. Start a local CouchDB instance for temporary editing
+2. Load your course data from \`public/static-courses/\`
+3. Launch the studio interface at http://localhost:7174
+4. Save changes back to your static course files when you flush
+
+**Important**: Studio mode **overwrites** existing static data source files in \`public/static-courses/\`. Make sure to commit or backup your course data before making major edits.`
+      : ''
+  }
+
 ## Configuration
 
 Course configuration is managed in \`skuilder.config.json\`. You can modify:
@@ -482,6 +653,36 @@ Visit the [Skuilder documentation](https://github.com/NiloCK/vue-skuilder) for m
   await fs.writeFile(readmePath, readme);
 }
 
+/**
+ * Create .skuilder directory structure for studio builds cache
+ */
+async function createSkuilderDirectory(projectPath: string): Promise<void> {
+  const skuilderPath = path.join(projectPath, '.skuilder');
+  const templatesPath = path.join(__dirname, '..', '..', 'templates', '.skuilder');
+  
+  // Create .skuilder directory
+  await fs.mkdir(skuilderPath, { recursive: true });
+  
+  // Create studio-builds subdirectory
+  await fs.mkdir(path.join(skuilderPath, 'studio-builds'), { recursive: true });
+  
+  // Copy README template if it exists
+  if (existsSync(templatesPath)) {
+    await copyDirectory(templatesPath, skuilderPath);
+  } else {
+    // Fallback: create basic README
+    const readmeContent = `# .skuilder Directory
+
+**⚠️ WARNING: GENERATED CONTENT - DO NOT EDIT MANUALLY ⚠️**
+
+This directory contains files generated by the Skuilder CLI tools.
+
+Generated by @vue-skuilder/cli
+`;
+    await fs.writeFile(path.join(skuilderPath, 'README.md'), readmeContent);
+  }
+}
+
 /**
  * Copy and transform the standalone-ui template to create a new project
  */
@@ -514,7 +715,7 @@ export async function processTemplate(
 
   console.log(chalk.blue('🔧 Generating configuration...'));
   const configPath = path.join(projectPath, 'skuilder.config.json');
-  await generateSkuilderConfig(configPath, config);
+  await generateSkuilderConfig(configPath, config, projectPath);
 
   console.log(chalk.blue('📝 Creating README...'));
   const readmePath = path.join(projectPath, 'README.md');
@@ -524,5 +725,8 @@ export async function processTemplate(
   const gitignorePath = path.join(projectPath, '.gitignore');
   await generateGitignore(gitignorePath);
 
+  console.log(chalk.blue('📁 Creating .skuilder directory structure...'));
+  await createSkuilderDirectory(projectPath);
+
   console.log(chalk.green('✅ Template processing complete!'));
 }

package/templates/.skuilder/README.md

@@ -0,0 +1,29 @@
+# .skuilder Directory
+
+**⚠️ WARNING: GENERATED CONTENT - DO NOT EDIT MANUALLY ⚠️**
+
+This directory contains files generated by the Skuilder CLI tools and is **NOT** intended for manual editing except under experimental circumstances.
+
+## Contents
+
+- `studio-builds/` - Cached builds of studio-ui with local question types
+  - Each subdirectory represents a different build based on your `src/questions/` content
+  - Builds are automatically managed by `skuilder studio` command
+  - Safe to delete - will be regenerated as needed
+
+## Purpose
+
+The Skuilder CLI uses this directory to cache studio-ui builds that include your local question types. This enables:
+
+- Fast startup of `skuilder studio` when your questions haven't changed
+- Isolation between different question type configurations
+- Automatic rebuild when your local questions are modified
+
+## Maintenance
+
+- **Safe to delete**: The entire `.skuilder` directory can be deleted safely
+- **Automatic cleanup**: Old builds may be cleaned up automatically
+- **Version control**: This directory should be ignored by git (check your .gitignore)
+
+---
+Generated by @vue-skuilder/cli

package/dist/studio-ui-assets/assets/BrowseView-BJbixGOU.js

@@ -1,2 +0,0 @@
-import{g as _,a as w,C as g,_ as k}from"./index-DHMXQY3-.js";import{a as C}from"./index-BnAv1C72.js";import{h as x,d as u,x as y,X as m,ai as s,aj as r,m as a,ak as t,ao as d,Q as c,V as B,u as v}from"./vue-DZcMATiC.js";import"./vuetify-qg7mRxy_.js";const V={class:"browse-view"},E={key:0,class:"text-center pa-4"},N={key:1,class:"text-center pa-4"},b={key:2},z={key:3,class:"text-center pa-4"},I=x({__name:"BrowseView",setup(L){const n=u(!0),i=u(null),l=u(null);return y(async()=>{try{const o=_();if(!o)throw new Error(w());l.value=o.database.name,n.value=!1}catch(o){console.error("Browse view initialization error:",o),i.value=o instanceof Error?o.message:"Unknown error",n.value=!1}}),(o,e)=>{const f=m("v-progress-circular"),p=m("v-icon");return r(),s("div",V,[n.value?(r(),s("div",E,[a(f,{indeterminate:""}),e[0]||(e[0]=t("p",{class:"mt-2"},"Loading course...",-1))])):i.value?(r(),s("div",N,[a(p,{color:"error",size:"48"},{default:d(()=>e[1]||(e[1]=[c("mdi-alert-circle")])),_:1}),e[2]||(e[2]=t("h2",{class:"mt-2"},"Browse Error",-1)),t("p",null,B(i.value),1)])):l.value?(r(),s("div",b,[a(v(g),{"course-id":l.value,"view-lookup-function":v(C).getView,"edit-mode":"full"},{actions:d(()=>e[3]||(e[3]=[c(" ")])),_:1},8,["course-id","view-lookup-function"])])):(r(),s("div",z,[a(p,{size:"48"},{default:d(()=>e[4]||(e[4]=[c("mdi-school")])),_:1}),e[5]||(e[5]=t("h2",{class:"mt-2"},"No Course Loaded",-1)),e[6]||(e[6]=t("p",null,"Please load a course to start browsing.",-1))]))])}}}),P=k(I,[["__scopeId","data-v-2c3c618e"]]);export{P as default};
-//# sourceMappingURL=BrowseView-BJbixGOU.js.map

package/dist/studio-ui-assets/assets/BrowseView-BJbixGOU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowseView-BJbixGOU.js","sources":["../../src/views/BrowseView.vue"],"sourcesContent":["<template>\n  <div class=\"browse-view\">\n    <div v-if=\"loading\" class=\"text-center pa-4\">\n      <v-progress-circular indeterminate />\n      <p class=\"mt-2\">Loading course...</p>\n    </div>\n\n    <div v-else-if=\"error\" class=\"text-center pa-4\">\n      <v-icon color=\"error\" size=\"48\">mdi-alert-circle</v-icon>\n      <h2 class=\"mt-2\">Browse Error</h2>\n      <p>{{ error }}</p>\n    </div>\n\n    <div v-else-if=\"courseId\">\n      <course-information :course-id=\"courseId\" :view-lookup-function=\"allCourses.getView\" :edit-mode=\"'full'\">\n        <template #actions>&nbsp;</template>\n      </course-information>\n    </div>\n\n    <div v-else class=\"text-center pa-4\">\n      <v-icon size=\"48\">mdi-school</v-icon>\n      <h2 class=\"mt-2\">No Course Loaded</h2>\n      <p>Please load a course to start browsing.</p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted } from 'vue';\nimport { CourseInformation } from '@vue-skuilder/common-ui';\nimport { allCourses } from '@vue-skuilder/courses';\nimport { getStudioConfig, getConfigErrorMessage } from '../config/development';\n\n// Browse view state\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst courseId = ref<string | null>(null);\n\n// Initialize browse view\nonMounted(async () => {\n  try {\n    // Get studio configuration (CLI-injected or environment variables)\n    const studioConfig = getStudioConfig();\n\n    if (!studioConfig) {\n      throw new Error(getConfigErrorMessage());\n    }\n\n    courseId.value = studioConfig.database.name;\n    loading.value = false;\n  } catch (err) {\n    console.error('Browse view initialization error:', err);\n    error.value = err instanceof Error ? err.message : 'Unknown error';\n    loading.value = false;\n  }\n});\n</script>\n\n<style scoped>\n.browse-view {\n  height: 100%;\n}\n\n.studio-header {\n  padding: 16px 0;\n}\n\n.studio-header h1 {\n  color: rgb(var(--v-theme-primary));\n  font-weight: 500;\n}\n\n.studio-header p {\n  color: rgb(var(--v-theme-on-surface-variant));\n  margin: 0;\n}\n</style>\n"],"names":["loading","ref","error","courseId","onMounted","studioConfig","getStudioConfig","getConfigErrorMessage","err"],"mappings":"6aAkCM,MAAAA,EAAUC,EAAI,EAAI,EAClBC,EAAQD,EAAmB,IAAI,EAC/BE,EAAWF,EAAmB,IAAI,EAGxC,OAAAG,EAAU,SAAY,CAChB,GAAA,CAEF,MAAMC,EAAeC,EAAgB,EAErC,GAAI,CAACD,EACG,MAAA,IAAI,MAAME,GAAuB,EAGhCJ,EAAA,MAAQE,EAAa,SAAS,KACvCL,EAAQ,MAAQ,SACTQ,EAAK,CACJ,QAAA,MAAM,oCAAqCA,CAAG,EACtDN,EAAM,MAAQM,aAAe,MAAQA,EAAI,QAAU,gBACnDR,EAAQ,MAAQ,EAAA,CAClB,CACD"}

package/dist/studio-ui-assets/assets/BrowseView-CM4HBO4j.css

@@ -1 +0,0 @@
-.browse-view[data-v-2c3c618e]{height:100%}.studio-header[data-v-2c3c618e]{padding:16px 0}.studio-header h1[data-v-2c3c618e]{color:rgb(var(--v-theme-primary));font-weight:500}.studio-header p[data-v-2c3c618e]{color:rgb(var(--v-theme-on-surface-variant));margin:0}

package/dist/studio-ui-assets/assets/BulkImportView-DB6DYDJU.js

@@ -1,2 +0,0 @@
-import{B as x}from"./edit-ui.es-DiUxqbgF.js";import{a as B}from"./index-BnAv1C72.js";import{g as y,a as I,b as V,_ as b}from"./index-DHMXQY3-.js";import{h as D,d as i,x as E,X as r,ai as s,aj as a,m as t,ao as n,Q as m,ak as _,V as L,u as v}from"./vue-DZcMATiC.js";import"./vuetify-qg7mRxy_.js";const N={class:"bulk-import-view"},z={key:0,class:"text-center pa-4"},M={key:1,class:"text-center pa-4"},S={class:"mt-2 text-error"},h={key:2},j={key:3},Q=D({__name:"BulkImportView",setup(T){const c=i(!0),u=i(null),d=i(null),p=i(null);E(async()=>{try{const o=y();if(!o)throw new Error(I());d.value=o.database.name;const l=V().getCourseDB(d.value);p.value=await l.getCourseConfig(),c.value=!1}catch(o){console.error("Bulk import initialization error:",o),u.value=o instanceof Error?o.message:"Unknown error",c.value=!1}});const f=o=>{console.log("Import completed:",o)};return(o,e)=>{const l=r("v-icon"),g=r("v-card-title"),k=r("v-progress-circular"),C=r("v-card-text"),w=r("v-card");return a(),s("div",N,[t(w,null,{default:n(()=>[t(g,null,{default:n(()=>[t(l,{left:""},{default:n(()=>e[0]||(e[0]=[m("mdi-file-import")])),_:1}),e[1]||(e[1]=m(" Bulk Import Cards "))]),_:1}),t(C,null,{default:n(()=>[c.value?(a(),s("div",z,[t(k,{indeterminate:""}),e[2]||(e[2]=_("p",{class:"mt-2"},"Loading bulk import tool...",-1))])):u.value?(a(),s("div",M,[t(l,{color:"error",size:"24"},{default:n(()=>e[3]||(e[3]=[m("mdi-alert-circle")])),_:1}),_("p",S,L(u.value),1)])):d.value&&p.value?(a(),s("div",h,[t(v(x),{"course-cfg":p.value,"view-lookup-function":v(B).getView,onImportCompleted:f},null,8,["course-cfg","view-lookup-function"])])):(a(),s("div",j,e[4]||(e[4]=[_("p",{class:"text-center"},"No course loaded",-1)])))]),_:1})]),_:1})])}}}),F=b(Q,[["__scopeId","data-v-ba3b5194"]]);export{F as default};
-//# sourceMappingURL=BulkImportView-DB6DYDJU.js.map

package/dist/studio-ui-assets/assets/BulkImportView-DB6DYDJU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BulkImportView-DB6DYDJU.js","sources":["../../src/views/BulkImportView.vue"],"sourcesContent":["<template>\n  <div class=\"bulk-import-view\">\n    <v-card>\n      <v-card-title>\n        <v-icon left>mdi-file-import</v-icon>\n        Bulk Import Cards\n      </v-card-title>\n      \n      <v-card-text>\n        <div v-if=\"loading\" class=\"text-center pa-4\">\n          <v-progress-circular indeterminate />\n          <p class=\"mt-2\">Loading bulk import tool...</p>\n        </div>\n\n        <div v-else-if=\"error\" class=\"text-center pa-4\">\n          <v-icon color=\"error\" size=\"24\">mdi-alert-circle</v-icon>\n          <p class=\"mt-2 text-error\">{{ error }}</p>\n        </div>\n\n        <div v-else-if=\"courseId && courseConfig\">\n          <!-- Bulk Import View from edit-ui package -->\n          <bulk-import-view \n            :course-cfg=\"courseConfig\"\n            :view-lookup-function=\"allCourses.getView\"\n            @import-completed=\"onImportCompleted\"\n          />\n        </div>\n\n        <div v-else>\n          <p class=\"text-center\">No course loaded</p>\n        </div>\n      </v-card-text>\n    </v-card>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted } from 'vue';\nimport { BulkImportView } from '@vue-skuilder/edit-ui';\nimport { allCourses } from '@vue-skuilder/courses';\nimport { getStudioConfig, getConfigErrorMessage } from '../config/development';\nimport { getDataLayer } from '@vue-skuilder/db';\nimport type { CourseConfig } from '@vue-skuilder/common';\n\n// Bulk import state\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst courseId = ref<string | null>(null);\nconst courseConfig = ref<CourseConfig | null>(null);\n\n// Initialize bulk import view\nonMounted(async () => {\n  try {\n    // Get studio configuration (CLI-injected or environment variables)\n    const studioConfig = getStudioConfig();\n\n    if (!studioConfig) {\n      throw new Error(getConfigErrorMessage());\n    }\n\n    courseId.value = studioConfig.database.name;\n\n    // Load course configuration\n    const dataLayer = getDataLayer();\n    const courseDB = dataLayer.getCourseDB(courseId.value);\n    courseConfig.value = await courseDB.getCourseConfig();\n\n    loading.value = false;\n  } catch (err) {\n    console.error('Bulk import initialization error:', err);\n    error.value = err instanceof Error ? err.message : 'Unknown error';\n    loading.value = false;\n  }\n});\n\n// Handle import completion\nconst onImportCompleted = (result: any) => {\n  console.log('Import completed:', result);\n  // Could add success notification here\n};\n</script>\n\n<style scoped>\n.bulk-import-view {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 16px;\n}\n</style>"],"names":["loading","ref","error","courseId","courseConfig","onMounted","studioConfig","getStudioConfig","getConfigErrorMessage","courseDB","getDataLayer","err","onImportCompleted","result"],"mappings":"seA6CM,MAAAA,EAAUC,EAAI,EAAI,EAClBC,EAAQD,EAAmB,IAAI,EAC/BE,EAAWF,EAAmB,IAAI,EAClCG,EAAeH,EAAyB,IAAI,EAGlDI,EAAU,SAAY,CAChB,GAAA,CAEF,MAAMC,EAAeC,EAAgB,EAErC,GAAI,CAACD,EACG,MAAA,IAAI,MAAME,GAAuB,EAGhCL,EAAA,MAAQG,EAAa,SAAS,KAIvC,MAAMG,EADYC,EAAa,EACJ,YAAYP,EAAS,KAAK,EACxCC,EAAA,MAAQ,MAAMK,EAAS,gBAAgB,EAEpDT,EAAQ,MAAQ,SACTW,EAAK,CACJ,QAAA,MAAM,oCAAqCA,CAAG,EACtDT,EAAM,MAAQS,aAAe,MAAQA,EAAI,QAAU,gBACnDX,EAAQ,MAAQ,EAAA,CAClB,CACD,EAGK,MAAAY,EAAqBC,GAAgB,CACjC,QAAA,IAAI,oBAAqBA,CAAM,CAEzC"}

package/dist/studio-ui-assets/assets/BulkImportView-g4wQUfPA.css

@@ -1 +0,0 @@
-.bulk-import-view[data-v-ba3b5194]{max-width:1200px;margin:0 auto;padding:16px}

package/dist/studio-ui-assets/assets/CourseEditorView-BIlhlhw1.js

@@ -1,2 +0,0 @@
-import{C as _}from"./edit-ui.es-DiUxqbgF.js";import{a as g}from"./index-BnAv1C72.js";import{g as C,a as k,_ as w}from"./index-DHMXQY3-.js";import{h as x,d as u,x as E,X as c,ai as r,aj as s,m as a,ak as t,ao as p,Q as m,V as y,u as v}from"./vue-DZcMATiC.js";import"./vuetify-qg7mRxy_.js";const V={class:"course-editor-view"},N={key:0,class:"text-center pa-4"},z={key:1,class:"text-center pa-4"},B={key:2},I={key:3,class:"text-center pa-4"},L=x({__name:"CourseEditorView",setup(M){const n=u(!0),i=u(null),l=u(null);return E(async()=>{try{const o=C();if(!o)throw new Error(k());l.value=o.database.name,n.value=!1}catch(o){console.error("Course editor initialization error:",o),i.value=o instanceof Error?o.message:"Unknown error",n.value=!1}}),(o,e)=>{const f=c("v-progress-circular"),d=c("v-icon");return s(),r("div",V,[n.value?(s(),r("div",N,[a(f,{indeterminate:""}),e[0]||(e[0]=t("p",{class:"mt-2"},"Loading course editor...",-1))])):i.value?(s(),r("div",z,[a(d,{color:"error",size:"48"},{default:p(()=>e[1]||(e[1]=[m("mdi-alert-circle")])),_:1}),e[2]||(e[2]=t("h2",{class:"mt-2"},"Editor Error",-1)),t("p",null,y(i.value),1)])):l.value?(s(),r("div",B,[a(v(_),{course:l.value,"view-lookup-function":v(g).getView},null,8,["course","view-lookup-function"])])):(s(),r("div",I,[a(d,{size:"48"},{default:p(()=>e[3]||(e[3]=[m("mdi-school")])),_:1}),e[4]||(e[4]=t("h2",{class:"mt-2"},"No Course Loaded",-1)),e[5]||(e[5]=t("p",null,"Please load a course to start editing.",-1))]))])}}}),P=w(L,[["__scopeId","data-v-c575e95c"]]);export{P as default};
-//# sourceMappingURL=CourseEditorView-BIlhlhw1.js.map

package/dist/studio-ui-assets/assets/CourseEditorView-BIlhlhw1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CourseEditorView-BIlhlhw1.js","sources":["../../src/views/CourseEditorView.vue"],"sourcesContent":["<template>\n  <div class=\"course-editor-view\">\n    <div v-if=\"loading\" class=\"text-center pa-4\">\n      <v-progress-circular indeterminate />\n      <p class=\"mt-2\">Loading course editor...</p>\n    </div>\n\n    <div v-else-if=\"error\" class=\"text-center pa-4\">\n      <v-icon color=\"error\" size=\"48\">mdi-alert-circle</v-icon>\n      <h2 class=\"mt-2\">Editor Error</h2>\n      <p>{{ error }}</p>\n    </div>\n\n    <div v-else-if=\"courseId\">\n      <!-- Course Editor from edit-ui package -->\n      <course-editor :course=\"courseId\" :view-lookup-function=\"allCourses.getView\" />\n    </div>\n\n    <div v-else class=\"text-center pa-4\">\n      <v-icon size=\"48\">mdi-school</v-icon>\n      <h2 class=\"mt-2\">No Course Loaded</h2>\n      <p>Please load a course to start editing.</p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted } from 'vue';\nimport { CourseEditor } from '@vue-skuilder/edit-ui';\nimport { allCourses } from '@vue-skuilder/courses';\nimport { getStudioConfig, getConfigErrorMessage } from '../config/development';\n\n// Course editor state\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst courseId = ref<string | null>(null);\n\n// Initialize course editor\nonMounted(async () => {\n  try {\n    // Get studio configuration (CLI-injected or environment variables)\n    const studioConfig = getStudioConfig();\n\n    if (!studioConfig) {\n      throw new Error(getConfigErrorMessage());\n    }\n\n    courseId.value = studioConfig.database.name;\n    loading.value = false;\n  } catch (err) {\n    console.error('Course editor initialization error:', err);\n    error.value = err instanceof Error ? err.message : 'Unknown error';\n    loading.value = false;\n  }\n});\n</script>\n\n<style scoped>\n.course-editor-view {\n  height: 100%;\n}\n</style>\n"],"names":["loading","ref","error","courseId","onMounted","studioConfig","getStudioConfig","getConfigErrorMessage","err"],"mappings":"geAiCM,MAAAA,EAAUC,EAAI,EAAI,EAClBC,EAAQD,EAAmB,IAAI,EAC/BE,EAAWF,EAAmB,IAAI,EAGxC,OAAAG,EAAU,SAAY,CAChB,GAAA,CAEF,MAAMC,EAAeC,EAAgB,EAErC,GAAI,CAACD,EACG,MAAA,IAAI,MAAME,GAAuB,EAGhCJ,EAAA,MAAQE,EAAa,SAAS,KACvCL,EAAQ,MAAQ,SACTQ,EAAK,CACJ,QAAA,MAAM,sCAAuCA,CAAG,EACxDN,EAAM,MAAQM,aAAe,MAAQA,EAAI,QAAU,gBACnDR,EAAQ,MAAQ,EAAA,CAClB,CACD"}

package/dist/studio-ui-assets/assets/CourseEditorView-WuPNLVKp.css

@@ -1 +0,0 @@
-.course-editor-view[data-v-c575e95c]{height:100%}

package/dist/studio-ui-assets/assets/CreateCardView-CyNOKCkm.css

@@ -1 +0,0 @@
-.create-card-view[data-v-6c9210e9]{max-width:1200px;margin:0 auto;padding:16px}

package/dist/studio-ui-assets/assets/CreateCardView-DPjPvzzt.js

@@ -1,2 +0,0 @@
-import{D as I}from"./edit-ui.es-DiUxqbgF.js";import{a as x}from"./index-BnAv1C72.js";import{g as L,a as z,b as q,_ as M}from"./index-DHMXQY3-.js";import{h as T,d as c,c as w,x as U,X as r,ai as n,aj as t,m as s,ao as l,Q as v,ak as m,V as j,an as h,am as V,u as D}from"./vue-DZcMATiC.js";import"./vuetify-qg7mRxy_.js";const F={class:"create-card-view"},Q={key:0,class:"text-center pa-4"},X={key:1,class:"text-center pa-4"},A={class:"mt-2 text-error"},G={key:2},H={key:2,class:"text-center pa-4"},J={key:3},K=T({__name:"CreateCardView",setup(O){const f=c(!0),_=c(null),i=c(null),u=c(null),g=c(0),d=w(()=>u.value?.dataShapes?u.value.dataShapes:[]),k=w(()=>{const a=d.value;if(a.length===0)return null;const e=a[g.value]?.name;if(!e)return null;for(const o of x.courses)for(const C of o.questions)for(const p of C.dataShapes)if(p.name===e.split(".").pop())return p;return null});U(async()=>{try{const a=L();if(!a)throw new Error(z());i.value=a.database.name;const o=q().getCourseDB(i.value);u.value=await o.getCourseConfig(),f.value=!1}catch(a){console.error("Create card initialization error:",a),_.value=a instanceof Error?a.message:"Unknown error",f.value=!1}});const S=a=>{console.log("Card created:",a)};return(a,e)=>{const o=r("v-icon"),C=r("v-card-title"),p=r("v-progress-circular"),N=r("v-select"),b=r("v-card-text"),B=r("v-card");return t(),n("div",F,[s(B,null,{default:l(()=>[s(C,null,{default:l(()=>[s(o,{left:""},{default:l(()=>e[1]||(e[1]=[v("mdi-card-plus")])),_:1}),e[2]||(e[2]=v(" Create New Card "))]),_:1}),s(b,null,{default:l(()=>[f.value?(t(),n("div",Q,[s(p,{indeterminate:""}),e[3]||(e[3]=m("p",{class:"mt-2"},"Loading card creation form...",-1))])):_.value?(t(),n("div",X,[s(o,{color:"error",size:"24"},{default:l(()=>e[4]||(e[4]=[v("mdi-alert-circle")])),_:1}),m("p",A,j(_.value),1)])):i.value&&u.value?(t(),n("div",G,[d.value.length>1?(t(),h(N,{key:0,modelValue:g.value,"onUpdate:modelValue":e[0]||(e[0]=y=>g.value=y),items:d.value.map((y,E)=>({title:y.name.replace(/^.*\./,""),value:E})),label:"Card Type",class:"mb-4"},null,8,["modelValue","items"])):V("",!0),k.value?(t(),h(D(I),{key:1,"course-id":i.value,"course-cfg":u.value,"data-shape":k.value,"view-lookup-function":D(x).getView,onCardCreated:S},null,8,["course-id","course-cfg","data-shape","view-lookup-function"])):d.value.length===0?(t(),n("div",H,[s(o,{color:"warning",size:"24"},{default:l(()=>e[5]||(e[5]=[v("mdi-alert")])),_:1}),e[6]||(e[6]=m("p",{class:"mt-2"},"No card types available in this course",-1))])):V("",!0)])):(t(),n("div",J,e[7]||(e[7]=[m("p",{class:"text-center"},"No course loaded",-1)])))]),_:1})]),_:1})])}}}),$=M(K,[["__scopeId","data-v-6c9210e9"]]);export{$ as default};
-//# sourceMappingURL=CreateCardView-DPjPvzzt.js.map

package/dist/studio-ui-assets/assets/CreateCardView-DPjPvzzt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateCardView-DPjPvzzt.js","sources":["../../src/views/CreateCardView.vue"],"sourcesContent":["<template>\n  <div class=\"create-card-view\">\n    <v-card>\n      <v-card-title>\n        <v-icon left>mdi-card-plus</v-icon>\n        Create New Card\n      </v-card-title>\n\n      <v-card-text>\n        <div v-if=\"loading\" class=\"text-center pa-4\">\n          <v-progress-circular indeterminate />\n          <p class=\"mt-2\">Loading card creation form...</p>\n        </div>\n\n        <div v-else-if=\"error\" class=\"text-center pa-4\">\n          <v-icon color=\"error\" size=\"24\">mdi-alert-circle</v-icon>\n          <p class=\"mt-2 text-error\">{{ error }}</p>\n        </div>\n\n        <div v-else-if=\"courseId && courseConfig\">\n          <!-- Card type selector -->\n          <v-select\n            v-if=\"availableDataShapes.length > 1\"\n            v-model=\"selectedDataShapeIndex\"\n            :items=\"\n              availableDataShapes.map((shape, index) => ({\n                title: shape.name.replace(/^.*\\./, ''),\n                value: index,\n              }))\n            \"\n            label=\"Card Type\"\n            class=\"mb-4\"\n          />\n\n          <!-- Data Input Form from edit-ui package -->\n          <data-input-form\n            v-if=\"selectedDataShape\"\n            :course-id=\"courseId\"\n            :course-cfg=\"courseConfig\"\n            :data-shape=\"selectedDataShape\"\n            :view-lookup-function=\"allCourses.getView\"\n            @card-created=\"onCardCreated\"\n          />\n\n          <div v-else-if=\"availableDataShapes.length === 0\" class=\"text-center pa-4\">\n            <v-icon color=\"warning\" size=\"24\">mdi-alert</v-icon>\n            <p class=\"mt-2\">No card types available in this course</p>\n          </div>\n        </div>\n\n        <div v-else>\n          <p class=\"text-center\">No course loaded</p>\n        </div>\n      </v-card-text>\n    </v-card>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, computed } from 'vue';\nimport { DataInputForm } from '@vue-skuilder/edit-ui';\nimport { allCourses } from '@vue-skuilder/courses';\nimport { getStudioConfig, getConfigErrorMessage } from '../config/development';\nimport { getDataLayer } from '@vue-skuilder/db';\nimport type { CourseConfig, DataShape } from '@vue-skuilder/common';\n\n// Create card state\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst courseId = ref<string | null>(null);\nconst courseConfig = ref<CourseConfig | null>(null);\nconst selectedDataShapeIndex = ref<number>(0);\n\n// Get available data shapes\nconst availableDataShapes = computed(() => {\n  if (!courseConfig.value?.dataShapes) return [];\n  return courseConfig.value.dataShapes;\n});\n\n// Get currently selected data shape\nconst selectedDataShape = computed((): DataShape | null => {\n  const shapes = availableDataShapes.value;\n  if (shapes.length === 0) return null;\n\n  // Find the corresponding DataShape from allCourses\n  const shapeName = shapes[selectedDataShapeIndex.value]?.name;\n  if (!shapeName) return null;\n\n  // Search through all courses to find the DataShape\n  for (const course of allCourses.courses) {\n    for (const question of course.questions) {\n      for (const dataShape of question.dataShapes) {\n        if (dataShape.name === shapeName.split('.').pop()) {\n          return dataShape;\n        }\n      }\n    }\n  }\n  return null;\n});\n\n// Initialize create card view\nonMounted(async () => {\n  try {\n    // Get studio configuration (CLI-injected or environment variables)\n    const studioConfig = getStudioConfig();\n\n    if (!studioConfig) {\n      throw new Error(getConfigErrorMessage());\n    }\n\n    courseId.value = studioConfig.database.name;\n\n    // Load course configuration\n    const dataLayer = getDataLayer();\n    const courseDB = dataLayer.getCourseDB(courseId.value);\n    courseConfig.value = await courseDB.getCourseConfig();\n\n    loading.value = false;\n  } catch (err) {\n    console.error('Create card initialization error:', err);\n    error.value = err instanceof Error ? err.message : 'Unknown error';\n    loading.value = false;\n  }\n});\n\n// Handle card creation\nconst onCardCreated = (cardData: any) => {\n  console.log('Card created:', cardData);\n  // Could add success notification or redirect here\n};\n</script>\n\n<style scoped>\n.create-card-view {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 16px;\n}\n</style>\n"],"names":["loading","ref","error","courseId","courseConfig","selectedDataShapeIndex","availableDataShapes","computed","selectedDataShape","shapes","shapeName","course","allCourses","question","dataShape","onMounted","studioConfig","getStudioConfig","getConfigErrorMessage","courseDB","getDataLayer","err","onCardCreated","cardData"],"mappings":"giBAmEM,MAAAA,EAAUC,EAAI,EAAI,EAClBC,EAAQD,EAAmB,IAAI,EAC/BE,EAAWF,EAAmB,IAAI,EAClCG,EAAeH,EAAyB,IAAI,EAC5CI,EAAyBJ,EAAY,CAAC,EAGtCK,EAAsBC,EAAS,IAC9BH,EAAa,OAAO,WAClBA,EAAa,MAAM,WADkB,CAAC,CAE9C,EAGKI,EAAoBD,EAAS,IAAwB,CACzD,MAAME,EAASH,EAAoB,MAC/B,GAAAG,EAAO,SAAW,EAAU,OAAA,KAGhC,MAAMC,EAAYD,EAAOJ,EAAuB,KAAK,GAAG,KACpD,GAAA,CAACK,EAAkB,OAAA,KAGZ,UAAAC,KAAUC,EAAW,QACnB,UAAAC,KAAYF,EAAO,UACjB,UAAAG,KAAaD,EAAS,WAC/B,GAAIC,EAAU,OAASJ,EAAU,MAAM,GAAG,EAAE,MACnC,OAAAI,EAKR,OAAA,IAAA,CACR,EAGDC,EAAU,SAAY,CAChB,GAAA,CAEF,MAAMC,EAAeC,EAAgB,EAErC,GAAI,CAACD,EACG,MAAA,IAAI,MAAME,GAAuB,EAGhCf,EAAA,MAAQa,EAAa,SAAS,KAIvC,MAAMG,EADYC,EAAa,EACJ,YAAYjB,EAAS,KAAK,EACxCC,EAAA,MAAQ,MAAMe,EAAS,gBAAgB,EAEpDnB,EAAQ,MAAQ,SACTqB,EAAK,CACJ,QAAA,MAAM,oCAAqCA,CAAG,EACtDnB,EAAM,MAAQmB,aAAe,MAAQA,EAAI,QAAU,gBACnDrB,EAAQ,MAAQ,EAAA,CAClB,CACD,EAGK,MAAAsB,EAAiBC,GAAkB,CAC/B,QAAA,IAAI,gBAAiBA,CAAQ,CAEvC"}