@linktr.ee/linkapp 0.0.1

package/dist/lib/utils/setup-runtime.js

@@ -0,0 +1,103 @@
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { detectLayouts } from '../build/detect-layouts.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+/**
+ * Generates main.tsx content with detected layouts
+ */
+function generateMainTsx(projectPath) {
+    const detection = detectLayouts(projectPath);
+    const layouts = detection.layouts;
+    // Generate import statements for each layout
+    const imports = layouts
+        .map(layout => `import ${layout.displayName} from '/app/${layout.fileName}'`)
+        .join('\n');
+    // Generate layouts object
+    const layoutsObj = layouts
+        .map(layout => `  ${layout.name}: ${layout.displayName},`)
+        .join('\n');
+    return `import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import Layout from '/app/layout'
+${imports}
+import '/app/globals.css'
+
+// Map of available layouts
+const layouts: Record<string, React.ComponentType<any>> = {
+${layoutsObj}
+}
+
+function App() {
+  // Get layout from query parameter
+  const params = new URLSearchParams(window.location.search)
+  const layoutName = params.get('layout') || 'classic'
+
+  // Get the layout component
+  const LayoutComponent = layouts[layoutName] || layouts.classic
+
+  if (!LayoutComponent) {
+    return (
+      <div style={{ padding: '20px', fontFamily: 'system-ui' }}>
+        <h1>Error: Layout not found</h1>
+        <p>Layout "{layoutName}" does not exist.</p>
+        <p>Available layouts: {Object.keys(layouts).join(', ')}</p>
+      </div>
+    )
+  }
+
+  // Mock context for development
+  const mockContext = {
+    linkUrl: 'https://example.com/demo',
+    showTitle: true,
+  }
+
+  return (
+    <Layout>
+      <LayoutComponent {...mockContext} />
+    </Layout>
+  )
+}
+
+const rootElement = document.getElementById('root')
+if (!rootElement) {
+  throw new Error('Root element not found')
+}
+
+createRoot(rootElement).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+)
+`;
+}
+/**
+ * Sets up runtime files (.linkapp directory) in the user's project
+ * These files are managed by the CLI and should not be edited by users
+ */
+export function setupRuntime(projectPath) {
+    try {
+        const linkappDir = join(projectPath, '.linkapp');
+        const runtimeSourceDir = join(__dirname, '..', '..', '..', 'runtime');
+        // Create .linkapp directory if it doesn't exist
+        if (!existsSync(linkappDir)) {
+            mkdirSync(linkappDir, { recursive: true });
+        }
+        // Copy index.html
+        const indexHtmlPath = join(runtimeSourceDir, 'index.html');
+        if (!existsSync(indexHtmlPath)) {
+            throw new Error(`Runtime file not found: ${indexHtmlPath}`);
+        }
+        const indexHtml = readFileSync(indexHtmlPath, 'utf-8');
+        writeFileSync(join(linkappDir, 'index.html'), indexHtml, 'utf-8');
+        // Generate and write main.tsx dynamically based on detected layouts
+        const mainTsx = generateMainTsx(projectPath);
+        writeFileSync(join(linkappDir, 'main.tsx'), mainTsx, 'utf-8');
+    }
+    catch (error) {
+        console.error('Failed to setup runtime files:', error);
+        throw error;
+    }
+}
+//# sourceMappingURL=setup-runtime.js.map

