@linktr.ee/linkapp 0.0.21 → 0.0.23

package/dev-server/package.json

@@ -8,22 +8,25 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-portal": "^1.1.4",
     "@radix-ui/react-tabs": "^1.1.7",
+    "@tailwindcss/postcss": "^4.1.14",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "iframe-resizer-react": "^1.1.0",
     "lucide-react": "^0.545.0",
+    "postcss": "^8.5.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.14",
+    "@rsbuild/core": "^1.1.14",
+    "@rsbuild/plugin-react": "^1.1.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^4.3.4",
     "tailwindcss": "^4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5",
-    "vite": "^6.0.3"
+    "typescript": "^5"
   }
 }

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

@@ -0,0 +1,94 @@
+import { dirname, relative } from 'node:path'
+import postcss from 'postcss'
+
+const DEFAULT_GLOB = '**/*.{ts,tsx,js,jsx,mdx,html}'
+
+function toPosixPath(value) {
+  return value.replace(/\\/g, '/')
+}
+
+export function createTailwindSourceFallback(options = {}) {
+  const { projectRoot, glob = DEFAULT_GLOB } = options
+
+  if (!projectRoot) {
+    const noop = () => {
+      const postcssPlugin = {
+        postcssPlugin: 'linkapp:tailwind-source-fallback:noop',
+        Once() {},
+      }
+
+      postcssPlugin.postcss = true
+      return postcssPlugin
+    }
+
+    noop.postcss = true
+    noop.__linkappTailwindSource = true
+    return noop
+  }
+
+  const plugin = () => {
+    const postcssPlugin = {
+      postcssPlugin: 'linkapp:tailwind-source-fallback',
+      Once(root, { result }) {
+        const sourceFile = typeof result.opts.from === 'string' ? result.opts.from : null
+        if (!sourceFile) {
+          return
+        }
+
+        const normalizedSourceFile = toPosixPath(sourceFile)
+        const normalizedProjectRoot = toPosixPath(
+          projectRoot.endsWith('/') ? projectRoot : `${projectRoot}/`
+        )
+
+        if (!normalizedSourceFile.startsWith(normalizedProjectRoot)) {
+          return
+        }
+
+        let hasSourceDirective = false
+        root.walkAtRules('source', () => {
+          hasSourceDirective = true
+          return false
+        })
+
+        if (hasSourceDirective) {
+          return
+        }
+
+        const cssDir = dirname(sourceFile)
+        const relativeToRoot = relative(cssDir, projectRoot)
+        const baseSegment = relativeToRoot === '' ? '.' : relativeToRoot
+        const normalizedBase = toPosixPath(baseSegment)
+        const trimmedBase = normalizedBase.replace(/\/$/, '')
+
+        const sourcePath =
+          trimmedBase === '.' || trimmedBase === ''
+            ? `./${glob}`
+            : `${trimmedBase}/${glob}`
+
+        const atRule = postcss.atRule({
+          name: 'source',
+          params: `"${sourcePath}"`,
+        })
+
+        let lastImport
+        root.walkAtRules('import', (node) => {
+          lastImport = node
+        })
+
+        if (lastImport) {
+          lastImport.after(atRule)
+        } else {
+          root.prepend(atRule)
+        }
+      },
+    }
+
+    postcssPlugin.postcss = true
+    return postcssPlugin
+  }
+
+  plugin.postcss = true
+  plugin.__linkappTailwindSource = true
+
+  return plugin
+}

package/dev-server/postcss.config.mjs

@@ -0,0 +1,30 @@
+import { fileURLToPath } from 'url'
+import { dirname, resolve } from 'path'
+import tailwindcss from '@tailwindcss/postcss'
+import { createTailwindSourceFallback } from './postcss/tailwind-source-fallback.js'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+const userProjectRoot = process.env.LINKAPP_USER_PROJECT_PATH
+const projectRoot = userProjectRoot ? resolve(userProjectRoot) : null
+
+const plugins = []
+
+if (projectRoot) {
+  plugins.push(
+    createTailwindSourceFallback({
+      projectRoot,
+    })
+  )
+}
+
+plugins.push(
+  tailwindcss({
+    base: __dirname,
+  })
+)
+
+export default {
+  plugins,
+}