@linktr.ee/linkapp 0.0.48 → 0.0.49

package/dev-server/components/ui/input.tsx

@@ -1,25 +1,24 @@
-import * as React from "react"
+import * as React from 'react'
 
-import { cn } from "../../lib/utils"
+import { cn } from '../../lib/utils'
 
-const Input = React.forwardRef<
-  HTMLInputElement,
-  React.InputHTMLAttributes<HTMLInputElement>
->(({ className, type, ...props }, ref) => (
-  <input
-    type={type}
-    className={cn(
-      "flex h-9 w-full rounded-md border border-gray-300 bg-white px-3 py-1 text-sm shadow-sm transition-colors",
-      "file:border-0 file:bg-transparent file:text-sm file:font-medium",
-      "placeholder:text-gray-400",
-      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:border-blue-500",
-      "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500",
-      className
-    )}
-    ref={ref}
-    {...props}
-  />
-))
-Input.displayName = "Input"
+const Input = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<HTMLInputElement>>(
+  ({ className, type, ...props }, ref) => (
+    <input
+      type={type}
+      className={cn(
+        'flex h-9 w-full rounded-md border border-gray-300 bg-white px-3 py-1 text-sm shadow-sm transition-colors',
+        'file:border-0 file:bg-transparent file:text-sm file:font-medium',
+        'placeholder:text-gray-400',
+        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:border-blue-500',
+        'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500',
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+)
+Input.displayName = 'Input'
 
 export { Input }

package/dev-server/components/ui/label.tsx

@@ -1,7 +1,7 @@
-import * as React from "react"
-import * as LabelPrimitive from "@radix-ui/react-label"
+import * as LabelPrimitive from '@radix-ui/react-label'
+import * as React from 'react'
 
-import { cn } from "../../lib/utils"
+import { cn } from '../../lib/utils'
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
@@ -10,7 +10,7 @@ const Label = React.forwardRef<
   <LabelPrimitive.Root
     ref={ref}
     className={cn(
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
       className
     )}
     {...props}

package/dev-server/components/ui/radio-group.tsx

@@ -0,0 +1,37 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
+import { Circle } from 'lucide-react'
+import * as React from 'react'
+
+import { cn } from '../../lib/utils'
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} {...props} ref={ref} />
+))
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <RadioGroupPrimitive.Item
+    ref={ref}
+    className={cn(
+      'aspect-square h-4 w-4 rounded-full border border-gray-300 shadow-sm',
+      'focus:outline-none focus-visible:ring-1 focus-visible:ring-blue-500',
+      'disabled:cursor-not-allowed disabled:opacity-50',
+      'data-[state=checked]:border-blue-500',
+      className
+    )}
+    {...props}
+  >
+    <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+      <Circle className="h-2 w-2 fill-blue-500 text-blue-500" />
+    </RadioGroupPrimitive.Indicator>
+  </RadioGroupPrimitive.Item>
+))
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }

package/dev-server/components/ui/select.tsx

@@ -0,0 +1,153 @@
+import * as SelectPrimitive from '@radix-ui/react-select'
+import { Check, ChevronDown, ChevronUp } from 'lucide-react'
+import * as React from 'react'
+
+import { cn } from '../../lib/utils'
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      'flex h-9 w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm',
+      'placeholder:text-gray-400',
+      'focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500',
+      'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500',
+      '[&>span]:line-clamp-1',
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn('flex cursor-default items-center justify-center py-1', className)}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn('flex cursor-default items-center justify-center py-1', className)}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = 'popper', ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow-md',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out',
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',
+        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        position === 'popper' &&
+          'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          'p-1',
+          position === 'popper' &&
+            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label ref={ref} className={cn('px-2 py-1.5 text-sm font-semibold', className)} {...props} />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none',
+      'focus:bg-gray-100 focus:text-gray-900',
+      'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-gray-100', className)} {...props} />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}

package/dev-server/components/ui/switch.tsx