package/dist/lib/utils/setup-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-runtime.js","sourceRoot":"","sources":["../../../src/lib/utils/setup-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5E,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAE1D,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACjD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;AAErC;;GAEG;AACH,SAAS,eAAe,CAAC,WAAmB;IAC1C,MAAM,SAAS,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;IAEjC,6CAA6C;IAC7C,MAAM,OAAO,GAAG,OAAO;SACpB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,MAAM,CAAC,WAAW,eAAe,MAAM,CAAC,QAAQ,GAAG,CAAC;SAC5E,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,0BAA0B;IAC1B,MAAM,UAAU,GAAG,OAAO;SACvB,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,WAAW,GAAG,CAAC;SACzD,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,OAAO;;;EAGP,OAAO;;;;;EAKP,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CX,CAAA;AACD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,WAAmB;IAC9C,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;QAChD,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAA;QAErE,gDAAgD;QAChD,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5B,SAAS,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC5C,CAAC;QAED,kBAAkB;QAClB,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAA;QAC1D,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;YAC/B,MAAM,IAAI,KAAK,CAAC,2BAA2B,aAAa,EAAE,CAAC,CAAA;QAC7D,CAAC;QACD,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;QACtD,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;QAEjE,oEAAoE;QACpE,MAAM,OAAO,GAAG,eAAe,CAAC,WAAW,CAAC,CAAA;QAC5C,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;IAC/D,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAA;QACtD,MAAM,KAAK,CAAA;IACb,CAAC;AACH,CAAC"}

package/dist/lib/vite/config-factory.d.ts

@@ -0,0 +1,12 @@
+import type { InlineConfig } from 'vite';
+interface ViteConfigOptions {
+    mode: 'development' | 'production';
+    port?: number;
+    host?: string;
+    open?: boolean;
+    sourcemap?: boolean;
+    profile?: boolean;
+}
+export declare function createViteConfig(options: ViteConfigOptions): InlineConfig;
+export {};
+//# sourceMappingURL=config-factory.d.ts.map

package/dist/lib/vite/config-factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-factory.d.ts","sourceRoot":"","sources":["../../../src/lib/vite/config-factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAMxC,UAAU,iBAAiB;IACzB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,YAAY,CAgEzE"}

package/dist/lib/vite/config-factory.js

@@ -0,0 +1,55 @@
+import react from '@vitejs/plugin-react';
+import { resolve, join } from 'node:path';
+import { assetVersioning } from './plugins/asset-versioning.js';
+import { setupRuntime } from '../utils/setup-runtime.js';
+export function createViteConfig(options) {
+    const { mode, port = 3000, host = 'localhost', open = false, sourcemap = false, profile = false, } = options;
+    const isDev = mode === 'development';
+    const projectRoot = process.cwd();
+    // Setup runtime files in user's project
+    setupRuntime(projectRoot);
+    const config = {
+        mode,
+        root: projectRoot,
+        plugins: [react()],
+        resolve: {
+            alias: {
+                '@': resolve(projectRoot, 'src'),
+            },
+        },
+        build: {
+            outDir: 'dist',
+            sourcemap: sourcemap ? 'hidden' : false,
+            minify: !isDev,
+            rollupOptions: {
+                input: join(projectRoot, '.linkapp', 'index.html'),
+                output: {
+                    entryFileNames: '[name].[hash].js',
+                    chunkFileNames: '[name].[hash].js',
+                    assetFileNames: '[name].[hash].[ext]',
+                },
+            },
+        },
+        server: {
+            port,
+            host,
+            open,
+            cors: true,
+            strictPort: false,
+        },
+    };
+    // Add production-only plugins
+    if (!isDev) {
+        config.plugins?.push(assetVersioning({
+            manifestPath: 'build-manifest.json',
+        }));
+        // Add bundle analyzer if requested
+        if (profile) {
+            // Note: rollup-plugin-visualizer support disabled in ES module context
+            // To enable bundle analysis, use --sourcemap flag and analyze with external tools
+            console.warn('⚠️  Bundle profiling is not available in this version. Use --sourcemap flag and analyze with external tools.');
+        }
+    }
+    return config;
+}
+//# sourceMappingURL=config-factory.js.map

