@linktr.ee/linkapp 0.0.22 → 0.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/linkapp",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Development, build, and deployment tooling for LinkApps",
   "type": "module",
   "bin": {
@@ -46,13 +46,18 @@
     "@ngrok/ngrok": "^1.4.1",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-tabs": "^1.1.7",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@rsbuild/core": "^1.1.14",
+    "@rsbuild/plugin-react": "^1.1.0",
+    "@tailwindcss/postcss": "^4.1.14",
+    "postcss": "^8.5.6",
     "archiver": "^7.0.1",
     "axios": "^1.7.9",
     "cac": "^6.7.14",
+    "chokidar": "^3.6.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "connect": "^3.7.0",
+    "detect-port": "^2.1.0",
     "form-data": "^4.0.1",
     "fs-extra": "^11.2.0",
     "jiti": "^2.6.1",
@@ -65,7 +70,6 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tailwind-merge": "^3.3.1",
-    "vite": "^6.0.3",
     "zod": "^4.1.12"
   },
   "devDependencies": {

package/dev-server/classic/main.tsx

@@ -1,346 +0,0 @@
-import Classic from "@/app/classic";
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "@/app/globals.css";
-
-// Conditionally import Layout if it exists
-const layoutModules = import.meta.glob("@/app/layout.{ts,tsx}", {
-  eager: true,
-});
-const Layout = Object.values(layoutModules)[0]?.default as
-  | React.ComponentType<{ children: React.ReactNode; theme?: any }>
-  | undefined;
-
-// 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>;
-
-// Theme presets matching Preview.tsx
-const THEME_PRESETS: Record<string, Record<string, string>> = {
-  default: {
-    "--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: {
-    "--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: {
-    "--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: {
-    "--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: {
-    "--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",
-  },
-};
-
-// Get theme from URL parameter
-const params = new URLSearchParams(window.location.search);
-const themeParam = params.get('theme') || 'default';
-const themeVariables = THEME_PRESETS[themeParam] || THEME_PRESETS.default;
-
-const previewProps = __PREVIEW_PROPS__ || {};
-
-// Merge theme from URL with preview props
-const mergedProps = {
-  ...previewProps,
-  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",
-  },
-};
-
-// 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>
-    {Layout ? (
-      <Layout theme={mergedProps.theme}>
-        <Classic {...mergedProps} />
-      </Layout>
-    ) : (
-      <Classic {...mergedProps} />
-    )}
-  </StrictMode>,
-);

package/dev-server/vite.config.ts

@@ -1,34 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from '@tailwindcss/vite'
-import { resolve } from 'path'
-
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-  root: resolve(__dirname),
-  server: {
-    port: 3000,
-    strictPort: true,
-  },
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, '..'),
-      '@/components': resolve(__dirname, 'components'),
-      '@/lib': resolve(__dirname, 'lib'),
-    },
-  },
-  // Define fallback values - these will be overridden by dev.ts
-  define: {
-    __PREVIEW_PROPS__: 'undefined',
-    __SETTINGS_CONFIG__: 'undefined',
-  },
-  build: {
-    rollupOptions: {
-      input: {
-        main: resolve(__dirname, 'index.html'),
-        classic: resolve(__dirname, 'classic.html'),
-        featured: resolve(__dirname, 'featured.html'),
-      },
-    },
-  },
-})