@linktr.ee/linkapp 0.0.22 → 0.0.23

package/dev-server/shared/theme-presets.ts

@@ -0,0 +1,315 @@
+/**
+ * Theme presets for testing LinkApps in dev mode
+ * Based on actual CSS variables from live Linktree profiles
+ */
+export const THEME_PRESETS = {
+  default: {
+    name: "Default (Light)",
+    variables: {
+      "--button-style-text": "#000000",
+      "--button-style-background": "#ffffff",
+      "--button-style-background-hover":
+        "color-mix(in srgb, #ffffff 93%, #000000 7%)",
+      "--button-style-border": "none",
+      "--button-style-border-color": "transparent",
+      "--button-style-shadow": "none",
+      "--button-style-shadow-color": "#000000",
+      "--button-style-contrast-color": "#000000",
+      "--button-style-radius": "8px",
+      "--button-style-inner-radius": "min(8px, max(4px, calc(8px - 8px)))",
+      "--button-style-skeleton-color": "rgba(0, 0, 0, 0.05)",
+      "--link-gap": "14px",
+      "--link-inner-padding": "7px",
+      "--link-preview-thumbnail-width": "160px",
+      "--linkRadius": "8px",
+      "--profile-container-desktop-width": "580px",
+      "--profileBackground": "#eceef1",
+      "--background-contrast-color": "#000000",
+      "--bodyText": "#000000",
+      "--profileTitleText": "#000000",
+      "--profileDescriptionText": "#000000",
+      "--defaultAvatarBackground": "#000000",
+      "--defaultAvatarText": "#ffffff",
+      "--socialLinkFill": "#000000",
+      "--linkBackground": "#ffffff",
+      "--linkText": "#000000",
+      "--linkHoverBackground": "color-mix(in srgb, #ffffff 93%, #000000 7%)",
+      "--linkHoverText": "#000000",
+      "--linkShadow": "#000000",
+      "--bannerBackground": "#ffffff",
+      "--bannerText": "#000000",
+      "--desktop-frame-color": "color-mix(in srgb, #eceef1 88%, black 12%)",
+      "--profileFontFamilyPrimary":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontFamilySecondary":
+        'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--header-font-family":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontWeightNormal": "500",
+      "--profileFontWeightBold": "700",
+      "--profileDescriptionFontWeight": "500",
+      "--linkTextFontWeight": "500",
+      "--headerFontWeight": "700",
+      "--header-font-weight": "600",
+      "--embedLinkTextFontWeight": "500",
+      "--signupSubmitTextFontWeight": "700",
+      "--bannerFontWeight": "700",
+      "--headerFontSize": "normal",
+      "--header-bio-font-size": "16px",
+      "--embedLinkTextFontSize": "14px",
+      "--signupSubmitTextFontSize": "14px",
+      "--linkHeaderFontSize": "14px",
+      "--bannerFontSize": "14px",
+      "--profileDescriptionLineHeight": "1.5",
+      "--headerLineHeight": "1.5",
+      "--header-text-color": "#000000",
+    },
+  },
+  dark: {
+    name: "Dark",
+    variables: {
+      "--button-style-text": "#ffffff",
+      "--button-style-background": "#1f2937",
+      "--button-style-background-hover":
+        "color-mix(in srgb, #1f2937 93%, #ffffff 7%)",
+      "--button-style-border": "none",
+      "--button-style-border-color": "transparent",
+      "--button-style-shadow": "none",
+      "--button-style-shadow-color": "#000000",
+      "--button-style-contrast-color": "#ffffff",
+      "--button-style-radius": "8px",
+      "--button-style-inner-radius": "min(8px, max(4px, calc(8px - 8px)))",
+      "--button-style-skeleton-color": "rgba(255, 255, 255, 0.1)",
+      "--link-gap": "14px",
+      "--link-inner-padding": "7px",
+      "--link-preview-thumbnail-width": "160px",
+      "--linkRadius": "8px",
+      "--profile-container-desktop-width": "580px",
+      "--profileBackground": "#111827",
+      "--background-contrast-color": "#ffffff",
+      "--bodyText": "#ffffff",
+      "--profileTitleText": "#ffffff",
+      "--profileDescriptionText": "#ffffff",
+      "--defaultAvatarBackground": "#ffffff",
+      "--defaultAvatarText": "#000000",
+      "--socialLinkFill": "#ffffff",
+      "--linkBackground": "#1f2937",
+      "--linkText": "#ffffff",
+      "--linkHoverBackground": "color-mix(in srgb, #1f2937 93%, #ffffff 7%)",
+      "--linkHoverText": "#ffffff",
+      "--linkShadow": "#000000",
+      "--bannerBackground": "#1f2937",
+      "--bannerText": "#ffffff",
+      "--desktop-frame-color": "color-mix(in srgb, #111827 88%, white 12%)",
+      "--profileFontFamilyPrimary":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontFamilySecondary":
+        'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--header-font-family":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontWeightNormal": "500",
+      "--profileFontWeightBold": "700",
+      "--profileDescriptionFontWeight": "500",
+      "--linkTextFontWeight": "500",
+      "--headerFontWeight": "700",
+      "--header-font-weight": "600",
+      "--embedLinkTextFontWeight": "500",
+      "--signupSubmitTextFontWeight": "700",
+      "--bannerFontWeight": "700",
+      "--headerFontSize": "normal",
+      "--header-bio-font-size": "16px",
+      "--embedLinkTextFontSize": "14px",
+      "--signupSubmitTextFontSize": "14px",
+      "--linkHeaderFontSize": "14px",
+      "--bannerFontSize": "14px",
+      "--profileDescriptionLineHeight": "1.5",
+      "--headerLineHeight": "1.5",
+      "--header-text-color": "#ffffff",
+    },
+  },
+  purple: {
+    name: "Purple",
+    variables: {
+      "--button-style-text": "#ffffff",
+      "--button-style-background": "#7c3aed",
+      "--button-style-background-hover":
+        "color-mix(in srgb, #7c3aed 93%, #ffffff 7%)",
+      "--button-style-border": "none",
+      "--button-style-border-color": "transparent",
+      "--button-style-shadow": "none",
+      "--button-style-shadow-color": "#000000",
+      "--button-style-contrast-color": "#ede9fe",
+      "--button-style-radius": "16px",
+      "--button-style-inner-radius": "min(16px, max(4px, calc(16px - 8px)))",
+      "--button-style-skeleton-color": "rgba(124, 58, 237, 0.1)",
+      "--link-gap": "14px",
+      "--link-inner-padding": "7px",
+      "--link-preview-thumbnail-width": "160px",
+      "--linkRadius": "16px",
+      "--profile-container-desktop-width": "580px",
+      "--profileBackground": "#faf5ff",
+      "--background-contrast-color": "#1f2937",
+      "--bodyText": "#1f2937",
+      "--profileTitleText": "#1f2937",
+      "--profileDescriptionText": "#1f2937",
+      "--defaultAvatarBackground": "#7c3aed",
+      "--defaultAvatarText": "#ffffff",
+      "--socialLinkFill": "#1f2937",
+      "--linkBackground": "#7c3aed",
+      "--linkText": "#ffffff",
+      "--linkHoverBackground": "color-mix(in srgb, #7c3aed 93%, #ffffff 7%)",
+      "--linkHoverText": "#ffffff",
+      "--linkShadow": "#7c3aed",
+      "--bannerBackground": "#7c3aed",
+      "--bannerText": "#ffffff",
+      "--desktop-frame-color": "color-mix(in srgb, #faf5ff 88%, black 12%)",
+      "--profileFontFamilyPrimary":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontFamilySecondary":
+        'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--header-font-family":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontWeightNormal": "500",
+      "--profileFontWeightBold": "700",
+      "--profileDescriptionFontWeight": "500",
+      "--linkTextFontWeight": "500",
+      "--headerFontWeight": "700",
+      "--header-font-weight": "600",
+      "--embedLinkTextFontWeight": "500",
+      "--signupSubmitTextFontWeight": "700",
+      "--bannerFontWeight": "700",
+      "--headerFontSize": "normal",
+      "--header-bio-font-size": "16px",
+      "--embedLinkTextFontSize": "14px",
+      "--signupSubmitTextFontSize": "14px",
+      "--linkHeaderFontSize": "14px",
+      "--bannerFontSize": "14px",
+      "--profileDescriptionLineHeight": "1.5",
+      "--headerLineHeight": "1.5",
+      "--header-text-color": "#1f2937",
+    },
+  },
+  outline: {
+    name: "Outline Style",
+    variables: {
+      "--button-style-text": "#000000",
+      "--button-style-background": "transparent",
+      "--button-style-background-hover": "rgba(0, 0, 0, 0.05)",
+      "--button-style-border": "2px solid currentColor",
+      "--button-style-border-color": "#000000",
+      "--button-style-shadow": "none",
+      "--button-style-shadow-color": "#000000",
+      "--button-style-contrast-color": "#ffffff",
+      "--button-style-radius": "24px",
+      "--button-style-inner-radius": "min(24px, max(4px, calc(24px - 8px)))",
+      "--button-style-skeleton-color": "rgba(0, 0, 0, 0.05)",
+      "--link-gap": "14px",
+      "--link-inner-padding": "7px",
+      "--link-preview-thumbnail-width": "160px",
+      "--linkRadius": "24px",
+      "--profile-container-desktop-width": "580px",
+      "--profileBackground": "#ffffff",
+      "--background-contrast-color": "#000000",
+      "--bodyText": "#000000",
+      "--profileTitleText": "#000000",
+      "--profileDescriptionText": "#000000",
+      "--defaultAvatarBackground": "#000000",
+      "--defaultAvatarText": "#ffffff",
+      "--socialLinkFill": "#000000",
+      "--linkBackground": "transparent",
+      "--linkText": "#000000",
+      "--linkHoverBackground": "rgba(0, 0, 0, 0.05)",
+      "--linkHoverText": "#000000",
+      "--linkShadow": "#000000",
+      "--bannerBackground": "#ffffff",
+      "--bannerText": "#000000",
+      "--desktop-frame-color": "color-mix(in srgb, #ffffff 88%, black 12%)",
+      "--profileFontFamilyPrimary":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontFamilySecondary":
+        'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--header-font-family":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontWeightNormal": "500",
+      "--profileFontWeightBold": "700",
+      "--profileDescriptionFontWeight": "500",
+      "--linkTextFontWeight": "500",
+      "--headerFontWeight": "700",
+      "--header-font-weight": "600",
+      "--embedLinkTextFontWeight": "500",
+      "--signupSubmitTextFontWeight": "700",
+      "--bannerFontWeight": "700",
+      "--headerFontSize": "normal",
+      "--header-bio-font-size": "16px",
+      "--embedLinkTextFontSize": "14px",
+      "--signupSubmitTextFontSize": "14px",
+      "--linkHeaderFontSize": "14px",
+      "--bannerFontSize": "14px",
+      "--profileDescriptionLineHeight": "1.5",
+      "--headerLineHeight": "1.5",
+      "--header-text-color": "#000000",
+    },
+  },
+  rounded: {
+    name: "Fully Rounded",
+    variables: {
+      "--button-style-text": "#ffffff",
+      "--button-style-background": "#059669",
+      "--button-style-background-hover":
+        "color-mix(in srgb, #059669 93%, #ffffff 7%)",
+      "--button-style-border": "none",
+      "--button-style-border-color": "transparent",
+      "--button-style-shadow": "none",
+      "--button-style-shadow-color": "#000000",
+      "--button-style-contrast-color": "#d1fae5",
+      "--button-style-radius": "28px",
+      "--button-style-inner-radius": "28px",
+      "--button-style-skeleton-color": "rgba(5, 150, 105, 0.1)",
+      "--link-gap": "14px",
+      "--link-inner-padding": "7px",
+      "--link-preview-thumbnail-width": "160px",
+      "--linkRadius": "28px",
+      "--profile-container-desktop-width": "580px",
+      "--profileBackground": "#ecfdf5",
+      "--background-contrast-color": "#1f2937",
+      "--bodyText": "#1f2937",
+      "--profileTitleText": "#1f2937",
+      "--profileDescriptionText": "#1f2937",
+      "--defaultAvatarBackground": "#059669",
+      "--defaultAvatarText": "#ffffff",
+      "--socialLinkFill": "#1f2937",
+      "--linkBackground": "#059669",
+      "--linkText": "#ffffff",
+      "--linkHoverBackground": "color-mix(in srgb, #059669 93%, #ffffff 7%)",
+      "--linkHoverText": "#ffffff",
+      "--linkShadow": "#059669",
+      "--bannerBackground": "#059669",
+      "--bannerText": "#ffffff",
+      "--desktop-frame-color": "color-mix(in srgb, #ecfdf5 88%, black 12%)",
+      "--profileFontFamilyPrimary":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontFamilySecondary":
+        'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--header-font-family":
+        'Link Sans Product, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+      "--profileFontWeightNormal": "500",
+      "--profileFontWeightBold": "700",
+      "--profileDescriptionFontWeight": "500",
+      "--linkTextFontWeight": "500",
+      "--headerFontWeight": "700",
+      "--header-font-weight": "600",
+      "--embedLinkTextFontWeight": "500",
+      "--signupSubmitTextFontWeight": "700",
+      "--bannerFontWeight": "700",
+      "--headerFontSize": "normal",
+      "--header-bio-font-size": "16px",
+      "--embedLinkTextFontSize": "14px",
+      "--signupSubmitTextFontSize": "14px",
+      "--linkHeaderFontSize": "14px",
+      "--bannerFontSize": "14px",
+      "--profileDescriptionLineHeight": "1.5",
+      "--headerLineHeight": "1.5",
+      "--header-text-color": "#1f2937",
+    },
+  },
+};