package/dist/lib/vite/config-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-factory.js","sourceRoot":"","sources":["../../../src/lib/vite/config-factory.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,sBAAsB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAWxD,MAAM,UAAU,gBAAgB,CAAC,OAA0B;IACzD,MAAM,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,WAAW,EAClB,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,KAAK,GAChB,GAAG,OAAO,CAAA;IAEX,MAAM,KAAK,GAAG,IAAI,KAAK,aAAa,CAAA;IACpC,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAA;IAEjC,wCAAwC;IACxC,YAAY,CAAC,WAAW,CAAC,CAAA;IAEzB,MAAM,MAAM,GAAiB;QAC3B,IAAI;QACJ,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,GAAG,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC;aACjC;SACF;QACD,KAAK,EAAE;YACL,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;YACvC,MAAM,EAAE,CAAC,KAAK;YACd,aAAa,EAAE;gBACb,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,EAAE,YAAY,CAAC;gBAClD,MAAM,EAAE;oBACN,cAAc,EAAE,kBAAkB;oBAClC,cAAc,EAAE,kBAAkB;oBAClC,cAAc,EAAE,qBAAqB;iBACtC;aACF;SACF;QACD,MAAM,EAAE;YACN,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI,EAAE,IAAI;YACV,UAAU,EAAE,KAAK;SAClB;KACF,CAAA;IAED,8BAA8B;IAC9B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,CAAC,OAAO,EAAE,IAAI,CAClB,eAAe,CAAC;YACd,YAAY,EAAE,qBAAqB;SACpC,CAAC,CACH,CAAA;QAED,mCAAmC;QACnC,IAAI,OAAO,EAAE,CAAC;YACZ,uEAAuE;YACvE,kFAAkF;YAClF,OAAO,CAAC,IAAI,CAAC,8GAA8G,CAAC,CAAA;QAC9H,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/lib/vite/plugins/asset-versioning.d.ts

@@ -0,0 +1,11 @@
+import type { Plugin } from 'vite';
+interface AssetVersioningOptions {
+    manifestPath?: string;
+}
+/**
+ * Vite plugin that creates a build manifest with versioned assets
+ * This helps invalidate cache on deployment
+ */
+export declare function assetVersioning(options?: AssetVersioningOptions): Plugin;
+export {};
+//# sourceMappingURL=asset-versioning.d.ts.map

package/dist/lib/vite/plugins/asset-versioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-versioning.d.ts","sourceRoot":"","sources":["../../../../src/lib/vite/plugins/asset-versioning.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC,UAAU,sBAAsB;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,OAAO,GAAE,sBAA2B,GAAG,MAAM,CA+C5E"}

package/dist/lib/vite/plugins/asset-versioning.js

