@syntrologie/runtime-sdk 0.2.12 → 0.2.13

package/dist/smart-canvas.js

@@ -32159,7 +32159,8 @@ var SyntrologieSDK = (() => {
           overlayRecipe: response.overlayRecipe,
           overlayRecipes: response.overlayRecipes,
           theme: response.theme,
-          launcher: response.launcher
+          launcher: response.launcher,
+          routes: response.routes
         });
       } catch (err) {
         setState((prev) => ({
@@ -38518,6 +38519,23 @@ var SyntrologieSDK = (() => {
 
   // src/SmartCanvasApp.tsx
   var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+  function isRouteAllowed(routes, pathname) {
+    if (!routes) return true;
+    if (routes.include?.length) {
+      return routes.include.some((pattern) => matchRoute(pattern, pathname));
+    }
+    if (routes.exclude?.length) {
+      return !routes.exclude.some((pattern) => matchRoute(pattern, pathname));
+    }
+    return true;
+  }
+  function matchRoute(pattern, pathname) {
+    if (pattern.endsWith("/*")) {
+      const prefix = pattern.slice(0, -2);
+      return pathname === prefix || pathname.startsWith(prefix + "/");
+    }
+    return pathname === pattern;
+  }
   function SmartCanvasApp({
     controller,
     fetcher,
@@ -38539,6 +38557,29 @@ var SyntrologieSDK = (() => {
     theme
   }) {
     const [open, setOpen] = (0, import_react10.useState)(controller.getState().open);
+    const [pathname, setPathname] = (0, import_react10.useState)(
+      () => typeof window !== "undefined" ? window.location.pathname : "/"
+    );
+    (0, import_react10.useEffect)(() => {
+      if (typeof window === "undefined") return;
+      const updatePathname = () => setPathname(window.location.pathname);
+      window.addEventListener("popstate", updatePathname);
+      const originalPushState = history.pushState;
+      const originalReplaceState = history.replaceState;
+      history.pushState = function(...args) {
+        originalPushState.apply(this, args);
+        updatePathname();
+      };
+      history.replaceState = function(...args) {
+        originalReplaceState.apply(this, args);
+        updatePathname();
+      };
+      return () => {
+        window.removeEventListener("popstate", updatePathname);
+        history.pushState = originalPushState;
+        history.replaceState = originalReplaceState;
+      };
+    }, []);
     const derivedFetcher = (0, import_react10.useMemo)(() => {
       if (fetcher) return fetcher;
       return createCanvasConfigFetcher({
@@ -38598,7 +38639,8 @@ var SyntrologieSDK = (() => {
         // any direct overrides from theme prop
       };
     }, [configState.theme, theme]);
-    if (!configState.isLoading && !hasContent) {
+    const routeAllowed = isRouteAllowed(configState.routes, pathname);
+    if (!configState.isLoading && (!hasContent || !routeAllowed)) {
       return null;
     }
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(