@@ -0,0 +1,31 @@
+import * as SwitchPrimitives from '@radix-ui/react-switch'
+import * as React from 'react'
+
+import { cn } from '../../lib/utils'
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors',
+      'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white',
+      'disabled:cursor-not-allowed disabled:opacity-50',
+      'data-[state=checked]:bg-blue-500 data-[state=unchecked]:bg-gray-200',
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        'pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform',
+        'data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0'
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }

package/dev-server/components/ui/tabs.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react'
 import * as TabsPrimitive from '@radix-ui/react-tabs'
+import * as React from 'react'
 import { cn } from '../../lib/utils'
 
 const Tabs = TabsPrimitive.Root

package/dev-server/components/ui/textarea.tsx

@@ -1,23 +1,22 @@
-import * as React from "react"
+import * as React from 'react'
 
-import { cn } from "../../lib/utils"
+import { cn } from '../../lib/utils'
 
-const Textarea = React.forwardRef<
-  HTMLTextAreaElement,
-  React.TextareaHTMLAttributes<HTMLTextAreaElement>
->(({ className, ...props }, ref) => (
-  <textarea
-    className={cn(
-      "flex min-h-[80px] w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm transition-colors",
-      "placeholder:text-gray-400",
-      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:border-blue-500",
-      "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:resize-none",
-      className
-    )}
-    ref={ref}
-    {...props}
-  />
-))
-Textarea.displayName = "Textarea"
+const Textarea = React.forwardRef<HTMLTextAreaElement, React.TextareaHTMLAttributes<HTMLTextAreaElement>>(
+  ({ className, ...props }, ref) => (
+    <textarea
+      className={cn(
+        'flex min-h-[80px] w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm transition-colors',
+        'placeholder:text-gray-400',
+        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:border-blue-500',
+        'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:resize-none',
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+)
+Textarea.displayName = 'Textarea'
 
 export { Textarea }

package/dev-server/env.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="@rsbuild/core/types" />
 
-import type { LinkAppSettings } from '../src/types'
+import type { LinkAppManifest, LinkAppSettings } from '../src/types'
 
 declare global {
   const __PREVIEW_PROPS__: Record<string, unknown>
   const __SETTINGS_CONFIG__: LinkAppSettings
+  const __MANIFEST_CONFIG__: Partial<LinkAppManifest>
+  const __HAS_FEATURED__: boolean
+  const __HAS_FEATURED_CAROUSEL__: boolean
 }

package/dev-server/expanded/main.tsx

@@ -1,9 +1,9 @@
-import Expanded from "@/app/expanded";
-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";
+import Expanded from '@/app/expanded'
+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 properties for theme and font application
 declare global {
@@ -18,42 +18,40 @@ declare global {
 }
 
 // Preview props injected by dev server via define
-declare const __PREVIEW_PROPS__: Record<string, unknown>;
+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])
-);
+const THEME_VARS = Object.fromEntries(Object.entries(THEME_PRESETS).map(([key, { variables }]) => [key, variables]))
 
 // Get theme variables from URL
-const themeVariables = getThemeFromUrl(THEME_VARS);
+const themeVariables = getThemeFromUrl(THEME_VARS)
 
 // Get the selected theme key from URL or default to "default"
-const urlParams = new URLSearchParams(window.location.search);
-const themeKey = urlParams.get("theme") || "default";
-const selectedTheme = THEME_PRESETS[themeKey as keyof typeof THEME_PRESETS] || THEME_PRESETS.default;
+const urlParams = new URLSearchParams(window.location.search)
+const themeKey = urlParams.get('theme') || 'default'
+const selectedTheme = THEME_PRESETS[themeKey as keyof typeof THEME_PRESETS] || THEME_PRESETS.default
 
 // Merge with preview props
-const previewProps = __PREVIEW_PROPS__ || {};
-const mergedProps = mergeThemeProps(themeVariables, previewProps);
+const previewProps = __PREVIEW_PROPS__ || {}
+const mergedProps = mergeThemeProps(themeVariables, previewProps)
 
 // Apply theme CSS variables on mount
 if (themeVariables && window.__linkapp_applyTheme) {
-  window.__linkapp_applyTheme(themeVariables);
+  window.__linkapp_applyTheme(themeVariables)
 }
 
 // Apply font on mount
 if (selectedTheme.font && window.__linkapp_applyFont) {
-  window.__linkapp_applyFont(selectedTheme.font);
+  window.__linkapp_applyFont(selectedTheme.font)
 }
 
-const rootElement = document.getElementById("root");
+const rootElement = document.getElementById('root')
 if (!rootElement) {
-  throw new Error("Root element not found");
+  throw new Error('Root element not found')
 }
 
 createRoot(rootElement).render(
   <StrictMode>
     <Expanded {...mergedProps} />
-  </StrictMode>,
-);
+  </StrictMode>
+)