@@ -0,0 +1,50 @@
+import { createHash } from 'node:crypto';
+import { writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+/**
+ * Vite plugin that creates a build manifest with versioned assets
+ * This helps invalidate cache on deployment
+ */
+export function assetVersioning(options = {}) {
+    const manifestPath = options.manifestPath || 'build-manifest.json';
+    const manifest = {};
+    return {
+        name: 'linkapp:asset-versioning',
+        enforce: 'post',
+        generateBundle(_options, bundle) {
+            // Collect all asset mappings
+            for (const [fileName, asset] of Object.entries(bundle)) {
+                if (asset.type === 'asset' || asset.type === 'chunk') {
+                    // Store original name -> hashed name mapping
+                    const originalName = fileName.replace(/\.[a-f0-9]+\./, '.');
+                    manifest[originalName] = fileName;
+                    // Add metadata
+                    if (asset.type === 'chunk' && asset.isEntry) {
+                        manifest[`${originalName}.entry`] = 'true';
+                    }
+                }
+            }
+            // Add build timestamp
+            manifest['_buildTime'] = new Date().toISOString();
+            manifest['_buildHash'] = createHash('sha256').update(JSON.stringify(manifest)).digest('hex').slice(0, 8);
+            // Emit manifest file
+            this.emitFile({
+                type: 'asset',
+                fileName: manifestPath,
+                source: JSON.stringify(manifest, null, 2),
+            });
+        },
+        closeBundle() {
+            // Also write manifest to disk for deployment process
+            const outDir = process.env.VITE_OUT_DIR || 'dist';
+            const fullPath = join(process.cwd(), outDir, manifestPath);
+            try {
+                writeFileSync(fullPath, JSON.stringify(manifest, null, 2));
+            }
+            catch (error) {
+                console.warn('Failed to write build manifest:', error);
+            }
+        },
+    };
+}
+//# sourceMappingURL=asset-versioning.js.map

package/dist/lib/vite/plugins/asset-versioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset-versioning.js","sourceRoot":"","sources":["../../../../src/lib/vite/plugins/asset-versioning.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAMhC;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,UAAkC,EAAE;IAClE,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,qBAAqB,CAAA;IAClE,MAAM,QAAQ,GAA2B,EAAE,CAAA;IAE3C,OAAO;QACL,IAAI,EAAE,0BAA0B;QAChC,OAAO,EAAE,MAAM;QAEf,cAAc,CAAC,QAAQ,EAAE,MAAM;YAC7B,6BAA6B;YAC7B,KAAK,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBACvD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACrD,6CAA6C;oBAC7C,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,eAAe,EAAE,GAAG,CAAC,CAAA;oBAC3D,QAAQ,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAA;oBAEjC,eAAe;oBACf,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;wBAC5C,QAAQ,CAAC,GAAG,YAAY,QAAQ,CAAC,GAAG,MAAM,CAAA;oBAC5C,CAAC;gBACH,CAAC;YACH,CAAC;YAED,sBAAsB;YACtB,QAAQ,CAAC,YAAY,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;YACjD,QAAQ,CAAC,YAAY,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;YAExG,qBAAqB;YACrB,IAAI,CAAC,QAAQ,CAAC;gBACZ,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,YAAY;gBACtB,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;aAC1C,CAAC,CAAA;QACJ,CAAC;QAED,WAAW;YACT,qDAAqD;YACrD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,MAAM,CAAA;YACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,CAAA;YAE1D,IAAI,CAAC;gBACH,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;YAC5D,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,IAAI,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAA;YACxD,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/lib/vite/plugins/route-handler.d.ts

@@ -0,0 +1,16 @@
+import type { Plugin } from 'vite';
+interface RouteHandlerOptions {
+    userProjectPath: string;
+    previewPath: string;
+    devServerOrigin: string;
+}
+/**
+ * Vite plugin that handles multiple routes in a single dev server
+ * Routes:
+ *   / → Preview UI (linkapp-preview)
+ *   /classic, /featured, etc. → User layouts (runtime)
+ *   /layouts.json → JSON endpoint
+ */
+export declare function routeHandler(options: RouteHandlerOptions): Plugin;
+export {};
+//# sourceMappingURL=route-handler.d.ts.map

package/dist/lib/vite/plugins/route-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-handler.d.ts","sourceRoot":"","sources":["../../../../src/lib/vite/plugins/route-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,MAAM,CAAA;AASjD,UAAU,mBAAmB;IAC3B,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CA6GjE"}

package/dist/lib/vite/plugins/route-handler.js

@@ -0,0 +1,108 @@
+import { readFileSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { detectLayouts } from '../../build/detect-layouts.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+/**
+ * Vite plugin that handles multiple routes in a single dev server
+ * Routes:
+ *   / → Preview UI (linkapp-preview)
+ *   /classic, /featured, etc. → User layouts (runtime)
+ *   /layouts.json → JSON endpoint
+ */
+export function routeHandler(options) {
+    const { userProjectPath, previewPath, devServerOrigin } = options;
+    // Read HTML templates
+    const previewHtmlPath = join(previewPath, 'index.html');
+    const runtimeHtmlPath = join(__dirname, '../../../../runtime/index.html');
+    return {
+        name: 'linkapp:route-handler',
+        configureServer(server) {
+            // Add middleware before Vite's internal middleware
+            server.middlewares.use((req, res, next) => {
+                const url = req.url || '/';
+                const pathname = url.split('?')[0];
+                // Handle /layouts.json endpoint
+                if (pathname === '/layouts.json') {
+                    try {
+                        const detection = detectLayouts(userProjectPath);
+                        res.statusCode = 200;
+                        res.setHeader('Content-Type', 'application/json');
+                        res.setHeader('Cache-Control', 'no-store');
+                        res.end(JSON.stringify({
+                            layouts: detection.layouts,
+                            devServerUrl: devServerOrigin,
+                        }));
+                    }
+                    catch (error) {
+                        console.error('Failed to read layouts:', error);
+                        res.statusCode = 500;
+                        res.setHeader('Content-Type', 'application/json');
+                        res.end(JSON.stringify({ error: 'Failed to read layouts' }));
+                    }
+                    return;
+                }
+                // Get available layouts
+                let layouts = [];
+                try {
+                    layouts = detectLayouts(userProjectPath).layouts;
+                }
+                catch (error) {
+                    console.error('Failed to detect layouts:', error);
+                }
+                // Check if this is a layout route
+                const matchedLayout = layouts.find(layout => pathname === `/${layout.name}`);
+                if (matchedLayout) {
+                    // Serve runtime HTML with layout query param
+                    try {
+                        let html = readFileSync(runtimeHtmlPath, 'utf-8');
+                        // Add layout query param to the script src
+                        html = html.replace('src="/.linkapp/main.tsx"', `src="/.linkapp/main.tsx?layout=${matchedLayout.name}"`);
+                        res.statusCode = 200;
+                        res.setHeader('Content-Type', 'text/html');
+                        res.end(html);
+                    }
+                    catch (error) {
+                        console.error('Failed to serve runtime HTML:', error);
+                        next();
+                    }
+                    return;
+                }
+                // Serve preview HTML at root
+                if (pathname === '/') {
+                    try {
+                        // Read preview HTML from linkapp-preview package
+                        const html = readFileSync(previewHtmlPath, 'utf-8');
+                        res.statusCode = 200;
+                        res.setHeader('Content-Type', 'text/html');
+                        res.end(html);
+                    }
+                    catch (error) {
+                        console.error('Failed to serve preview HTML:', error);
+                        next();
+                    }
+                    return;
+                }
+                // Let Vite handle everything else
+                next();
+            });
+        },
+        // Transform HTML to handle module resolution
+        transformIndexHtml: {
+            order: 'pre',
+            handler(html, ctx) {
+                const url = ctx.originalUrl || '/';
+                const pathname = url.split('?')[0];
+                // For preview route, update paths to use linkapp-preview alias
+                if (pathname === '/') {
+                    return html
+                        .replace('href="/src/index.css"', 'href="/linkapp-preview/src/index.css"')
+                        .replace('src="/src/main.tsx"', 'src="/linkapp-preview/src/main.tsx"');
+                }
+                return html;
+            },
+        },
+    };
+}
+//# sourceMappingURL=route-handler.js.map

package/dist/lib/vite/plugins/route-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-handler.js","sourceRoot":"","sources":["../../../../src/lib/vite/plugins/route-handler.ts"],"names":[],"mappings":"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"}

package/dist/lib/vite/plugins/window-context.d.ts

@@ -0,0 +1,7 @@
+import type { Plugin } from 'vite';
+/**
+ * Vite plugin that injects window.linktree context for development
+ * In production, this is handled by the parent Linktree frame
+ */
+export declare function windowContext(): Plugin;
+//# sourceMappingURL=window-context.d.ts.map

package/dist/lib/vite/plugins/window-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-context.d.ts","sourceRoot":"","sources":["../../../../src/lib/vite/plugins/window-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC;;;GAGG;AACH,wBAAgB,aAAa,IAAI,MAAM,CAkEtC"}

package/dist/lib/vite/plugins/window-context.js

@@ -0,0 +1,68 @@
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+/**
+ * Vite plugin that injects window.linktree context for development
+ * In production, this is handled by the parent Linktree frame
+ */
+export function windowContext() {
+    return {
+        name: 'linkapp:window-context',
+        transformIndexHtml: {
+            order: 'pre',
+            async handler(html) {
+                // Only inject in development
+                if (process.env.NODE_ENV === 'production') {
+                    return html;
+                }
+                try {
+                    const configPath = join(process.cwd(), 'linkapp.config.ts');
+                    const configUrl = pathToFileURL(configPath).href;
+                    // Dynamic import the config
+                    const { default: config } = await import(configUrl);
+                    const previewProps = config.previewProps || {};
+                    // Inject window.linktree with preview props
+                    const script = `
+<script>
+  // Development context - in production this comes from parent frame
+  window.linktree = ${JSON.stringify(previewProps, null, 2)};
+
+  // Apply theme CSS variables
+  if (window.linktree?.theme) {
+    const theme = window.linktree.theme;
+    document.documentElement.style.setProperty('--linktree-bg-color', theme.backgroundColor);
+    document.documentElement.style.setProperty('--linktree-text-color', theme.textColor);
+    document.documentElement.style.setProperty('--linktree-border-color', theme.borderColor);
+    document.documentElement.style.setProperty('--linktree-border-radius', theme.borderRadius);
+  }
+</script>`;
+                    return html.replace('</head>', `${script}</head>`);
+                }
+                catch (error) {
+                    console.warn('Failed to load config, using defaults:', error);
+                    // Fallback to minimal context
+                    const fallbackScript = `
+<script>
+  window.linktree = {
+    linkUrl: 'https://example.com',
+    theme: {
+      textColor: '#000000',
+      backgroundColor: '#ffffff',
+      borderRadius: '12px',
+      borderColor: '#e5e7eb',
+      isOutlineStyle: false,
+      contrastColor: '#ffffff',
+      textHoverColor: '#111827'
+    },
+    locale: 'en-US',
+    currency: 'USD',
+    username: 'dev-user',
+    viewport: { width: 680, height: 800 }
+  };
+</script>`;
+                    return html.replace('</head>', `${fallbackScript}</head>`);
+                }
+            },
+        },
+    };
+}
+//# sourceMappingURL=window-context.js.map

package/dist/lib/vite/plugins/window-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-context.js","sourceRoot":"","sources":["../../../../src/lib/vite/plugins/window-context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC;;;GAGG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO;QACL,IAAI,EAAE,wBAAwB;QAE9B,kBAAkB,EAAE;YAClB,KAAK,EAAE,KAAK;YACZ,KAAK,CAAC,OAAO,CAAC,IAAI;gBAChB,6BAA6B;gBAC7B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;oBAC1C,OAAO,IAAI,CAAA;gBACb,CAAC;gBAED,IAAI,CAAC;oBACH,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,mBAAmB,CAAC,CAAA;oBAC3D,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC,IAAI,CAAA;oBAEhD,4BAA4B;oBAC5B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,SAAS,CAAC,CAAA;oBACnD,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,IAAI,EAAE,CAAA;oBAE9C,4CAA4C;oBAC5C,MAAM,MAAM,GAAG;;;sBAGH,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;;;;;;;;;;UAUjD,CAAA;oBAEA,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,MAAM,SAAS,CAAC,CAAA;gBACpD,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,IAAI,CAAC,wCAAwC,EAAE,KAAK,CAAC,CAAA;oBAE7D,8BAA8B;oBAC9B,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;UAkBvB,CAAA;oBAEA,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,cAAc,SAAS,CAAC,CAAA;gBAC5D,CAAC;YACH,CAAC;SACF;KACF,CAAA;AACH,CAAC"}