poc: A guided view for the sample apps

astro.config.mjs

@@ -25,6 +25,10 @@ export default defineConfig({
   site: 'https://docs.scalekit.com',
   redirects,
   integrations: [
+    react({
+      include: ['**/*.tsx', '**/*.jsx'],
+      experimentalReactChildren: true,
+    }),
     starlight({
       title: 'Scalekit Docs',
       routeMiddleware: './src/routeData.ts',
@@ -203,9 +207,9 @@ export default defineConfig({
         },
       ],
     }),
-    react(),
     vue({
-      jsx: true,
+      include: ['**/*.vue'],
+      jsx: false,
       template: {
         compilerOptions: {
           isCustomElement: (tag) => tag.includes('-'),
@@ -234,11 +238,16 @@ export default defineConfig({
       alias: {
         '@': path.resolve('./src'),
         '@components': path.resolve('./src/components'),
+        '@styles': path.resolve('./src/styles'),
       },
+      dedupe: ['react', 'react-dom'],
+      conditions: ['import', 'module', 'browser', 'default'],
     },
     optimizeDeps: {
-      include: ['vue'],
-      exclude: [],
+      include: ['vue', 'react', 'react-dom', '@sampleapp.ai/sdk'],
+      esbuildOptions: {
+        jsx: 'automatic',
+      },
     },
     // Provide a safe fallback for libraries that reference the CommonJS
     // global `__dirname` (e.g. canvaskit-wasm used by astro-og-canvas).
@@ -255,6 +264,7 @@ export default defineConfig({
         output: {
           manualChunks(id) {
             if (id.includes('@scalar')) return 'scalar'
+            if (id.includes('react') || id.includes('react-dom')) return 'react-vendor'
           },
         },
       },

package.json

@@ -32,6 +32,7 @@
     "@fontsource/jetbrains-mono": "^5.2.8",
     "@hideoo/starlight-plugins-docs-components": "^0.4.1",
     "@iconify/json": "^2.2.425",
+    "@sampleapp.ai/sdk": "^1.0.36",
     "@scalar/api-reference": "^1.40.9",
     "@scalar/astro": "^0.1.6",
     "@tailwindcss/vite": "^4.1.18",
@@ -41,7 +42,7 @@
     "astro": "^5.16.6",
     "astro-d2": "^0.8.1",
     "astro-loader-github-releases": "^2.1.1",
-    "astro-og-canvas": "^0.10.0",
+    "astro-og-canvas": "^0.9.0",
     "canvaskit-wasm": "0.39.1",
     "pnpm": "^10.27.0",
     "react": "^19.2.3",