package/dev-server/shared/theme-utils.ts

@@ -0,0 +1,38 @@
+/**
+ * Utility functions for theme handling in dev mode
+ */
+
+/**
+ * Merges theme CSS variables with preview props and creates a theme object
+ * compatible with the LinkApp runtime
+ */
+export function mergeThemeProps(
+  themeVariables: Record<string, string>,
+  previewProps: Record<string, unknown> = {},
+  additionalProps: Record<string, unknown> = {}
+) {
+  return {
+    ...previewProps,
+    ...additionalProps,
+    theme: {
+      cssVariables: themeVariables,
+      // Legacy properties (deprecated) - derived from cssVariables
+      textColor: themeVariables["--button-style-text"] || "#000000",
+      backgroundColor: themeVariables["--button-style-background"] || "#ffffff",
+      borderRadius: themeVariables["--button-style-inner-radius"] || "12px",
+      borderColor: themeVariables["--button-style-border-color"] || "#e5e7eb",
+      backgroundHover: themeVariables["--button-style-background-hover"] || "#f3f4f6",
+      contrastColor: themeVariables["--button-style-contrast-color"] || "#ffffff",
+      textHoverColor: themeVariables["--linkHoverText"] || "#111827",
+    },
+  };
+}
+
+/**
+ * Gets theme variables from URL parameters
+ */
+export function getThemeFromUrl(presets: Record<string, Record<string, string>>): Record<string, string> {
+  const params = new URLSearchParams(window.location.search);
+  const themeParam = params.get('theme') || 'default';
+  return presets[themeParam] || presets.default;
+}