package/dev-server/expanded.html

@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Expanded - 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>

package/dev-server/featured/main.tsx

@@ -1,14 +1,14 @@
-import Featured from "@/app/featured";
-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";
+import Featured from '@/app/featured'
+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'
 
 // Try to import FeaturedCarousel if it exists
-let FeaturedCarousel: React.ComponentType<any> | null = null;
+let FeaturedCarousel: React.ComponentType<any> | null = null
 try {
-  FeaturedCarousel = require("@/app/featured-carousel").default;
+  FeaturedCarousel = require('@/app/featured-carousel').default
 } catch (e) {
   // featured-carousel.tsx doesn't exist, that's ok
 }
@@ -16,63 +16,56 @@ try {
 // Declare global window properties for theme and font application
 declare global {
   interface Window {
-    __linkapp_applyTheme?: (variables: Record<string, string>) => void;
+    __linkapp_applyTheme?: (variables: Record<string, string>) => void
     __linkapp_applyFont?: (fontData: {
-      fontFamily: string;
-      fontStyle?: string;
-      cssUrl?: string;
-    }) => void;
+      fontFamily: string
+      fontStyle?: string
+      cssUrl?: string
+    }) => void
   }
 }
 
 // Preview props injected by dev server via define
-declare const __PREVIEW_PROPS__: Record<string, unknown>;
+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]),
-);
+const THEME_VARS = Object.fromEntries(Object.entries(THEME_PRESETS).map(([key, { variables }]) => [key, variables]))
 
 // Get theme variables and groupLayoutOption from URL
-const params = new URLSearchParams(window.location.search);
-const groupLayoutOptionParam = params.get("groupLayoutOption");
-const themeVariables = getThemeFromUrl(THEME_VARS);
+const params = new URLSearchParams(window.location.search)
+const groupLayoutOptionParam = params.get('groupLayoutOption')
+const themeVariables = getThemeFromUrl(THEME_VARS)
 
 // Get the selected theme for font application
-const themeKey = params.get("theme") || "default";
-const selectedTheme =
-  THEME_PRESETS[themeKey as keyof typeof THEME_PRESETS] ||
-  THEME_PRESETS.default;
+const themeKey = params.get('theme') || 'default'
+const selectedTheme = THEME_PRESETS[themeKey as keyof typeof THEME_PRESETS] || THEME_PRESETS.default
 
 // Merge with preview props and add groupLayoutOption
-const previewProps = __PREVIEW_PROPS__ || {};
+const previewProps = __PREVIEW_PROPS__ || {}
 const mergedProps = mergeThemeProps(themeVariables, previewProps, {
   groupLayoutOption: groupLayoutOptionParam || undefined,
-});
+})
 
 // Apply theme CSS variables on mount
 if (themeVariables && window.__linkapp_applyTheme) {
-  window.__linkapp_applyTheme(themeVariables);
+  window.__linkapp_applyTheme(themeVariables)
 }
 
 // Apply font on mount
 if (selectedTheme.font && window.__linkapp_applyFont) {
-  window.__linkapp_applyFont(selectedTheme.font);
+  window.__linkapp_applyFont(selectedTheme.font)
 }
 
