From 8ed6a4b029be5235c799f2863b129a9457533e2c Mon Sep 17 00:00:00 2001
From: Seth Trowbridge <seth111@gmail.com>
Date: Sat, 15 Apr 2023 12:39:08 -0400
Subject: [PATCH] switch/case rendering

---
 example/app.tsx            |  6 ++++
 example/deep/component.tsx |  2 +-
 lib/iso.tsx                | 56 +++++++++++++++++++++++++++++++++++++-
 server.tsx                 |  2 +-
 4 files changed, 63 insertions(+), 3 deletions(-)

diff --git a/example/app.tsx b/example/app.tsx
index 405429d..d6bdc70 100644
--- a/example/app.tsx
+++ b/example/app.tsx
@@ -13,6 +13,12 @@ export default ()=>
         <h1 class="my-2 font(bold serif) text(2xl)">Title!!</h1>
         <h2>subtitle</h2>
         <Component/>
+        <Iso.Switch>
+            <Iso.Case value="page/:slug">
+                About Us
+            </Iso.Case>
+            <Iso.Case value="lol/idk">lol/idk</Iso.Case>
+        </Iso.Switch>
     </div>;
 };
 
diff --git a/example/deep/component.tsx b/example/deep/component.tsx
index 5bed3d8..124ecfc 100644
--- a/example/deep/component.tsx
+++ b/example/deep/component.tsx
@@ -12,6 +12,6 @@ export default ()=>
         Route is: {routeGet.Path.toString()}
         <button className="p-4 bg-red-500 text-white" onClick={e=>{countSet(countGet+1); routeSet(["lol", "idk"], {count:countGet+1});}}>{countGet}</button>
         Component!!!
-        <a href="/custom/page" className="p-2 text(lg blue-500) font-bold">a link</a>
+        <a href="/page/about-us" className="p-2 text(lg blue-500) font-bold">a link</a>
     </div>;
 };
\ No newline at end of file
diff --git a/lib/iso.tsx b/lib/iso.tsx
index 8333a1f..fa6a91a 100644
--- a/lib/iso.tsx
+++ b/lib/iso.tsx
@@ -97,4 +97,58 @@ export const Router = {
     {
         return React.useContext(Router.Context);
     }
-};
\ No newline at end of file
+};
+
+type SwitchContext = {depth:number, keys:Record<string, string>};
+export const SwitchContext = React.createContext({depth:0, keys:{}} as SwitchContext);
+export const Switch =({children}:{children:typeof React.Children})=>
+{
+    const contextSelection = React.useContext(SwitchContext);
+    const [contextRoute] = Router.Consumer();
+    const routeSegment = contextRoute.Path.slice(contextSelection.depth);
+    const checkChild =(inChild:{props:{value?:string}})=>
+    {
+        if(inChild?.props?.value)
+        {   
+            const parts = inChild.props.value.split("/");
+            if(parts.length > routeSegment.length)
+            {
+                return false;
+            }
+
+            const output:SwitchContext = {depth:contextSelection.depth+parts.length, keys:{}};
+            for(let i=0; i<parts.length; i++)
+            {
+                const partRoute = routeSegment[i];
+                const partCase = parts[i];
+                if(partCase[0] == ":")
+                {
+                    output.keys[partCase.substring(1)] = partRoute;
+                }
+                else if(partCase != "*" && partCase != partRoute)
+                {
+                    return false;
+                }
+            }
+            return output;
+        }
+        return false;
+    }
+
+    for(let i=0; i<children.length; i++)
+    {
+        const newContextValue = checkChild(children[i]);
+        if(newContextValue)
+        {
+            console.log(children[i]);
+            const child = children[i]?.props?.children || children[i];
+            return <SwitchContext.Provider value={newContextValue}>Route Rendred!{child}</SwitchContext.Provider>
+        }
+    } 
+    return null;
+};
+export const Case =({children, value}:{children:typeof React.Children, value?:string})=>
+{
+    return <>{children}</>;
+};
+export const useRouteVars =()=> React.useContext(SwitchContext).keys;
\ No newline at end of file
diff --git a/server.tsx b/server.tsx
index 06c98d5..e6613ff 100644
--- a/server.tsx
+++ b/server.tsx
@@ -35,7 +35,7 @@ const Transpileable =(inFilePath:string):boolean=>
 };
 const Transpile =async(inCode:string, inKey:string):Promise<string>=>
 {
-    const transpile = await ESBuild.transform(inCode, { loader: "tsx", sourcemap: "inline", minify:false });
+    const transpile = await ESBuild.transform(inCode, { loader: "tsx", sourcemap: "inline", minify:false});
     Transpiled.set(inKey, transpile.code);
     return transpile.code;
 };