package/dev-server/sheet/main.tsx

@@ -0,0 +1,44 @@
+import Sheet from "@/app/sheet";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "@/app/globals.css";
+import { THEME_PRESETS } from "../shared/theme-presets";
+import { getThemeFromUrl, mergeThemeProps } from "../shared/theme-utils";
+
+// Declare global window property for theme application
+declare global {
+  interface Window {
+    __linkapp_applyTheme?: (variables: Record<string, string>) => void
+  }
+}
+
+// Preview props injected by dev server via Vite define
+declare const __PREVIEW_PROPS__: Record<string, unknown>;
+
+// Extract just the variables from THEME_PRESETS for theme lookups
+const THEME_VARS = Object.fromEntries(
+  Object.entries(THEME_PRESETS).map(([key, { variables }]) => [key, variables])
+);
+
+// Get theme variables from URL
+const themeVariables = getThemeFromUrl(THEME_VARS);
+
+// Merge with preview props
+const previewProps = __PREVIEW_PROPS__ || {};
+const mergedProps = mergeThemeProps(themeVariables, previewProps);
+
+// Apply theme CSS variables on mount
+if (themeVariables && window.__linkapp_applyTheme) {
+  window.__linkapp_applyTheme(themeVariables);
+}
+
+const rootElement = document.getElementById("root");
+if (!rootElement) {
+  throw new Error("Root element not found");
+}
+
+createRoot(rootElement).render(
+  <StrictMode>
+    <Sheet {...mergedProps} />
+  </StrictMode>,
+);

