@see-ms/converter 0.1.3 → 0.1.5

package/dist/cli.mjs

@@ -4,11 +4,13 @@
 import { Command } from "commander";
 import pc4 from "picocolors";
 import * as readline2 from "readline";
+import fs12 from "fs-extra";
+import path14 from "path";
 
 // src/converter.ts
 import pc3 from "picocolors";
-import path11 from "path";
-import fs9 from "fs-extra";
+import path12 from "path";
+import fs10 from "fs-extra";
 
 // src/filesystem.ts
 import fs from "fs-extra";
@@ -326,39 +328,423 @@ ${styles}`, "utf-8");
 ${styles}`, "utf-8");
   }
 }
+async function addStrapiUrlToConfig(outputDir, strapiUrl = "http://localhost:1337") {
+  const configPath = path3.join(outputDir, "nuxt.config.ts");
+  const configExists = await fs2.pathExists(configPath);
+  if (!configExists) {
+    throw new Error("nuxt.config.ts not found in output directory");
+  }
+  let config = await fs2.readFile(configPath, "utf-8");
+  if (config.includes("runtimeConfig:")) {
+    if (config.includes("public:")) {
+      config = config.replace(
+        /public:\s*\{/,
+        `public: {
+      strapiUrl: process.env.STRAPI_URL || '${strapiUrl}',`
+      );
+    } else {
+      config = config.replace(
+        /runtimeConfig:\s*\{/,
+        `runtimeConfig: {
+    public: {
+      strapiUrl: process.env.STRAPI_URL || '${strapiUrl}'
+    },`
+      );
+    }
+  } else {
+    config = config.replace(
+      /export default defineNuxtConfig\(\{/,
+      `export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      strapiUrl: process.env.STRAPI_URL || '${strapiUrl}'
+    }
+  },`
+    );
+  }
+  await fs2.writeFile(configPath, config, "utf-8");
+}
 
 // src/editor-integration.ts
 import fs3 from "fs-extra";
 import path4 from "path";
+async function createEditorContentComposable(outputDir) {
+  const composablesDir = path4.join(outputDir, "composables");
+  await fs3.ensureDir(composablesDir);
+  const composableContent = `/**
+ * Global state for editor content in preview mode
+ * This allows the editor overlay to update content reactively
+ */
+
+// Global reactive state
+const editorState = reactive<{
+  isPreviewMode: boolean;
+  currentPage: string | null;
+  content: Record<string, Record<string, any>>; // page -> field -> value
+  hasChanges: Record<string, boolean>; // page -> hasChanges
+}>({
+  isPreviewMode: false,
+  currentPage: null,
+  content: {},
+  hasChanges: {},
+});
+
+export function useEditorContent(pageName?: string) {
+  const route = useRoute();
+
+  // Check if we're in preview mode
+  const isPreviewMode = computed(() => route.query.preview === 'true');
+
+  // Update global state
+  if (import.meta.client) {
+    editorState.isPreviewMode = isPreviewMode.value;
+    if (pageName) {
+      editorState.currentPage = pageName;
+    }
+  }
+
+  // Get content for specific page
+  const getPageContent = (page: string) => {
+    return editorState.content[page] || {};
+  };
+
+  // Update a field's value
+  const updateField = (page: string, fieldName: string, value: any) => {
+    if (!editorState.content[page]) {
+      editorState.content[page] = {};
+    }
+    editorState.content[page][fieldName] = value;
+    editorState.hasChanges[page] = true;
+  };
+
+  // Clear all changes for a page
+  const clearPageChanges = (page: string) => {
+    delete editorState.content[page];
+    editorState.hasChanges[page] = false;
+  };
+
+  // Initialize page content from Strapi data
+  const initializePageContent = (page: string, content: Record<string, any>) => {
+    if (!editorState.content[page]) {
+      editorState.content[page] = { ...content };
+    }
+  };
+
+  // Get content for current page (reactive)
+  const content = computed(() => {
+    const page = pageName || editorState.currentPage;
+    if (!page) return {};
+    return editorState.content[page] || {};
+  });
+
+  // Check if page has unsaved changes
+  const hasChanges = computed(() => {
+    const page = pageName || editorState.currentPage;
+    if (!page) return false;
+    return editorState.hasChanges[page] || false;
+  });
+
+  // Get all pages with changes
+  const pagesWithChanges = computed(() => {
+    return Object.keys(editorState.hasChanges).filter(
+      (page) => editorState.hasChanges[page]
+    );
+  });
+
+  // Expose state for window object (for editor overlay to access)
+  if (import.meta.client) {
+    (window as any).__editorState = editorState;
+  }
+
+  return {
+    isPreviewMode,
+    content,
+    hasChanges,
+    pagesWithChanges,
+    getPageContent,
+    updateField,
+    clearPageChanges,
+    initializePageContent,
+  };
+}
+`;
+  const composablePath = path4.join(composablesDir, "useEditorContent.ts");
+  await fs3.writeFile(composablePath, composableContent, "utf-8");
+}
+async function createStrapiContentComposable(outputDir) {
+  const composablesDir = path4.join(outputDir, "composables");
+  await fs3.ensureDir(composablesDir);
+  const composableContent = `/**
+ * Composable to fetch content from Strapi based on CMS manifest
+ * Integrates with editor state for preview mode
+ */
+
+export function useStrapiContent(pageName: string) {
+  const config = useRuntimeConfig();
+  const strapiUrl = config.public.strapiUrl || 'http://localhost:1337';
+  const editorContent = useEditorContent(pageName);
+
+  // Helper to transform Strapi image objects to URL strings
+  const transformStrapiImages = (data: any, baseUrl: string): any => {
+    if (!data || typeof data !== 'object') return data;
+
+    const transformed: any = {};
+
+    for (const [key, value] of Object.entries(data)) {
+      if (value && typeof value === 'object') {
+        // Check if it's a Strapi media object
+        if ('url' in value && ('mime' in value || 'formats' in value)) {
+          // It's an image - extract the URL
+          transformed[key] = value.url.startsWith('http')
+            ? value.url
+            : \`\${baseUrl}\${value.url}\`;
+        } else if (Array.isArray(value)) {
+          // Handle arrays (collections of images)
+          transformed[key] = value.map((item) =>
+            item && typeof item === 'object' && 'url' in item
+              ? item.url.startsWith('http')
+                ? item.url
+                : \`\${baseUrl}\${item.url}\`
+              : item
+          );
+        } else {
+          // Recursively transform nested objects
+          transformed[key] = transformStrapiImages(value, baseUrl);
+        }
+      } else {
+        transformed[key] = value;
+      }
+    }
+
+    return transformed;
+  };
+
+  // Fetch content from Strapi with populated media fields
+  const { data: strapiData } = useFetch<any>(
+    \`\${strapiUrl}/api/\${pageName}\`,
+    {
+      key: \`strapi-\${pageName}\`,
+      query: {
+        populate: '*', // Strapi v5: Populate all fields including images
+      },
+      transform: (response) => {
+        // Strapi v5 returns data in response.data
+        const data = response?.data || response;
+
+        // Transform image fields from Strapi objects to URL strings
+        if (data && typeof data === 'object') {
+          return transformStrapiImages(data, strapiUrl);
+        }
+
+        return data;
+      },
+    }
+  );
+
+  // Initialize editor state with Strapi data when fetched
+  // This runs in both normal AND preview mode to ensure initial content is available
+  watch(
+    strapiData,
+    (newData) => {
+      if (newData) {
+        // Always initialize from Strapi on first load
+        // Drafts will override this when they load in the editor
+        editorContent.initializePageContent(pageName, newData);
+      }
+    },
+    { immediate: true }
+  );
+
+  // In preview mode: use editor state
+  // In normal mode: use Strapi data (and sync to editor state)
+  const content = computed(() => {
+    if (editorContent.isPreviewMode.value) {
+      // Use editor state in preview mode
+      return editorContent.getPageContent(pageName);
+    } else {
+      // Use Strapi data in normal mode
+      return strapiData.value || editorContent.getPageContent(pageName);
+    }
+  });
+
+  return {
+    content,
+  };
+}
+`;
+  const composablePath = path4.join(composablesDir, "useStrapiContent.ts");
+  await fs3.writeFile(composablePath, composableContent, "utf-8");
+}
 async function createEditorPlugin(outputDir) {
   const pluginsDir = path4.join(outputDir, "plugins");
   await fs3.ensureDir(pluginsDir);
   const pluginContent = `/**
  * CMS Editor Overlay Plugin
- * Loads the inline editor when ?preview=true
+ * Loads the inline editor when ?preview=true with full state management
+ */
+
+/**
+ * Disable Lenis smooth scroll to allow native scrolling in edit mode
  */
+function disableLenisInEditMode() {
+  try {
+    // Check for Lenis in common locations
+    const lenisInstances = [
+      (window as any).lenis,
+      (window as any).__lenis,
+      document.querySelector('.lenis'),
+    ];
+
+    for (const lenis of lenisInstances) {
+      if (lenis && typeof lenis.destroy === 'function') {
+        lenis.destroy();
+        return;
+      }
+    }
 
-export default defineNuxtPlugin(() => {
+    // Check for Vue Lenis component instances
+    const lenisElements = document.querySelectorAll('[data-lenis], .lenis');
+    if (lenisElements.length > 0) {
+      // Try to find and destroy via data attributes or component instances
+      lenisElements.forEach((el: any) => {
+        if (el.__lenis && typeof el.__lenis.destroy === 'function') {
+          el.__lenis.destroy();
+        }
+      });
+    }
+  } catch (error) {
+    // Silently fail - Lenis may not be present
+  }
+}
+
+export default defineNuxtPlugin(async (nuxtApp) => {
   // Only run on client side
   if (process.server) return;
-  
-  // Check for preview mode
-  const params = new URLSearchParams(window.location.search);
-  
-  if (params.get('preview') === 'true') {
-    // Dynamically import the editor
-    import('@see-ms/editor-overlay').then(({ initEditor, createToolbar }) => {
-      const editor = initEditor({
-        apiEndpoint: '/api/cms/save',
-        richText: true,
-      });
-      
-      editor.enable();
-      
-      const toolbar = createToolbar(editor);
-      document.body.appendChild(toolbar);
-    });
+
+  // Import editor overlay modules
+  const {
+    initEditor,
+    createAuthManager,
+    showLoginModal,
+    createDraftStorage,
+    createURLStateManager,
+    createManifestLoader,
+    createNavigationGuard,
+    getCurrentPageFromRoute,
+  } = await import('@see-ms/editor-overlay');
+
+  // Initialize URL state manager
+  const urlState = createURLStateManager();
+  const state = urlState.getState();
+
+  // Only proceed if in preview mode
+  if (!state.preview) return;
+
+  // Get Strapi URL from runtime config
+  const config = useRuntimeConfig();
+  const strapiUrl = config.public.strapiUrl || 'http://localhost:1337';
+
+  // Initialize components
+  const authManager = createAuthManager({
+    strapiUrl,
+    storageKey: 'cms_editor_token',
+  });
+
+  const draftStorage = createDraftStorage();
+  const manifestLoader = createManifestLoader();
+
+  // Load manifest
+  try {
+    await manifestLoader.load();
+  } catch (error) {
+    console.error('[CMS Editor] Failed to load manifest:', error);
+    return;
   }
+
+  // Get current page from route
+  let currentPage = getCurrentPageFromRoute();
+  if (!currentPage) {
+    currentPage = manifestLoader.getPageFromRoute(window.location.pathname);
+  }
+
+  if (!currentPage) {
+    console.error('[CMS Editor] Could not determine current page');
+    return;
+  }
+
+  // URL state only manages preview mode (page is derived from route)
+  urlState.setState({ preview: true });
+
+  // Auth flow
+  let token = authManager.getToken();
+  if (!token || !await authManager.verifyToken(token)) {
+    try {
+      token = await showLoginModal(authManager);
+    } catch (error) {
+      // Login cancelled - exit preview mode
+      console.log('[CMS Editor] Login cancelled');
+      urlState.clearPreviewMode();
+      return;
+    }
+  }
+
+  // Disable Lenis smooth scroll in edit mode (allows native scrolling)
+  disableLenisInEditMode();
+
+  // Initialize navigation guard
+  const navigationGuard = createNavigationGuard({
+    showToast: true,
+    toastMessage: 'Navigation disabled in edit mode',
+  });
+  navigationGuard.enable();
+
+  // Initialize editor with full context
+  const editor = initEditor({
+    apiEndpoint: '/api/cms/save',
+    authToken: token,
+    richText: true,
+    manifestLoader,
+    draftStorage,
+    currentPage,
+  });
+
+  // Enable editor (will auto-load drafts)
+  await editor.enable();
+
+  // Create toolbar with navigation
+  const { createToolbar } = await import('@see-ms/editor-overlay');
+  const toolbar = await createToolbar(editor, {
+    draftStorage,
+    urlState,
+    navigationGuard,
+    manifestLoader,
+    currentPage,
+  });
+  document.body.appendChild(toolbar);
+
+  // Watch for route changes
+  const router = useRouter();
+  router.afterEach(async (to) => {
+    const newPage = manifestLoader.getPageFromRoute(to.path);
+    if (newPage && newPage !== currentPage) {
+      currentPage = newPage;
+      await editor.setPage(newPage);
+
+      // Update toolbar if it has an update method
+      if (typeof (toolbar as any).updateCurrentPage === 'function') {
+        await (toolbar as any).updateCurrentPage(newPage);
+      }
+    }
+  });
+
+  // Cleanup on navigation away from preview mode
+  nuxtApp.hook('page:finish', () => {
+    const currentState = urlState.getState();
+    if (!currentState.preview) {
+      navigationGuard.disable();
+      editor.destroy();
+    }
+  });
 });
 `;
   const pluginPath = path4.join(pluginsDir, "cms-editor.client.ts");
@@ -380,29 +766,595 @@ async function createSaveEndpoint(outputDir) {
   await fs3.ensureDir(serverDir);
   const endpointContent = `/**
  * API endpoint for saving CMS changes
+ * Handles draft and final saving to Strapi
  */
 
+import fs from 'fs';
+import path from 'path';
+
 export default defineEventHandler(async (event) => {
-  const body = await readBody(event);
-  
-  // TODO: Implement actual saving to Strapi
-  // For now, just log the changes
-  console.log('CMS changes:', body);
-  
-  // In production, this would:
-  // 1. Validate the changes
-  // 2. Send to Strapi API
-  // 3. Return success/error
-  
-  return {
-    success: true,
-    message: 'Changes saved (demo mode)',
-  };
+  // Get Strapi URL from runtime config
+  const config = useRuntimeConfig();
+  const strapiUrl = config.public.strapiUrl || 'http://localhost:1337';
+
+  // Extract Authorization header
+  const authHeader = getHeader(event, 'authorization');
+
+  if (!authHeader || !authHeader.startsWith('Bearer ')) {
+    throw createError({
+      statusCode: 401,
+      statusMessage: 'Unauthorized: Missing or invalid authorization header',
+    });
+  }
+
+  const token = authHeader.substring(7); // Remove 'Bearer ' prefix
+
+  // Verify token with Strapi and determine if it's an admin or user token
+  let userResponse: any;
+  let isAdminToken = false;
+
+  try {
+    // Try admin token verification first
+    try {
+      userResponse = await $fetch(\`\${strapiUrl}/admin/users/me\`, {
+        headers: {
+          Authorization: \`Bearer \${token}\`,
+        },
+      });
+      isAdminToken = true;
+    } catch (adminError) {
+      // Fallback to regular user token verification
+      userResponse = await $fetch(\`\${strapiUrl}/api/users/me\`, {
+        headers: {
+          Authorization: \`Bearer \${token}\`,
+        },
+      });
+      isAdminToken = false;
+    }
+
+    // Get the request body
+    const body = await readBody(event);
+    const { page, fields, isDraft = true } = body;
+
+    if (!page || !fields) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Bad Request: Missing page or fields',
+      });
+    }
+
+    // Load manifest to understand field mappings
+    const manifestPath = path.join(process.cwd(), 'cms-manifest.json');
+    let manifest;
+    try {
+      const manifestContent = fs.readFileSync(manifestPath, 'utf-8');
+      manifest = JSON.parse(manifestContent);
+    } catch (error) {
+      console.error('Failed to load manifest:', error);
+      throw createError({
+        statusCode: 500,
+        statusMessage: 'Failed to load CMS manifest',
+      });
+    }
+
+    // Get page configuration from manifest
+    const pageConfig = manifest.pages[page];
+    if (!pageConfig) {
+      throw createError({
+        statusCode: 404,
+        statusMessage: \`Page "\${page}" not found in manifest\`,
+      });
+    }
+
+    // Transform fields to Strapi format
+    const strapiData: Record<string, any> = {};
+    for (const [fieldName, value] of Object.entries(fields)) {
+      const fieldConfig = pageConfig.fields[fieldName];
+      if (!fieldConfig) {
+        console.warn(\`Field "\${fieldName}" not found in manifest for page "\${page}"\`);
+        continue;
+      }
+
+      // Handle different field types
+      if (fieldConfig.type === 'image') {
+        // TODO: Handle image uploads - for now just store the value
+        strapiData[fieldName] = value;
+      } else {
+        strapiData[fieldName] = value;
+      }
+    }
+
+    // Update Strapi v5 content - use different endpoints for admin vs user tokens
+    if (isAdminToken) {
+      // Admin tokens use the content-manager API (Strapi v5)
+      const contentEndpoint = \`\${strapiUrl}/content-manager/single-types/api::\${page}.\${page}\`;
+
+      // Step 1: Update the content
+      await $fetch(contentEndpoint, {
+        method: 'PUT',
+        headers: {
+          'Authorization': \`Bearer \${token}\`,
+          'Content-Type': 'application/json',
+        },
+        body: strapiData,
+      });
+
+      // Step 2: Publish if not a draft (Strapi v5)
+      if (!isDraft) {
+        const publishEndpoint = \`\${strapiUrl}/content-manager/single-types/api::\${page}.\${page}/actions/publish\`;
+        await $fetch(publishEndpoint, {
+          method: 'POST',
+          headers: {
+            'Authorization': \`Bearer \${token}\`,
+            'Content-Type': 'application/json',
+          },
+          body: {},
+        });
+      }
+    } else {
+      // User tokens use the regular REST API
+      const strapiEndpoint = \`\${strapiUrl}/api/\${page}\`;
+
+      await $fetch(strapiEndpoint, {
+        method: 'PUT',
+        headers: {
+          'Authorization': \`Bearer \${token}\`,
+          'Content-Type': 'application/json',
+        },
+        body: {
+          data: strapiData,
+        },
+      });
+
+      // Publish if not a draft (Strapi v5)
+      if (!isDraft) {
+        const publishEndpoint = \`\${strapiUrl}/api/\${page}/publish\`;
+        await $fetch(publishEndpoint, {
+          method: 'POST',
+          headers: {
+            'Authorization': \`Bearer \${token}\`,
+            'Content-Type': 'application/json',
+          },
+          body: {},
+        });
+      }
+    }
+
+    console.log(\`[CMS Save] Updated "\${page}" in Strapi (draft: \${isDraft})\`);
+
+    return {
+      success: true,
+      message: 'Changes saved successfully',
+      page,
+      isDraft,
+      user: {
+        id: userResponse.id,
+        username: userResponse.username || userResponse.firstname || 'Unknown',
+      },
+    };
+  } catch (error: any) {
+    console.error('[CMS Save] Error:', error);
+
+    // Token verification failed
+    if (error.statusCode === 401 || error.status === 401) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: 'Unauthorized: Invalid or expired token',
+      });
+    }
+
+    // Strapi error
+    if (error.statusCode || error.status) {
+      throw createError({
+        statusCode: error.statusCode || error.status,
+        statusMessage: error.statusMessage || error.message || 'Failed to save to Strapi',
+      });
+    }
+
+    // Generic error
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Internal server error while saving changes',
+    });
+  }
 });
 `;
   const endpointPath = path4.join(serverDir, "save.post.ts");
   await fs3.writeFile(endpointPath, endpointContent, "utf-8");
 }
+async function createStrapiBootstrap(outputDir) {
+  const strapiBootstrapDir = path4.join(outputDir, "strapi-bootstrap");
+  await fs3.ensureDir(strapiBootstrapDir);
+  const bootstrapContent = `/**
+ * Strapi Bootstrap File
+ * Auto-enables public read permissions for all single types
+ *
+ * Place this file in your Strapi project at: src/index.ts
+ */
+
+export default {
+  /**
+   * Bootstrap function runs when Strapi starts
+   */
+  async bootstrap({ strapi }: { strapi: any }) {
+    try {
+      console.log('[Bootstrap] Configuring public permissions for CMS...');
+
+      // Get the public role
+      const publicRole = await strapi
+        .query('plugin::users-permissions.role')
+        .findOne({ where: { type: 'public' } });
+
+      if (!publicRole) {
+        console.error('[Bootstrap] Public role not found');
+        return;
+      }
+
+      // Get all content types
+      const contentTypes = Object.keys(strapi.contentTypes).filter(
+        (uid) => uid.startsWith('api::')
+      );
+
+      // Enable find and findOne for each content type
+      const permissions = await strapi
+        .query('plugin::users-permissions.permission')
+        .findMany({
+          where: {
+            role: publicRole.id,
+          },
+        });
+
+      let updatedCount = 0;
+
+      for (const contentType of contentTypes) {
+        const [, apiName] = contentType.split('::');
+        const [controllerName] = apiName.split('.');
+
+        // Find or create find permission
+        const findPermission = permissions.find(
+          (p: any) =>
+            p.action === \`api::\${apiName}.find\` ||
+            p.action === 'find' && p.controller === controllerName
+        );
+
+        const findOnePermission = permissions.find(
+          (p: any) =>
+            p.action === \`api::\${apiName}.findOne\` ||
+            p.action === 'findOne' && p.controller === controllerName
+        );
+
+        // Enable find
+        if (findPermission && !findPermission.enabled) {
+          await strapi
+            .query('plugin::users-permissions.permission')
+            .update({
+              where: { id: findPermission.id },
+              data: { enabled: true },
+            });
+          updatedCount++;
+        }
+
+        // Enable findOne
+        if (findOnePermission && !findOnePermission.enabled) {
+          await strapi
+            .query('plugin::users-permissions.permission')
+            .update({
+              where: { id: findOnePermission.id },
+              data: { enabled: true },
+            });
+          updatedCount++;
+        }
+
+        // If permissions don't exist, create them
+        if (!findPermission) {
+          await strapi.query('plugin::users-permissions.permission').create({
+            data: {
+              action: \`api::\${apiName}.find\`,
+              role: publicRole.id,
+              enabled: true,
+            },
+          });
+          updatedCount++;
+        }
+
+        if (!findOnePermission) {
+          await strapi.query('plugin::users-permissions.permission').create({
+            data: {
+              action: \`api::\${apiName}.findOne\`,
+              role: publicRole.id,
+              enabled: true,
+            },
+          });
+          updatedCount++;
+        }
+      }
+
+      console.log(
+        \`[Bootstrap] \u2705 Enabled \${updatedCount} public permissions for \${contentTypes.length} content types\`
+      );
+    } catch (error) {
+      console.error('[Bootstrap] Error enabling public permissions:', error);
+    }
+  },
+};
+`;
+  const bootstrapPath = path4.join(strapiBootstrapDir, "index.ts");
+  await fs3.writeFile(bootstrapPath, bootstrapContent, "utf-8");
+  const readmeContent = `# Strapi Bootstrap File
+
+This file automatically enables public read permissions for all CMS content types when Strapi starts.
+
+## Installation
+
+1. Copy the \`index.ts\` file to your Strapi project:
+   \`\`\`bash
+   cp strapi-bootstrap/index.ts <your-strapi-project>/src/index.ts
+   \`\`\`
+
+2. Restart Strapi:
+   \`\`\`bash
+   cd <your-strapi-project>
+   npm run develop
+   \`\`\`
+
+3. Check the console logs - you should see:
+   \`\`\`
+   [Bootstrap] \u2705 Enabled X public permissions for Y content types
+   \`\`\`
+
+## What It Does
+
+- Runs automatically when Strapi starts
+- Finds the "Public" role
+- Enables \`find\` and \`findOne\` permissions for all API content types
+- Allows unauthenticated users to read published content
+- Fixes 403 Forbidden errors from \`useStrapiContent\`
+
+## Manual Alternative
+
+If you prefer to set permissions manually:
+
+1. Open Strapi admin: http://localhost:1337/admin
+2. Go to: Settings \u2192 Users & Permissions Plugin \u2192 Roles \u2192 Public
+3. For each content type, check:
+   - \u2705 find
+   - \u2705 findOne
+4. Click Save
+
+## Notes
+
+- Only enables READ permissions (find, findOne)
+- Does NOT enable write permissions (create, update, delete)
+- Only affects the "Public" role (unauthenticated users)
+- Safe to run multiple times (idempotent)
+`;
+  const readmePath = path4.join(strapiBootstrapDir, "README.md");
+  await fs3.writeFile(readmePath, readmeContent, "utf-8");
+  console.log("  \u2713 Generated Strapi bootstrap file");
+}
+async function createPublishEndpoint(outputDir) {
+  const serverDir = path4.join(outputDir, "server", "api", "cms");
+  await fs3.ensureDir(serverDir);
+  const endpointContent = `/**
+ * API endpoint for batch publishing CMS changes
+ * Publishes all drafts at once
+ */
+
+import fs from 'fs';
+import path from 'path';
+
+export default defineEventHandler(async (event) => {
+  // Get Strapi URL from runtime config
+  const config = useRuntimeConfig();
+  const strapiUrl = config.public.strapiUrl || 'http://localhost:1337';
+
+  // Extract Authorization header
+  const authHeader = getHeader(event, 'authorization');
+
+  if (!authHeader || !authHeader.startsWith('Bearer ')) {
+    throw createError({
+      statusCode: 401,
+      statusMessage: 'Unauthorized: Missing or invalid authorization header',
+    });
+  }
+
+  const token = authHeader.substring(7); // Remove 'Bearer ' prefix
+
+  // Verify token with Strapi and determine if it's an admin or user token
+  let userResponse: any;
+  let isAdminToken = false;
+
+  try {
+    // Try admin token verification first
+    try {
+      userResponse = await $fetch(\`\${strapiUrl}/admin/users/me\`, {
+        headers: {
+          Authorization: \`Bearer \${token}\`,
+        },
+      });
+      isAdminToken = true;
+    } catch (adminError) {
+      // Fallback to regular user token verification
+      userResponse = await $fetch(\`\${strapiUrl}/api/users/me\`, {
+        headers: {
+          Authorization: \`Bearer \${token}\`,
+        },
+      });
+      isAdminToken = false;
+    }
+
+    // Get the request body
+    const body = await readBody(event);
+    const { pages } = body;
+
+    if (!pages || !Array.isArray(pages)) {
+      throw createError({
+        statusCode: 400,
+        statusMessage: 'Bad Request: Missing or invalid pages array',
+      });
+    }
+
+    // Load manifest to understand field mappings
+    const manifestPath = path.join(process.cwd(), 'cms-manifest.json');
+    let manifest;
+    try {
+      const manifestContent = fs.readFileSync(manifestPath, 'utf-8');
+      manifest = JSON.parse(manifestContent);
+    } catch (error) {
+      console.error('Failed to load manifest:', error);
+      throw createError({
+        statusCode: 500,
+        statusMessage: 'Failed to load CMS manifest',
+      });
+    }
+
+    // Process all pages - call Strapi directly
+    const results = await Promise.allSettled(
+      pages.map(async ({ page, fields }) => {
+        try {
+          // Get page configuration from manifest
+          const pageConfig = manifest.pages[page];
+          if (!pageConfig) {
+            throw new Error(\`Page "\${page}" not found in manifest\`);
+          }
+
+          // Transform fields to Strapi format
+          const strapiData: Record<string, any> = {};
+          for (const [fieldName, value] of Object.entries(fields)) {
+            const fieldConfig = pageConfig.fields[fieldName];
+            if (!fieldConfig) {
+              console.warn(\`Field "\${fieldName}" not found in manifest for page "\${page}"\`);
+              continue;
+            }
+
+            // Handle different field types
+            if (fieldConfig.type === 'image') {
+              // TODO: Handle image uploads - for now just store the value
+              strapiData[fieldName] = value;
+            } else {
+              strapiData[fieldName] = value;
+            }
+          }
+
+          // Update Strapi v5 content - use different endpoints for admin vs user tokens
+          if (isAdminToken) {
+            // Admin tokens use the content-manager API (Strapi v5)
+            const contentEndpoint = \`\${strapiUrl}/content-manager/single-types/api::\${page}.\${page}\`;
+
+            // Step 1: Update the content
+            await $fetch(contentEndpoint, {
+              method: 'PUT',
+              headers: {
+                'Authorization': \`Bearer \${token}\`,
+                'Content-Type': 'application/json',
+              },
+              body: strapiData,
+            });
+
+            // Step 2: Publish the content (Strapi v5)
+            const publishEndpoint = \`\${strapiUrl}/content-manager/single-types/api::\${page}.\${page}/actions/publish\`;
+            await $fetch(publishEndpoint, {
+              method: 'POST',
+              headers: {
+                'Authorization': \`Bearer \${token}\`,
+                'Content-Type': 'application/json',
+              },
+              body: {},
+            });
+          } else {
+            // User tokens use the regular REST API
+            const strapiEndpoint = \`\${strapiUrl}/api/\${page}\`;
+
+            await $fetch(strapiEndpoint, {
+              method: 'PUT',
+              headers: {
+                'Authorization': \`Bearer \${token}\`,
+                'Content-Type': 'application/json',
+              },
+              body: {
+                data: strapiData,
+              },
+            });
+
+            // Publish using the publish endpoint (Strapi v5)
+            const publishEndpoint = \`\${strapiUrl}/api/\${page}/publish\`;
+            await $fetch(publishEndpoint, {
+              method: 'POST',
+              headers: {
+                'Authorization': \`Bearer \${token}\`,
+                'Content-Type': 'application/json',
+              },
+              body: {},
+            });
+          }
+
+          console.log(\`[CMS Publish] Published "\${page}" to Strapi\`);
+          return { page, success: true };
+        } catch (error: any) {
+          console.error(\`[CMS Publish] Failed to publish "\${page}":\`, error);
+          return {
+            page,
+            success: false,
+            error: error.message || 'Unknown error',
+          };
+        }
+      })
+    );
+
+    // Separate successful and failed publications
+    const successful: string[] = [];
+    const failed: Array<{ page: string; error: string }> = [];
+
+    results.forEach((result, index) => {
+      if (result.status === 'fulfilled' && result.value.success) {
+        successful.push(result.value.page);
+      } else if (result.status === 'fulfilled' && !result.value.success) {
+        failed.push({
+          page: result.value.page,
+          error: result.value.error || 'Unknown error',
+        });
+      } else if (result.status === 'rejected') {
+        failed.push({
+          page: pages[index].page,
+          error: result.reason?.message || 'Unknown error',
+        });
+      }
+    });
+
+    console.log(\`[CMS Publish] Published \${successful.length} pages, \${failed.length} failed\`);
+
+    return {
+      success: failed.length === 0,
+      message: \`Published \${successful.length} of \${pages.length} pages\`,
+      successful,
+      failed,
+      user: {
+        id: userResponse.id,
+        username: userResponse.username || userResponse.firstname || 'Unknown',
+      },
+    };
+  } catch (error: any) {
+    console.error('[CMS Publish] Error:', error);
+
+    // Token verification failed
+    if (error.statusCode === 401 || error.status === 401) {
+      throw createError({
+        statusCode: 401,
+        statusMessage: 'Unauthorized: Invalid or expired token',
+      });
+    }
+
+    // Generic error
+    throw createError({
+      statusCode: 500,
+      statusMessage: 'Internal server error while publishing changes',
+    });
+  }
+});
+`;
+  const endpointPath = path4.join(serverDir, "publish.post.ts");
+  await fs3.writeFile(endpointPath, endpointContent, "utf-8");
+}
 
 // src/boilerplate.ts
 import fs4 from "fs-extra";
@@ -742,8 +1694,119 @@ async function generateManifest(pagesDir) {
   return manifest;
 }
 async function writeManifest(outputDir, manifest) {
+  const manifestContent = JSON.stringify(manifest, null, 2);
   const manifestPath = path7.join(outputDir, "cms-manifest.json");
-  await fs6.writeFile(manifestPath, JSON.stringify(manifest, null, 2), "utf-8");
+  await fs6.writeFile(manifestPath, manifestContent, "utf-8");
+  const publicDir = path7.join(outputDir, "public");
+  await fs6.ensureDir(publicDir);
+  const publicManifestPath = path7.join(publicDir, "cms-manifest.json");
+  await fs6.writeFile(publicManifestPath, manifestContent, "utf-8");
+}
+
+// src/vue-transformer.ts
+import * as cheerio3 from "cheerio";
+import fs7 from "fs-extra";
+import path8 from "path";
+function replaceWithBinding(_$, $el, fieldName, type) {
+  if (type === "image") {
+    const $img = $el.find("img").first();
+    if ($img.length) {
+      $img.attr(":src", `content.${fieldName}`);
+      $img.removeAttr("src");
+    }
+  } else if (type === "rich") {
+    $el.attr("v-html", `content.${fieldName}`);
+    $el.empty();
+  } else {
+    $el.empty();
+    $el.text(`{{ content.${fieldName} }}`);
+  }
+}
+function transformCollection($, collectionName, collection) {
+  const $items = $(collection.selector);
+  if ($items.length === 0) return;
+  const $first = $items.first();
+  $first.attr("v-for", `(item, index) in content.${collectionName}`);
+  $first.attr(":key", "index");
+  Object.entries(collection.fields).forEach(([fieldName, selector]) => {
+    const $fieldEl = $first.find(selector);
+    if ($fieldEl.length) {
+      if (fieldName === "image") {
+        const $img = $fieldEl.find("img").first();
+        if ($img.length) {
+          $img.attr(":src", "item.image");
+          $img.removeAttr("src");
+        }
+      } else if (fieldName === "link") {
+        $fieldEl.attr(":to", "item.link");
+        $fieldEl.removeAttr("to");
+        $fieldEl.removeAttr("href");
+      } else {
+        $fieldEl.empty();
+        $fieldEl.text(`{{ item.${fieldName} }}`);
+      }
+    }
+  });
+  $items.slice(1).remove();
+}
+async function transformVueToReactive(vueFilePath, pageName, manifest) {
+  const pageManifest = manifest.pages[pageName];
+  if (!pageManifest) return;
+  const vueContent = await fs7.readFile(vueFilePath, "utf-8");
+  if (vueContent.includes("useStrapiContent")) {
+    console.log(`  Skipping ${pageName} - already transformed`);
+    return;
+  }
+  const templateMatch = vueContent.match(/<template>([\s\S]*?)<\/template>/);
+  if (!templateMatch) return;
+  const templateContent = templateMatch[1];
+  const $ = cheerio3.load(templateContent, { xmlMode: false });
+  if (pageManifest.collections) {
+    Object.entries(pageManifest.collections).forEach(([collectionName, collection]) => {
+      transformCollection($, collectionName, collection);
+    });
+  }
+  if (pageManifest.fields) {
+    Object.entries(pageManifest.fields).forEach(([fieldName, field]) => {
+      const $elements = $(field.selector);
+      $elements.each((_, el) => {
+        const $el = $(el);
+        replaceWithBinding($, $el, fieldName, field.type);
+      });
+    });
+  }
+  let transformedTemplate = $.html();
+  const bodyMatch = transformedTemplate.match(/<body>([\s\S]*)<\/body>/);
+  if (bodyMatch) {
+    transformedTemplate = bodyMatch[1];
+  }
+  transformedTemplate = transformedTemplate.replace(/<\/?html[^>]*>/gi, "").replace(/<head><\/head>/gi, "").trim();
+  const wrapperDivMatch = transformedTemplate.match(/^<div>\s*([\s\S]*?)\s*<\/div>$/);
+  if (wrapperDivMatch) {
+    transformedTemplate = wrapperDivMatch[1].trim();
+  }
+  const scriptSetup = `<script setup lang="ts">
+// Auto-generated reactive content from Strapi
+const { content } = useStrapiContent('${pageName}');
+</script>`;
+  const finalTemplate = transformedTemplate.split("\n").map((line) => "  " + line).join("\n");
+  const newVueContent = `${scriptSetup}
+
+<template>
+${finalTemplate}
+</template>
+`;
+  await fs7.writeFile(vueFilePath, newVueContent, "utf-8");
+}
+async function transformAllVuePages(pagesDir, manifest) {
+  const vueFiles = await fs7.readdir(pagesDir);
+  for (const file of vueFiles) {
+    if (file.endsWith(".vue")) {
+      const pageName = file.replace(".vue", "");
+      const vueFilePath = path8.join(pagesDir, file);
+      await transformVueToReactive(vueFilePath, pageName, manifest);
+    }
+  }
 }
 
 // src/transformer.ts
@@ -849,13 +1912,13 @@ function manifestToSchemas(manifest) {
 }
 
 // src/schema-writer.ts
-import fs7 from "fs-extra";
-import path8 from "path";
+import fs8 from "fs-extra";
+import path9 from "path";
 async function writeStrapiSchema(outputDir, name, schema) {
-  const schemasDir = path8.join(outputDir, "cms-schemas");
-  await fs7.ensureDir(schemasDir);
-  const schemaPath = path8.join(schemasDir, `${name}.json`);
-  await fs7.writeFile(schemaPath, JSON.stringify(schema, null, 2), "utf-8");
+  const schemasDir = path9.join(outputDir, "cms-schemas");
+  await fs8.ensureDir(schemasDir);
+  const schemaPath = path9.join(schemasDir, `${name}.json`);
+  await fs8.writeFile(schemaPath, JSON.stringify(schema, null, 2), "utf-8");
 }
 async function writeAllSchemas(outputDir, schemas) {
   for (const [name, schema] of Object.entries(schemas)) {
@@ -863,7 +1926,7 @@ async function writeAllSchemas(outputDir, schemas) {
   }
 }
 async function createStrapiReadme(outputDir) {
-  const readmePath = path8.join(outputDir, "cms-schemas", "README.md");
+  const readmePath = path9.join(outputDir, "cms-schemas", "README.md");
   const content = `# CMS Schemas
 
 Auto-generated Strapi content type schemas from your Webflow export.
@@ -933,14 +1996,14 @@ const { data } = await $fetch('http://localhost:1337/api/index')
 const { data } = await $fetch('http://localhost:1337/api/portfolio-cards')
 \`\`\`
 `;
-  await fs7.writeFile(readmePath, content, "utf-8");
+  await fs8.writeFile(readmePath, content, "utf-8");
 }
 
 // src/content-extractor.ts
-import * as cheerio3 from "cheerio";
-import path9 from "path";
+import * as cheerio4 from "cheerio";
+import path10 from "path";
 function extractContentFromHTML(html, _pageName, pageManifest) {
-  const $ = cheerio3.load(html);
+  const $ = cheerio4.load(html);
   const content = {
     fields: {},
     collections: {}
@@ -1009,7 +2072,7 @@ function extractAllContent(htmlFiles, manifest) {
 function normalizeImagePath(imageSrc) {
   if (!imageSrc) return "";
   if (imageSrc.startsWith("/")) return imageSrc;
-  const filename = path9.basename(imageSrc);
+  const filename = path10.basename(imageSrc);
   if (imageSrc.includes("images/")) {
     return `/images/${filename}`;
   }
@@ -1048,16 +2111,16 @@ function formatForStrapi(extracted) {
 }
 
 // src/seed-writer.ts
-import fs8 from "fs-extra";
-import path10 from "path";
+import fs9 from "fs-extra";
+import path11 from "path";
 async function writeSeedData(outputDir, seedData) {
-  const seedDir = path10.join(outputDir, "cms-seed");
-  await fs8.ensureDir(seedDir);
-  const seedPath = path10.join(seedDir, "seed-data.json");
-  await fs8.writeJson(seedPath, seedData, { spaces: 2 });
+  const seedDir = path11.join(outputDir, "cms-seed");
+  await fs9.ensureDir(seedDir);
+  const seedPath = path11.join(seedDir, "seed-data.json");
+  await fs9.writeJson(seedPath, seedData, { spaces: 2 });
 }
 async function createSeedReadme(outputDir) {
-  const readmePath = path10.join(outputDir, "cms-seed", "README.md");
+  const readmePath = path11.join(outputDir, "cms-seed", "README.md");
   const content = `# CMS Seed Data
 
 Auto-extracted content from your Webflow export, ready to seed into Strapi.
@@ -1113,7 +2176,7 @@ When seeding Strapi, these images will be uploaded to Strapi's media library.
 2. Set up your Strapi instance with the schemas from \`cms-schemas/\`
 3. Use this seed data to populate your CMS
 `;
-  await fs8.writeFile(readmePath, content, "utf-8");
+  await fs9.writeFile(readmePath, content, "utf-8");
 }
 
 // src/converter.ts
@@ -1124,7 +2187,7 @@ async function convertWebflowExport(options) {
   console.log(pc3.dim(`Output: ${outputDir}`));
   try {
     await setupBoilerplate(boilerplate, outputDir);
-    const inputExists = await fs9.pathExists(inputDir);
+    const inputExists = await fs10.pathExists(inputDir);
     if (!inputExists) {
       throw new Error(`Input directory not found: ${inputDir}`);
     }
@@ -1166,7 +2229,7 @@ ${parsed.embeddedStyles}
     }
     await formatVueFiles(outputDir);
     console.log(pc3.blue("\n\u{1F50D} Analyzing pages for CMS fields..."));
-    const pagesDir = path11.join(outputDir, "pages");
+    const pagesDir = path12.join(outputDir, "pages");
     const manifest = await generateManifest(pagesDir);
     await writeManifest(outputDir, manifest);
     const totalFields = Object.values(manifest.pages).reduce(
@@ -1180,6 +2243,9 @@ ${parsed.embeddedStyles}
     console.log(pc3.green(`  \u2713 Detected ${totalFields} fields across ${Object.keys(manifest.pages).length} pages`));
     console.log(pc3.green(`  \u2713 Detected ${totalCollections} collections`));
     console.log(pc3.green("  \u2713 Generated cms-manifest.json"));
+    console.log(pc3.blue("\n\u26A1 Transforming Vue files to reactive templates..."));
+    await transformAllVuePages(pagesDir, manifest);
+    console.log(pc3.green(`  \u2713 Transformed ${Object.keys(manifest.pages).length} pages to use Vue template syntax`));
     console.log(pc3.blue("\n\u{1F4DD} Extracting content from HTML..."));
     console.log(pc3.dim(`  HTML map has ${htmlContentMap.size} entries`));
     console.log(pc3.dim(`  Manifest has ${Object.keys(manifest.pages).length} pages`));
@@ -1219,19 +2285,31 @@ ${parsed.embeddedStyles}
     }
     console.log(pc3.blue("\n\u{1F3A8} Setting up editor overlay..."));
     await createEditorPlugin(outputDir);
+    await createEditorContentComposable(outputDir);
+    await createStrapiContentComposable(outputDir);
     await addEditorDependency(outputDir);
     await createSaveEndpoint(outputDir);
+    await createPublishEndpoint(outputDir);
+    await createStrapiBootstrap(outputDir);
+    await addStrapiUrlToConfig(outputDir);
     console.log(pc3.green("  \u2713 Editor plugin created"));
+    console.log(pc3.green("  \u2713 Editor content composable created"));
+    console.log(pc3.green("  \u2713 Strapi content composable created"));
     console.log(pc3.green("  \u2713 Editor dependency added"));
     console.log(pc3.green("  \u2713 Save endpoint created"));
+    console.log(pc3.green("  \u2713 Publish endpoint created"));
+    console.log(pc3.green("  \u2713 Strapi bootstrap file generated"));
+    console.log(pc3.green("  \u2713 Strapi config added"));
     console.log(pc3.green("\n\u2705 Conversion completed successfully!"));
     console.log(pc3.cyan("\n\u{1F4CB} Next steps:"));
     console.log(pc3.dim(`  1. cd ${outputDir}`));
     console.log(pc3.dim("  2. Review cms-manifest.json and cms-seed/seed-data.json"));
     console.log(pc3.dim("  3. Set up Strapi and install schemas from cms-schemas/"));
-    console.log(pc3.dim("  4. Seed Strapi with data from cms-seed/"));
-    console.log(pc3.dim("  5. pnpm install && pnpm dev"));
-    console.log(pc3.dim("  6. Visit http://localhost:3000?preview=true to edit inline!"));
+    console.log(pc3.dim("  4. Copy strapi-bootstrap/index.ts to your Strapi project at src/index.ts"));
+    console.log(pc3.dim("     (This auto-enables public read permissions on Strapi startup)"));
+    console.log(pc3.dim("  5. Seed Strapi with data from cms-seed/"));
+    console.log(pc3.dim("  6. pnpm install && pnpm dev"));
+    console.log(pc3.dim("  7. Visit http://localhost:3000?preview=true to edit inline!"));
   } catch (error) {
     console.error(pc3.red("\n\u274C Conversion failed:"));
     console.error(pc3.red(error instanceof Error ? error.message : String(error)));
@@ -1240,17 +2318,59 @@ ${parsed.embeddedStyles}
 }
 
 // src/strapi-setup.ts
-import fs10 from "fs-extra";
-import path12 from "path";
+import fs11 from "fs-extra";
+import path13 from "path";
 import { glob as glob2 } from "glob";
 import * as readline from "readline";
+var ENV_FILE = ".env";
+async function loadConfig(projectDir) {
+  const envPath = path13.join(projectDir, ENV_FILE);
+  if (await fs11.pathExists(envPath)) {
+    try {
+      const content = await fs11.readFile(envPath, "utf-8");
+      const config = {};
+      for (const line of content.split("\n")) {
+        const trimmed = line.trim();
+        if (!trimmed || trimmed.startsWith("#")) continue;
+        const [key, ...valueParts] = trimmed.split("=");
+        const value = valueParts.join("=").trim();
+        if (key === "STRAPI_API_TOKEN") {
+          config.apiToken = value;
+        } else if (key === "STRAPI_URL") {
+          config.strapiUrl = value;
+        }
+      }
+      return config;
+    } catch {
+      return {};
+    }
+  }
+  return {};
+}
+async function saveConfig(projectDir, config) {
+  const envPath = path13.join(projectDir, ENV_FILE);
+  let content = "";
+  if (await fs11.pathExists(envPath)) {
+    content = await fs11.readFile(envPath, "utf-8");
+    content = content.split("\n").filter((line) => !line.startsWith("STRAPI_API_TOKEN=") && !line.startsWith("STRAPI_URL=")).join("\n");
+    if (content && !content.endsWith("\n")) {
+      content += "\n";
+    }
+  }
+  if (config.strapiUrl) {
+    content += `STRAPI_URL=${config.strapiUrl}
+`;
+  }
+  if (config.apiToken) {
+    content += `STRAPI_API_TOKEN=${config.apiToken}
+`;
+  }
+  await fs11.writeFile(envPath, content);
+}
 async function completeSetup(options) {
-  const {
-    projectDir,
-    strapiDir,
-    strapiUrl = "http://localhost:1337",
-    apiToken
-  } = options;
+  const { projectDir, strapiDir, strapiUrl: optionUrl, apiToken: optionToken, ignoreSavedToken } = options;
+  const savedConfig = await loadConfig(projectDir);
+  const strapiUrl = optionUrl || savedConfig.strapiUrl || "http://localhost:1337";
   console.log("\u{1F680} Starting complete Strapi setup...\n");
   console.log("\u{1F4E6} Step 1: Installing schemas...");
   await installSchemas(projectDir, strapiDir);
@@ -1267,16 +2387,23 @@ async function completeSetup(options) {
     process.exit(1);
   }
   console.log("\u2713 Connected to Strapi\n");
-  let token = apiToken;
-  if (!token) {
+  let token = optionToken || (!ignoreSavedToken ? savedConfig.apiToken : void 0);
+  if (token && !ignoreSavedToken) {
+    console.log("\u{1F511} Step 4: Using saved API token");
+  } else if (token && optionToken) {
+    console.log("\u{1F511} Step 4: Using provided API token");
+  } else {
     console.log("\u{1F511} Step 4: API Token needed");
     console.log("   1. Open Strapi admin: http://localhost:1337/admin");
     console.log("   2. Go to Settings > API Tokens > Create new API Token");
-    console.log(
-      '   3. Name: "Seed Script", Type: "Full access", Duration: "Unlimited"'
-    );
+    console.log('   3. Name: "Seed Script", Type: "Full access", Duration: "Unlimited"');
     console.log("   4. Copy the token and paste it here:\n");
     token = await promptForToken();
+    const saveToken = await promptYesNo("   Save token for future use?");
+    if (saveToken) {
+      await saveConfig(projectDir, { ...savedConfig, apiToken: token, strapiUrl });
+      console.log("   \u2713 Token saved to .env");
+    }
     console.log("");
   }
   console.log("\u{1F4F8} Step 5: Uploading images...");
@@ -1293,19 +2420,19 @@ async function completeSetup(options) {
   console.log("   3. Connect your Nuxt app to Strapi API");
 }
 async function installSchemas(projectDir, strapiDir) {
-  if (!await fs10.pathExists(strapiDir)) {
+  if (!await fs11.pathExists(strapiDir)) {
     console.error(`   \u2717 Strapi directory not found: ${strapiDir}`);
-    console.error(`   Resolved to: ${path12.resolve(strapiDir)}`);
+    console.error(`   Resolved to: ${path13.resolve(strapiDir)}`);
     throw new Error(`Strapi directory not found: ${strapiDir}`);
   }
-  const packageJsonPath = path12.join(strapiDir, "package.json");
-  if (await fs10.pathExists(packageJsonPath)) {
-    const pkg = await fs10.readJson(packageJsonPath);
+  const packageJsonPath = path13.join(strapiDir, "package.json");
+  if (await fs11.pathExists(packageJsonPath)) {
+    const pkg = await fs11.readJson(packageJsonPath);
     if (!pkg.dependencies?.["@strapi/strapi"]) {
       console.warn(`   \u26A0\uFE0F  Warning: ${strapiDir} may not be a Strapi project`);
     }
   }
-  const schemaDir = path12.join(projectDir, "cms-schemas");
+  const schemaDir = path13.join(projectDir, "cms-schemas");
   const schemaFiles = await glob2("*.json", {
     cwd: schemaDir,
     absolute: false
@@ -1316,42 +2443,42 @@ async function installSchemas(projectDir, strapiDir) {
   }
   console.log(`   Found ${schemaFiles.length} schema file(s)`);
   for (const file of schemaFiles) {
-    const schemaPath = path12.join(schemaDir, file);
-    const schema = await fs10.readJson(schemaPath);
-    const singularName = schema.info?.singularName || path12.basename(file, ".json");
+    const schemaPath = path13.join(schemaDir, file);
+    const schema = await fs11.readJson(schemaPath);
+    const singularName = schema.info?.singularName || path13.basename(file, ".json");
     console.log(`   Installing ${singularName}...`);
     try {
-      const apiPath = path12.join(strapiDir, "src", "api", singularName);
-      const contentTypesPath = path12.join(
+      const apiPath = path13.join(strapiDir, "src", "api", singularName);
+      const contentTypesPath = path13.join(
         apiPath,
         "content-types",
         singularName
       );
-      const targetPath = path12.join(contentTypesPath, "schema.json");
-      await fs10.ensureDir(contentTypesPath);
-      await fs10.ensureDir(path12.join(apiPath, "routes"));
-      await fs10.ensureDir(path12.join(apiPath, "controllers"));
-      await fs10.ensureDir(path12.join(apiPath, "services"));
-      await fs10.writeJson(targetPath, schema, { spaces: 2 });
+      const targetPath = path13.join(contentTypesPath, "schema.json");
+      await fs11.ensureDir(contentTypesPath);
+      await fs11.ensureDir(path13.join(apiPath, "routes"));
+      await fs11.ensureDir(path13.join(apiPath, "controllers"));
+      await fs11.ensureDir(path13.join(apiPath, "services"));
+      await fs11.writeJson(targetPath, schema, { spaces: 2 });
       const routeContent = `import { factories } from '@strapi/strapi';
          export default factories.createCoreRouter('api::${singularName}.${singularName}');
         `;
-      await fs10.writeFile(
-        path12.join(apiPath, "routes", `${singularName}.ts`),
+      await fs11.writeFile(
+        path13.join(apiPath, "routes", `${singularName}.ts`),
         routeContent
       );
       const controllerContent = `import { factories } from '@strapi/strapi';
          export default factories.createCoreController('api::${singularName}.${singularName}');
         `;
-      await fs10.writeFile(
-        path12.join(apiPath, "controllers", `${singularName}.ts`),
+      await fs11.writeFile(
+        path13.join(apiPath, "controllers", `${singularName}.ts`),
         controllerContent
       );
       const serviceContent = `import { factories } from '@strapi/strapi';
          export default factories.createCoreService('api::${singularName}.${singularName}');
         `;
-      await fs10.writeFile(
-        path12.join(apiPath, "services", `${singularName}.ts`),
+      await fs11.writeFile(
+        path13.join(apiPath, "services", `${singularName}.ts`),
         serviceContent
       );
     } catch (error) {
@@ -1391,10 +2518,51 @@ async function promptForToken() {
     });
   });
 }
+async function promptYesNo(question) {
+  const rl = createReadline();
+  return new Promise((resolve) => {
+    rl.question(`${question} (y/n): `, (answer) => {
+      rl.close();
+      resolve(answer.trim().toLowerCase() === "y" || answer.trim().toLowerCase() === "yes");
+    });
+  });
+}
+async function getExistingMedia(strapiUrl, apiToken) {
+  const existingMedia = /* @__PURE__ */ new Map();
+  try {
+    let page = 1;
+    const pageSize = 100;
+    let hasMore = true;
+    while (hasMore) {
+      const response = await fetch(
+        `${strapiUrl}/api/upload/files?pagination[page]=${page}&pagination[pageSize]=${pageSize}`,
+        {
+          headers: {
+            Authorization: `Bearer ${apiToken}`
+          }
+        }
+      );
+      if (!response.ok) {
+        break;
+      }
+      const data = await response.json();
+      const files = Array.isArray(data) ? data : data.results || [];
+      for (const file of files) {
+        if (file.name) {
+          existingMedia.set(file.name, file.id);
+        }
+      }
+      hasMore = files.length === pageSize;
+      page++;
+    }
+  } catch (error) {
+  }
+  return existingMedia;
+}
 async function uploadAllImages(projectDir, strapiUrl, apiToken) {
   const mediaMap = /* @__PURE__ */ new Map();
-  const imagesDir = path12.join(projectDir, "public", "assets", "images");
-  if (!await fs10.pathExists(imagesDir)) {
+  const imagesDir = path13.join(projectDir, "public", "assets", "images");
+  if (!await fs11.pathExists(imagesDir)) {
     console.log("   No images directory found");
     return mediaMap;
   }
@@ -1402,26 +2570,35 @@ async function uploadAllImages(projectDir, strapiUrl, apiToken) {
     cwd: imagesDir,
     absolute: false
   });
-  console.log(`   Uploading ${imageFiles.length} images...`);
+  console.log(`   Checking for existing media...`);
+  const existingMedia = await getExistingMedia(strapiUrl, apiToken);
+  let uploadedCount = 0;
+  let skippedCount = 0;
+  console.log(`   Processing ${imageFiles.length} images...`);
   for (const imageFile of imageFiles) {
-    const imagePath = path12.join(imagesDir, imageFile);
-    const mediaId = await uploadImage(
-      imagePath,
-      imageFile,
-      strapiUrl,
-      apiToken
-    );
+    const fileName = path13.basename(imageFile);
+    const existingId = existingMedia.get(fileName);
+    if (existingId) {
+      mediaMap.set(`/images/${imageFile}`, existingId);
+      mediaMap.set(imageFile, existingId);
+      skippedCount++;
+      continue;
+    }
+    const imagePath = path13.join(imagesDir, imageFile);
+    const mediaId = await uploadImage(imagePath, imageFile, strapiUrl, apiToken);
     if (mediaId) {
       mediaMap.set(`/images/${imageFile}`, mediaId);
       mediaMap.set(imageFile, mediaId);
+      uploadedCount++;
       console.log(`   \u2713 ${imageFile}`);
     }
   }
+  console.log(`   Uploaded: ${uploadedCount}, Skipped (existing): ${skippedCount}`);
   return mediaMap;
 }
 async function uploadImage(filePath, fileName, strapiUrl, apiToken) {
   try {
-    const fileBuffer = await fs10.readFile(filePath);
+    const fileBuffer = await fs11.readFile(filePath);
     const mimeType = getMimeType(fileName);
     const blob = new Blob([fileBuffer], { type: mimeType });
     const formData = new globalThis.FormData();
@@ -1448,7 +2625,7 @@ async function uploadImage(filePath, fileName, strapiUrl, apiToken) {
   }
 }
 function getMimeType(fileName) {
-  const ext = path12.extname(fileName).toLowerCase();
+  const ext = path13.extname(fileName).toLowerCase();
   const mimeTypes = {
     ".jpg": "image/jpeg",
     ".jpeg": "image/jpeg",
@@ -1460,18 +2637,18 @@ function getMimeType(fileName) {
   return mimeTypes[ext] || "application/octet-stream";
 }
 async function seedContent(projectDir, strapiUrl, apiToken, mediaMap) {
-  const seedPath = path12.join(projectDir, "cms-seed", "seed-data.json");
-  if (!await fs10.pathExists(seedPath)) {
+  const seedPath = path13.join(projectDir, "cms-seed", "seed-data.json");
+  if (!await fs11.pathExists(seedPath)) {
     console.log("   No seed data found");
     return;
   }
-  const seedData = await fs10.readJson(seedPath);
-  const schemasDir = path12.join(projectDir, "cms-schemas");
+  const seedData = await fs11.readJson(seedPath);
+  const schemasDir = path13.join(projectDir, "cms-schemas");
   const schemas = /* @__PURE__ */ new Map();
   const schemaFiles = await glob2("*.json", { cwd: schemasDir });
   for (const file of schemaFiles) {
-    const schema = await fs10.readJson(path12.join(schemasDir, file));
-    const name = path12.basename(file, ".json");
+    const schema = await fs11.readJson(path13.join(schemasDir, file));
+    const name = path13.basename(file, ".json");
     schemas.set(name, schema);
   }
   let successCount = 0;
@@ -1627,7 +2804,14 @@ async function confirm(question) {
   return answer.toLowerCase() === "y" || answer.toLowerCase() === "yes";
 }
 program.name("cms").description("SeeMS - Webflow to CMS converter").version("0.1.2");
-program.command("convert").description("Convert Webflow export to Nuxt 3 project").argument("<input>", "Path to Webflow export directory").argument("<output>", "Path to output Nuxt project directory").option("-b, --boilerplate <source>", "Boilerplate source (GitHub URL or local path)").option("-o, --overrides <path>", "Path to overrides JSON file").option("--generate-schemas", "Generate CMS schemas immediately").option("--cms <type>", "CMS backend type (strapi|contentful|sanity)", "strapi").option("--no-interactive", "Skip interactive prompts").action(async (input, output, options) => {
+program.command("convert").description("Convert Webflow export to Nuxt 3 project").argument("<input>", "Path to Webflow export directory").argument("<output>", "Path to output Nuxt project directory").option(
+  "-b, --boilerplate <source>",
+  "Boilerplate source (GitHub URL or local path)"
+).option("-o, --overrides <path>", "Path to overrides JSON file").option("--generate-schemas", "Generate CMS schemas immediately").option(
+  "--cms <type>",
+  "CMS backend type (strapi|contentful|sanity)",
+  "strapi"
+).option("--no-interactive", "Skip interactive prompts").action(async (input, output, options) => {
   try {
     await convertWebflowExport({
       inputDir: input,
@@ -1644,7 +2828,9 @@ program.command("convert").description("Convert Webflow export to Nuxt 3 project
       );
       if (shouldSetup) {
         const strapiDir = await prompt(
-          pc4.cyan("\u{1F4C1} Enter path to your Strapi directory (e.g., ./strapi-dev): ")
+          pc4.cyan(
+            "\u{1F4C1} Enter path to your Strapi directory (e.g., ./strapi-dev): "
+          )
         );
         if (strapiDir) {
           console.log("");
@@ -1658,13 +2844,17 @@ program.command("convert").description("Convert Webflow export to Nuxt 3 project
           } catch (error) {
             console.error(pc4.red("\n\u274C Strapi setup failed"));
             console.error(pc4.dim("You can run setup manually later with:"));
-            console.error(pc4.dim(`  cms setup-strapi ${output} ${strapiDir}`));
+            console.error(
+              pc4.dim(`  cms setup-strapi ${output} ${strapiDir}`)
+            );
           }
         }
       } else {
         console.log("");
         console.log(pc4.dim("\u{1F4A1} You can setup Strapi later with:"));
-        console.log(pc4.dim(`   cms setup-strapi ${output} <strapi-directory>`));
+        console.log(
+          pc4.dim(`   cms setup-strapi ${output} <strapi-directory>`)
+        );
       }
     }
   } catch (error) {
@@ -1672,13 +2862,14 @@ program.command("convert").description("Convert Webflow export to Nuxt 3 project
     process.exit(1);
   }
 });
-program.command("setup-strapi").description("Setup Strapi with schemas and seed data").argument("<project-dir>", "Path to converted project directory").argument("<strapi-dir>", "Path to Strapi directory").option("--url <url>", "Strapi URL", "http://localhost:1337").option("--token <token>", "Strapi API token (optional)").action(async (projectDir, strapiDir, options) => {
+program.command("setup-strapi").description("Setup Strapi with schemas and seed data").argument("<project-dir>", "Path to converted project directory").argument("<strapi-dir>", "Path to Strapi directory").option("--url <url>", "Strapi URL", "http://localhost:1337").option("--token <token>", "Strapi API token (optional)").option("--new-token", "Ignore saved token and prompt for a new one").action(async (projectDir, strapiDir, options) => {
   try {
     await completeSetup({
       projectDir,
       strapiDir,
       strapiUrl: options.url,
-      apiToken: options.token
+      apiToken: options.token,
+      ignoreSavedToken: options.newToken
     });
   } catch (error) {
     console.error(pc4.red("Strapi setup failed"));
@@ -1686,10 +2877,43 @@ program.command("setup-strapi").description("Setup Strapi with schemas and seed
     process.exit(1);
   }
 });
-program.command("generate").description("Generate CMS schemas from manifest").argument("<manifest>", "Path to cms-manifest.json").option("-t, --type <cms>", "CMS type (strapi|contentful|sanity)", "strapi").option("-o, --output <dir>", "Output directory for schemas").action(async (manifest, _options) => {
-  console.log(pc4.cyan("\u{1F5C2}\uFE0F  SeeMS Schema Generator"));
-  console.log(pc4.dim(`Generating schemas from: ${manifest}`));
-  console.log(pc4.yellow("\u26A0\uFE0F  Schema generation logic to be implemented"));
+program.command("generate").description("Generate CMS schemas from manifest").argument("<manifest>", "Path to cms-manifest.json").option("-t, --type <cms>", "CMS type (strapi|contentful|sanity)", "strapi").option("-o, --output <dir>", "Output directory for schemas").action(async (manifestPath, options) => {
+  try {
+    console.log(pc4.cyan("\u{1F5C2}\uFE0F  SeeMS Schema Generator"));
+    console.log(pc4.dim(`Reading manifest from: ${manifestPath}`));
+    const manifestExists = await fs12.pathExists(manifestPath);
+    if (!manifestExists) {
+      throw new Error(`Manifest file not found: ${manifestPath}`);
+    }
+    const manifestContent = await fs12.readFile(manifestPath, "utf-8");
+    const manifest = JSON.parse(manifestContent);
+    console.log(pc4.green(`  \u2713 Manifest loaded successfully`));
+    const outputDir = options.output || path14.dirname(manifestPath);
+    if (options.type !== "strapi") {
+      console.log(
+        pc4.yellow(
+          `\u26A0\uFE0F  Only Strapi is currently supported. Using Strapi schema format.`
+        )
+      );
+    }
+    console.log(pc4.blue("\n\u{1F4CB} Generating Strapi schemas..."));
+    const schemas = manifestToSchemas(manifest);
+    await writeAllSchemas(outputDir, schemas);
+    await createStrapiReadme(outputDir);
+    console.log(
+      pc4.green(
+        `  \u2713 Generated ${Object.keys(schemas).length} Strapi content types`
+      )
+    );
+    console.log(pc4.dim(`  \u2713 Schemas written to: ${path14.join(outputDir, "cms-schemas")}/`));
+    console.log(pc4.green("\n\u2705 Schema generation completed successfully!"));
+  } catch (error) {
+    console.error(pc4.red("\n\u274C Schema generation failed:"));
+    console.error(
+      pc4.red(error instanceof Error ? error.message : String(error))
+    );
+    process.exit(1);
+  }
 });
 program.parse();
 //# sourceMappingURL=cli.mjs.map