-const rootElement = document.getElementById("root");
+const rootElement = document.getElementById('root')
 if (!rootElement) {
-  throw new Error("Root element not found");
+  throw new Error('Root element not found')
 }
 
 // Select the appropriate component based on groupLayoutOption parameter
-const LayoutComponent =
-  groupLayoutOptionParam === "carousel" && FeaturedCarousel
-    ? FeaturedCarousel
-    : Featured;
+const LayoutComponent = groupLayoutOptionParam === 'carousel' && FeaturedCarousel ? FeaturedCarousel : Featured
 
 createRoot(rootElement).render(
   <StrictMode>
     <LayoutComponent {...mergedProps} />
-  </StrictMode>,
-);
+  </StrictMode>
+)

package/dev-server/featured-carousel.html

@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Featured Carousel - 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>

package/dev-server/featured.html

@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Featured - 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>

package/dev-server/index.html

@@ -3,14 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Preview - LinkApp</title>
 
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="apple-mobile-web-app-title" content="Linktree" />
-    <link rel="manifest" href="/site.webmanifest" />
+    <link rel="icon" type="image/svg+xml" href="/app-icon.svg" />
 
     <!-- iframe-resizer: Required for LinkApps to communicate with Linktree parent frame -->
     <script crossorigin src="https://unpkg.com/iframe-resizer@4.3.2/js/iframeResizer.contentWindow.js"></script>

package/dev-server/lib/utils.ts

@@ -1,4 +1,4 @@
-import { clsx, type ClassValue } from 'clsx'
+import { type ClassValue, clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 export function cn(...inputs: ClassValue[]) {
@@ -6,7 +6,7 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export const renderCssVariables = (vars: Record<string, string>): string => {
-  return Object.entries(vars)
+  return `${Object.entries(vars)
     .map((entry) => entry.join(': '))
-    .join('; ') + ';'
+    .join('; ')};`
 }

package/dev-server/package.json

@@ -16,15 +16,15 @@
     "iframe-resizer-react": "^1.1.0",
     "lucide-react": "^0.545.0",
     "postcss": "^8.5.6",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
     "@rsbuild/core": "^1.1.14",
     "@rsbuild/plugin-react": "^1.1.0",
     "@types/react": "^19.2.2",
-    "@types/react-dom": "^19",
+    "@types/react-dom": "^19.2.2",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5"

package/dev-server/postcss/tailwind-source-fallback.js

@@ -36,9 +36,7 @@ export function createTailwindSourceFallback(options = {}) {
         }
 
         const normalizedSourceFile = toPosixPath(sourceFile)
-        const normalizedProjectRoot = toPosixPath(
-          projectRoot.endsWith('/') ? projectRoot : `${projectRoot}/`
-        )
+        const normalizedProjectRoot = toPosixPath(projectRoot.endsWith('/') ? projectRoot : `${projectRoot}/`)
 
         if (!normalizedSourceFile.startsWith(normalizedProjectRoot)) {
           return
@@ -60,10 +58,7 @@ export function createTailwindSourceFallback(options = {}) {
         const normalizedBase = toPosixPath(baseSegment)
         const trimmedBase = normalizedBase.replace(/\/$/, '')
 
-        const sourcePath =
-          trimmedBase === '.' || trimmedBase === ''
-            ? `./${glob}`
-            : `${trimmedBase}/${glob}`
+        const sourcePath = trimmedBase === '.' || trimmedBase === '' ? `./${glob}` : `${trimmedBase}/${glob}`
 
         const atRule = postcss.atRule({
           name: 'source',

package/dev-server/postcss.config.mjs

@@ -1,5 +1,5 @@
-import { fileURLToPath } from 'url'
-import { dirname, resolve } from 'path'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import tailwindcss from '@tailwindcss/postcss'
 import { createTailwindSourceFallback } from './postcss/tailwind-source-fallback.js'