package/dev-server/{classic.html → sheet.html}

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Classic - LinkApp</title>
+    <title>Sheet - LinkApp</title>
 
     <!-- iframe-resizer: Required for iframe height auto-adjustment -->
     <script crossorigin src="https://unpkg.com/iframe-resizer@4.3.2/js/iframeResizer.contentWindow.js"></script>
@@ -51,6 +51,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/classic/main.tsx"></script>
+    <script type="module" src="/sheet/main.tsx"></script>
   </body>
 </html>

package/dist/commands/add.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAMA,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAKD,wBAAsB,UAAU,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe,iBA+D5E"}
+{"version":3,"file":"add.d.ts","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"AAUA,UAAU,UAAU;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAKD,wBAAsB,UAAU,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe,iBAoE5E"}

package/dist/commands/add.js

@@ -3,17 +3,21 @@ import * as p from '@clack/prompts';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
 import { spawn } from 'node:child_process';
+const writeLine = (message = '') => {
+    process.stdout.write(`${message}\n`);
+};
 // Default registry URL - can be overridden with --registry flag or LINKAPP_REGISTRY_URL env var
 const DEFAULT_REGISTRY = process.env.LINKAPP_REGISTRY_URL || 'https://create-linkapp-registry.vercel.app/r';
 export async function addCommand(component, options = {}) {
-    console.log(pc.cyan('📦 Adding components from LinkApp registry...\n'));
+    writeLine(pc.cyan('📦 Adding components from LinkApp registry...'));
+    writeLine();
     try {
         // Check if components.json exists
         const projectPath = process.cwd();
         const componentsJsonPath = join(projectPath, 'components.json');
         if (!existsSync(componentsJsonPath)) {
-            console.log(pc.red('✗ components.json not found'));
-            console.log(pc.dim('Please run this command from a LinkApp project root'));
+            writeLine(pc.red('✗ components.json not found'));
+            writeLine(pc.dim('Please run this command from a LinkApp project root'));
             process.exit(1);
         }
         // Determine the registry URL (priority: CLI flag > env var > default)
@@ -21,11 +25,13 @@ export async function addCommand(component, options = {}) {
         // Build the component URL
         let componentUrl;
         if (!component) {
-            console.log(pc.red('✗ Please specify a component name'));
-            console.log(pc.dim('\\nAvailable components:'));
-            console.log(pc.dim('  • button'));
-            console.log(pc.dim('  • switch'));
-            console.log(pc.dim('\\nExample: linkapp add button'));
+            writeLine(pc.red('✗ Please specify a component name'));
+            writeLine();
+            writeLine(pc.dim('Available components:'));
+            writeLine(pc.dim('  • button'));
+            writeLine(pc.dim('  • switch'));
+            writeLine();
+            writeLine(pc.dim('Example: linkapp add button'));
             process.exit(1);
         }
         // Check if it's a full URL or just a component name
@@ -35,7 +41,8 @@ export async function addCommand(component, options = {}) {
         else {
             componentUrl = `${registryUrl}/${component}.json`;
         }
-        console.log(pc.dim(`Installing from: ${componentUrl}\n`));
+        writeLine(pc.dim(`Installing from: ${componentUrl}`));
+        writeLine();
         // Use shadcn CLI to install the component
         const args = ['add', componentUrl];
         if (options.yes) {
@@ -48,9 +55,10 @@ export async function addCommand(component, options = {}) {
         s.start(`Installing ${component}`);
         await runShadcnCommand(args);
         s.stop(pc.green(`✓ Successfully installed ${component}`));
-        console.log(pc.dim('\\nYou can now import and use the component:'));
-        console.log(pc.dim(`  import { ${capitalize(component)} } from '@/components/ui/${component}'`));
-        console.log();
+        writeLine();
+        writeLine(pc.dim('You can now import and use the component:'));
+        writeLine(pc.dim(`  import { ${capitalize(component)} } from '@/components/ui/${component}'`));
+        writeLine();
     }
     catch (error) {
         console.error(pc.red('\\n✗ Failed to add component:'), error);

package/dist/commands/add.js.map

@@ -1 +1 @@
-{"version":3,"file":"add.js","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"add.js","sourceRoot":"","sources":["../../src/commands/add.ts"],"names":[],"mappings":"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"}

package/dist/commands/build.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/commands/build.ts"],"names":[],"mappings":"AAMA,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAsB,YAAY,CAAC,OAAO,EAAE,YAAY,iBAqDvD"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/commands/build.ts"],"names":[],"mappings":"AAUA,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAsB,YAAY,CAAC,OAAO,EAAE,YAAY,iBAyDvD"}

package/dist/commands/build.js

@@ -1,70 +1,89 @@
 import pc from 'picocolors';
-import { build as viteBuild } from 'vite';
-import { createViteConfig } from '../lib/vite/config-factory.js';
+import { createRsbuild } from '@rsbuild/core';
+import { createRsbuildConfig } from '../lib/rsbuild/config-factory.js';
 import { existsSync, statSync, readdirSync } from 'node:fs';
 import { join } from 'node:path';
+const writeLine = (message = '') => {
+    process.stdout.write(`${message}\n`);
+};
 export async function buildCommand(options) {
-    console.log(pc.cyan('🏗️  Building for production...\n'));
+    writeLine(pc.cyan('🏗️  Building for production...'));
+    writeLine();
     const startTime = Date.now();
     try {
         // Use profile flag, fall back to analyze for backward compatibility
         const enableProfiling = options.profile || options.analyze || false;
-        const config = createViteConfig({
+        const config = createRsbuildConfig({
             mode: 'production',
             sourcemap: options.sourcemap || false,
             profile: enableProfiling,
         });
-        // Run Vite build
-        const result = await viteBuild(config);
+        // Run Rsbuild build
+        const rsbuild = await createRsbuild({ rsbuildConfig: config });
+        const buildResult = await rsbuild.build();
         const endTime = Date.now();
         const duration = ((endTime - startTime) / 1000).toFixed(2);
-        console.log(pc.green(`\n✓ Build completed in ${duration}s\n`));
-        // Show bundle info
-        if (Array.isArray(result)) {
-            // Multiple builds
-            for (const output of result) {
-                if ('output' in output) {
-                    showBundleInfo(output.output);
-                }
+        writeLine();
+        writeLine(pc.green(`✓ Build completed in ${duration}s`));
+        writeLine();
+        const assetDetails = collectAssetDetails(buildResult?.stats);
+        if (assetDetails.length > 0) {
+            writeLine(pc.bold('Build output:'));
+            for (const asset of assetDetails) {
+                const sizeKB = (asset.size / 1024).toFixed(1);
+                writeLine(pc.dim(`  ${asset.name} ${sizeKB} KB`));
             }
-        }
-        else if (result && 'output' in result) {
-            showBundleInfo(result.output);
+            writeLine();
         }
         // Show dist directory size
         const distPath = join(process.cwd(), 'dist');
         if (existsSync(distPath)) {
             const totalSize = getDirSize(distPath);
             const sizeKB = (totalSize / 1024).toFixed(1);
-            console.log(pc.dim(`Total dist size: ${sizeKB} KB\n`));
+            writeLine(pc.dim(`Total dist size: ${sizeKB} KB`));
+            writeLine();
         }
         if (enableProfiling) {
-            console.log(pc.cyan('\n📊 Bundle analysis files generated:'));
-            console.log(pc.cyan('   📄 Bundle report: dist/stats.html'));
-            console.log(pc.cyan('   💡 Open stats.html in your browser to analyze bundle size'));
-            console.log(pc.cyan('\n🔍 Detailed profiling enabled - check build output above for timing breakdown\n'));
+            writeLine(pc.cyan('\n📊 Bundle analysis:'));
+            writeLine(pc.cyan('   💡 Use --sourcemap flag and analyze with external tools'));
+            writeLine();
         }
+        await buildResult?.close();
     }
     catch (error) {
         console.error(pc.red('Build failed:'), error);
         process.exit(1);
     }
 }
-function showBundleInfo(output) {
-    if (!Array.isArray(output))
-        return;
-    console.log(pc.bold('Build output:'));
-    for (const chunk of output) {
-        if (chunk.type === 'chunk') {
-            const sizeKB = (chunk.code.length / 1024).toFixed(1);
-            console.log(pc.dim(`  ${chunk.fileName} ${sizeKB} KB`));
-        }
-        else if (chunk.type === 'asset') {
-            const size = typeof chunk.source === 'string' ? chunk.source.length : chunk.source.byteLength;
-            const sizeKB = (size / 1024).toFixed(1);
-            console.log(pc.dim(`  ${chunk.fileName} ${sizeKB} KB`));
-        }
+function collectAssetDetails(stats) {
+    if (!stats) {
+        return [];
     }
+    const collectFromStats = (single) => {
+        const json = single.toJson({
+            assets: true,
+            modules: false,
+            chunks: false,
+            chunkModules: false,
+            entrypoints: false,
+            children: false,
+        });
+        const assets = Array.isArray(json.assets) ? json.assets : [];
+        return assets
+            .filter((asset) => asset.emitted && asset.name && asset.size !== undefined)
+            .map((asset) => ({
+            name: asset.name,
+            size: asset.size,
+        }))
+            .sort((a, b) => a.name.localeCompare(b.name));
+    };
+    if (isMultiStats(stats)) {
+        return stats.stats.flatMap(collectFromStats).sort((a, b) => a.name.localeCompare(b.name));
+    }
+    return collectFromStats(stats);
+}
+function isMultiStats(stats) {
+    return 'stats' in stats && Array.isArray(stats.stats);
 }
 function getDirSize(dirPath) {
     let totalSize = 0;