@lastbrain/app 0.1.24 → 0.1.26

package/src/scripts/script-runner.ts

@@ -0,0 +1,28 @@
+import { spawn } from "child_process";
+import path from "path";
+
+/**
+ * Exécute un script via node en ajustant le chemin
+ */
+export async function runScript(scriptName: string, args: string[] = []) {
+  return new Promise<void>((resolve, reject) => {
+    const scriptPath = path.join(__dirname, `${scriptName}.js`);
+
+    const child = spawn("node", [scriptPath, ...args], {
+      stdio: "inherit",
+      env: { ...process.env, PROJECT_ROOT: process.cwd() },
+    });
+
+    child.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(new Error(`Script ${scriptName} exited with code ${code}`));
+      }
+    });
+
+    child.on("error", (error) => {
+      reject(error);
+    });
+  });
+}

package/src/templates/AuthGuidePage.tsx

@@ -1,6 +1,6 @@
 // GENERATED BY LASTBRAIN TEMPLATE (Auth Guide)
 import React from "react";
-import { Card, Code, Divider, Button, Link, Chip } from "@lastbrain/ui";
+import { Card, Code, Divider, Chip } from "@lastbrain/ui";
 
 export function AuthGuidePage() {
   return (

package/src/templates/DefaultDoc.tsx

@@ -330,13 +330,13 @@ export function DefaultDocumentation() {
               </p>
               <div className="ml-6">
                 <Snippet symbol="" hideSymbol className="text-sm">
-                  {`update auth.users
-set raw_app_meta_data = jsonb_set(
-  coalesce(raw_app_meta_data, '{}'::jsonb),
-  '{roles}',
-  '["admin"]'::jsonb
-)
-where email = 'votre@email.com';`}
+                  <span>{`update auth.users`}</span>
+                  <span>{`set raw_app_meta_data = jsonb_set(`}</span>
+                  <span>{`coalesce(raw_app_meta_data, '{}'::jsonb),`}</span>
+                  <span>{`'{roles}',`}</span>
+                  <span>{`'["admin"]'::jsonb`}</span>
+                  <span>{`)`}</span>
+                  <span>{`where email = 'votre@email.com';`}</span>
                 </Snippet>
               </div>
             </li>

package/src/templates/DocPage.tsx

@@ -31,6 +31,68 @@ import {
 } from "lucide-react";
 import { DefaultDocumentation } from "./DefaultDoc.js";
 
+// Composant NavigationListbox séparé pour éviter la recréation
+interface NavigationListboxProps {
+  navigationItems: Array<{
+    id: string;
+    name: string;
+    description: string;
+    icon: any;
+    color?: string;
+    number?: number;
+  }>;
+  selectedModule: string;
+  scrollToSection: (id: string) => void;
+  setSelectedModule: (id: string) => void;
+}
+
+const NavigationListbox: React.FC<NavigationListboxProps> = ({
+  navigationItems,
+  selectedModule,
+  scrollToSection,
+  setSelectedModule,
+}) => (
+  <Listbox
+    aria-label="Navigation"
+    selectionMode="single"
+    selectedKeys={selectedModule ? [selectedModule] : []}
+    onSelectionChange={(keys) => {
+      const key = Array.from(keys)[0] as string;
+      if (key) {
+        scrollToSection(key);
+      } else {
+        setSelectedModule("");
+        window.scrollTo({ top: 0, behavior: "smooth" });
+      }
+    }}
+    items={navigationItems}
+  >
+    {(item: any) => {
+      const IconComponent = item.icon;
+      return (
+        <ListboxItem
+          key={item.id}
+          textValue={item.name}
+          description={item.description}
+          color={item.color}
+          variant="solid"
+          endContent={
+            item.number && (
+              <Chip size="sm" color="primary">
+                {item.number ?? 0}
+              </Chip>
+            )
+          }
+          className={`${selectedModule === item.id ? "bg-default-200/40" : ""}`}
+          startContent={<IconComponent size={18} className="shrink-0" />}
+        >
+          {item.name}
+        </ListboxItem>
+      );
+    }}
+  </Listbox>
+);
+
 interface ModuleDocConfig {
   id: string;
   name: string;
@@ -207,50 +269,6 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
       })),
   ];
 
-  const NavigationListbox = () => (
-    <Listbox
-      aria-label="Navigation"
-      selectionMode="single"
-      selectedKeys={selectedModule ? [selectedModule] : []}
-      onSelectionChange={(keys) => {
-        const key = Array.from(keys)[0] as string;
-        if (key) {
-          scrollToSection(key);
-        } else {
-          setSelectedModule("");
-          window.scrollTo({ top: 0, behavior: "smooth" });
-        }
-      }}
-      items={navigationItems}
-    >
-      {(item: any) => {
-        const IconComponent = item.icon;
-        return (
-          <ListboxItem
-            key={item.id}
-            textValue={item.name}
-            description={item.description}
-            color={item.color}
-            variant="solid"
-            endContent={
-              item.number && (
-                <Chip size="sm" color="primary">
-                  {item.number ?? 0}
-                </Chip>
-              )
-            }
-            className={`${
-              selectedModule === item.id ? "bg-default-200/40" : ""
-            }`}
-            startContent={<IconComponent size={18} className="shrink-0" />}
-          >
-            {item.name}
-          </ListboxItem>
-        );
-      }}
-    </Listbox>
-  );
-
   return (
     <div className="w-full pt-8 md:pt-12 pb-24 lg:pb-8">
       <div className="container mx-auto md:px-4 py-8">
@@ -278,7 +296,12 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
               <h2 className="text-xl font-semibold">Navigation</h2>
             </DrawerHeader>
             <DrawerBody>
-              <NavigationListbox />
+              <NavigationListbox
+                navigationItems={navigationItems}
+                selectedModule={selectedModule}
+                scrollToSection={scrollToSection}
+                setSelectedModule={setSelectedModule}
+              />
             </DrawerBody>
           </DrawerContent>
         </Drawer>
@@ -291,7 +314,12 @@ export function DocPage({ modules = [], defaultContent }: DocPageProps) {
                 <h2 className="text-xl font-semibold">Navigation</h2>
               </CardHeader>
               <CardBody>
-                <NavigationListbox />
+                <NavigationListbox
+                  navigationItems={navigationItems}
+                  selectedModule={selectedModule}
+                  scrollToSection={scrollToSection}
+                  setSelectedModule={setSelectedModule}
+                />
               </CardBody>
             </Card>
           </aside>