wip: target feat/include-nomenclatures-in-csv-parser branch

Author: EliNoden

tools/specs/client/src/components/nomenclature-drawer.tsx

@@ -1,4 +1,3 @@
-import { createContext, useContext, useState, type ReactNode } from "react";
 import {
   Sheet,
   SheetContent,
@@ -7,20 +6,7 @@ import {
 } from "@/components/ui/sheet";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useNomenclature } from "@/hooks/use-nomenclature";
-
-const NomenclatureDrawerContext = createContext<
-  ((name: string) => void) | null
->(null);
-
-function useNomenclatureDrawer() {
-  const open = useContext(NomenclatureDrawerContext);
-  if (!open) {
-    throw new Error(
-      "useNomenclatureDrawer must be used within a NomenclatureDrawerProvider",
-    );
-  }
-  return open;
-}
+import { useSchemaStore } from "@/store/schema-store";
 
 function NomenclatureHeader({ name }: { name: string }) {
   const { data, isPending } = useNomenclature(name);
@@ -86,37 +72,36 @@ function NomenclatureContent({ name }: { name: string }) {
   );
 }
 
-export function NomenclatureDrawerProvider({
-  children,
-}: {
-  children: ReactNode;
-}) {
-  const [name, setName] = useState<string | null>(null);
+export function NomenclatureDrawer() {
+  const name = useSchemaStore((s) => s.nomenclatureDrawerName);
+  const closeNomenclatureDrawer = useSchemaStore(
+    (s) => s.closeNomenclatureDrawer,
+  );
 
   return (
-    <NomenclatureDrawerContext.Provider value={setName}>
-      {children}
-      <Sheet open={name !== null} onOpenChange={(open) => !open && setName(null)}>
-        <SheetContent className={"w-full max-w-4xl!"}>
-          <SheetHeader className="border-b">{name && <NomenclatureHeader name={name} />}</SheetHeader>
-          <div className="min-h-0 flex-1 overflow-y-auto w-full">
-            {name && <NomenclatureContent name={name} />}
-          </div>
-        </SheetContent>
-      </Sheet>
-    </NomenclatureDrawerContext.Provider>
+    <Sheet
+      open={name !== null}
+      onOpenChange={(open) => !open && closeNomenclatureDrawer()}
+    >
+      <SheetContent className={"w-full max-w-4xl!"}>
+        <SheetHeader className="border-b">{name && <NomenclatureHeader name={name} />}</SheetHeader>
+        <div className="min-h-0 flex-1 overflow-y-auto w-full">
+          {name && <NomenclatureContent name={name} />}
+        </div>
+      </SheetContent>
+    </Sheet>
   );
 }
 
 export function NomenclatureBadge({ name }: { name: string }) {
-  const open = useNomenclatureDrawer();
+  const openNomenclatureDrawer = useSchemaStore((s) => s.openNomenclatureDrawer);
 
   return (
     <button
       type="button"
       onClick={(e) => {
         e.stopPropagation();
-        open(name);
+        openNomenclatureDrawer(name);
       }}
       className="rounded bg-primary px-1.5 py-0.5 font-mono text-xs text-primary-foreground hover:bg-primary/90"
     >

tools/specs/client/src/components/schema-detail.tsx

@@ -9,7 +9,7 @@ import { Button } from "@/components/ui/button";
 import { Skeleton } from "@/components/ui/skeleton";
 import {
   NomenclatureBadge,
-  NomenclatureDrawerProvider,
+  NomenclatureDrawer,
 } from "@/components/nomenclature-drawer";
 import type {
   JsonSchemaDefinitions,
@@ -209,7 +209,8 @@ export function SchemaDetail({ schema }: SchemaDetailProps) {
   const definitions = schema.definitions ?? schema.$defs ?? {};
 
   return (
-    <NomenclatureDrawerProvider>
+    <>
+      <NomenclatureDrawer />
       <div className="min-h-0 flex-1 overflow-y-auto p-8 w-full max-w-7xl mx-auto">
         <div className="flex items-start justify-between gap-4">
           <div>
@@ -243,7 +244,7 @@ export function SchemaDetail({ schema }: SchemaDetailProps) {
           </div>
         )}
       </div>
-    </NomenclatureDrawerProvider>
+    </>
   );
 }
 

tools/specs/client/src/config.ts

@@ -11,7 +11,10 @@ export const apiDomain =
   window.__ENV__?.VITE_SPECS_API_DOMAIN ||
   import.meta.env.VITE_SPECS_API_DOMAIN;
 
-export const messageListUrl =
-  "https://raw.githubusercontent.com/ansforge/SAMU-Hub-Modeles/main/src/main/resources/sample/examples/messagesList.json";
 
-export const defaultBranch = "main";
+
+export const defaultBranch = "feat/include-nomenclatures-in-csv-parser";
+
+
+export const messageListUrl =
+  `https://raw.githubusercontent.com/ansforge/SAMU-Hub-Modeles/${defaultBranch}/src/main/resources/sample/examples/messagesList.json`;

tools/specs/client/src/store/schema-store.ts

@@ -7,11 +7,15 @@ interface SchemaState {
   setSchemasFromArray: (schemas: SchemaReference[]) => void;
   selectSchema: (name: string) => void;
   getSchema: (name: string) => SchemaReference | undefined;
+  nomenclatureDrawerName: string | null;
+  openNomenclatureDrawer: (name: string) => void;
+  closeNomenclatureDrawer: () => void;
 }
 
 export const useSchemaStore = create<SchemaState>((set, get) => ({
   schemas: {},
   selectedName: null,
+  nomenclatureDrawerName: null,
 
   setSchemasFromArray: (schemas) =>
     set({
@@ -23,4 +27,7 @@ export const useSchemaStore = create<SchemaState>((set, get) => ({
 
   selectSchema: (name) => set({ selectedName: name }),
   getSchema: (name) => get().schemas[name],
+
+  openNomenclatureDrawer: (name) => set({ nomenclatureDrawerName: name }),
+  closeNomenclatureDrawer: () => set({ nomenclatureDrawerName: null }),
 }));