react-semaphor 0.1.172 → 0.1.173

package/dist/surfboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-DMR0K1Nf.js"),r=require("../types/index.cjs");exports.Surfboard=e.DashboardPlus;exports.EMPTY_SELECTION=r.EMPTY_SELECTION;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/index-B9kLqSMl.js"),r=require("../types/index.cjs");exports.Surfboard=e.DashboardPlus;exports.EMPTY_SELECTION=r.EMPTY_SELECTION;

package/dist/surfboard/index.js

@@ -1,4 +1,4 @@
-import { a } from "../chunks/index-C8T45uat.js";
+import { a } from "../chunks/index-CkciFx-7.js";
 import { EMPTY_SELECTION as E } from "../types/index.js";
 export {
   E as EMPTY_SELECTION,

package/dist/types/main.d.ts

@@ -154,6 +154,24 @@ declare type Actions_3 = TableActions & ExplorerActions & DrillActions & {
     setCardId: (cardId: string) => void;
     setCountryLogo: (countryLogoId: string | null) => void;
     setIsDevMode: (isDevMode: boolean) => void;
+    /**
+     * Switches between dev mode and standard mode with draft preservation.
+     * This is the unified mode switching action - all entry points should use this.
+     * @param targetMode - The mode to switch to
+     * @param options - Optional parameters for the switch
+     */
+    switchEditorMode: (targetMode: 'dev' | 'standard', options?: {
+        /** SQL to set when switching to dev mode (e.g., from "View in SQL Editor") */
+        sqlToLoad?: string;
+        /** Whether to skip saving draft (for initial setup) */
+        skipDraftSave?: boolean;
+    }) => void;
+    /** Initialize mode drafts when opening editor (call from use-editor-setup) */
+    initializeModeDrafts: (card: TCard) => void;
+    /** Merge drafts back into card (call before switching cards to preserve inactive mode's data) */
+    mergeDraftsIntoCard: () => void;
+    /** Clear mode drafts (call when switching cards or closing editor) */
+    clearModeDrafts: () => void;
     setOrderByColumns: (orderByColumns: OrderBy[]) => void;
     addOrderByColumn: (orderByColumn: OrderBy) => void;
     removeOrderByColumn: (orderByColumn: OrderBy) => void;
@@ -1204,6 +1222,8 @@ export declare type EditorStore = {
     onSchemaChange?: (schemaName: string) => void;
     onSave?: (card: TFrame) => void;
     onClose?: () => void;
+    /** Draft slots for mode switching - preserves work when toggling between dev/standard */
+    modeDrafts: ModeDrafts;
 };
 
 export declare type EmailSettings = {
@@ -1782,6 +1802,22 @@ declare interface MinimalResourceForSharing {
     title: string;
 }
 
+/**
+ * Draft slots for preserving work when switching between dev and standard modes.
+ * When user switches FROM a mode, the current work is saved to that mode's draft slot.
+ * When user switches TO a mode, the draft slot is restored (if available).
+ */
+export declare type ModeDrafts = {
+    /** SQL draft - preserved when switching from dev mode to standard mode */
+    sqlDraft: string | null;
+    /** Python draft - preserved when switching from dev mode to standard mode (Python is tied to dev mode) */
+    pythonDraft: string | null;
+    /** Config draft - preserved when switching from standard mode to dev mode */
+    configDraft: CardConfig | null;
+    /** Tracks which mode the card was originally in when editor opened */
+    originalMode: 'dev' | 'standard' | 'both' | 'none';
+};
+
 export declare type ModelItem = DropdownItem;
 
 declare type NoneOptions = {};

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.1.172",
+  "version": "0.1.173",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",

package/dist/chunks/use-visual-utils-BJxotk2m.js

@@ -1,331 +0,0 @@
-import { az as z, aA as G, p as Y, q as J, aB as K, m as _, o as X, u as U, aC as Z, aD as q, t as v, aE as ee, n as h } from "./index-C8T45uat.js";
-import { useState as T, useEffect as te, useCallback as V } from "react";
-function re(e) {
-  const o = e.toUpperCase().indexOf("WHERE"), r = e.toUpperCase().indexOf("GROUP BY"), t = e.toUpperCase().indexOf("LIMIT"), i = e.toUpperCase().indexOf("ORDER BY");
-  let n = e.length;
-  if (i !== -1 && (n = i), t !== -1 && t < n && (n = t), o !== -1) {
-    const a = e.substring(0, o), s = e.substring(o);
-    return `${a} {{ filters | where }} AND ${s.substring(
-      6
-    )}`;
-  } else if (r !== -1) {
-    const a = e.substring(0, r), s = e.substring(r);
-    return `${a} {{ filters | where }} ${s}`;
-  } else {
-    const a = e.substring(0, n), s = e.substring(n);
-    return console.log("beforeClause", a), console.log("afterClause", s), s ? `${a} {{ filters | where }} ${s}` : `${a.replace(/;$/, "")} {{ filters | where }}`;
-  }
-}
-function se(e) {
-  const [o, r] = T(null), [t, i] = T(null), n = z();
-  return te(() => {
-    if (!e || e.trim() === "") {
-      r(null), i(null);
-      return;
-    }
-    if (!n)
-      return;
-    (async () => {
-      try {
-        if (!e.startsWith("http://") && !e.startsWith("https://"))
-          throw new Error(`Invalid URL format: ${e}`);
-        try {
-          new URL(e);
-        } catch {
-          throw new Error(`Invalid URL: ${e}`);
-        }
-        const d = `${e.endsWith("/") ? e : `${e}/`}index.js`;
-        try {
-          if (!(await fetch(d, { method: "HEAD" })).ok)
-            throw new Error(`Module not found at ${d}`);
-        } catch {
-        }
-        const m = await import(
-          /* @vite-ignore */
-          /* webpackIgnore: true */
-          d
-        );
-        if (typeof m.useChartStore != "function")
-          throw new Error("useChartStore is not a function");
-        r(() => m.useChartStore), i(null);
-      } catch (s) {
-        const d = s instanceof Error ? s.message : "Unknown error";
-        console.error("Failed to load remote chart store:", d), i(d), r(null);
-      }
-    })();
-  }, [e, n]), o;
-}
-function oe(e, o) {
-  if (e.length === 0)
-    return "";
-  if (o) {
-    const r = e.find((t) => t.id === o);
-    if (r) {
-      const t = r.tabTitle;
-      if (t == "All__Header")
-        return e[0].id;
-      if (t && t.endsWith("__Header")) {
-        const n = t.split("__")[0], a = e.find(
-          (s) => s.tabTitle === n
-        );
-        return a ? a.id : e[0].id;
-      }
-      return o;
-    }
-  }
-  return e[0].id;
-}
-async function M(e, o, r, t) {
-  if (!o || !r)
-    throw new Error("Missing auth token or visual ID");
-  const i = ["resource-by-id", "visual", r], n = t.getQueryData(i);
-  if (n)
-    return console.log("Using cached visual data for:", r), { data: n, fromCache: !0 };
-  console.log("Fetching visual data from network for:", r);
-  const a = v.loading("Loading visual...", {
-    position: "top-center"
-  });
-  try {
-    const s = await fetch(
-      `${e}/management/v1/visuals/${r}`,
-      {
-        headers: {
-          Authorization: `Bearer ${o}`
-        }
-      }
-    );
-    if (!s.ok)
-      throw new Error("Failed to load visual");
-    const d = await s.json();
-    return t.setQueryData(i, d), v.dismiss(a), { data: d, fromCache: !1 };
-  } catch (s) {
-    throw v.dismiss(a), s;
-  }
-}
-function H(e) {
-  if (typeof e == "string")
-    return JSON.parse(e);
-  if (typeof e == "object")
-    return e;
-  throw new Error("Invalid frame object format");
-}
-function ae(e, o) {
-  var n, a;
-  const r = (e == null ? void 0 : e.frameObject) ?? ((n = e == null ? void 0 : e.visual) == null ? void 0 : n.frameObject);
-  if (!r)
-    return !1;
-  const t = H(r);
-  if (!(t != null && t.cards) || t.cards.length === 0)
-    return !1;
-  const i = (a = t.cards) == null ? void 0 : a.find(
-    (s) => s.id === t.activeCardId
-  );
-  return i ? (ee({
-    ...o,
-    frame: t,
-    card: i,
-    visualId: (e == null ? void 0 : e.id) || t.visualId
-  }), !0) : !1;
-}
-function ne() {
-  var b;
-  const { setCardSql: e } = _(), o = h((c) => c.frame), r = h((c) => c.card), t = se(
-    ((b = r.customCardPreferences) == null ? void 0 : b.url) || ""
-  ), i = h(
-    (c) => c.selectedSchemaName
-  ), n = h(
-    (c) => c.selectedDatamodelId
-  ), a = h(
-    (c) => c.selectedDatabaseName
-  ), s = h((c) => c.selectedTableName), d = h(
-    (c) => c.selectedConnectionId
-  ), m = h((c) => c.isShowingVisual), u = r.sql;
-  return { getUpdatedFrame: V(() => {
-    var C;
-    let c = u;
-    u && !u.includes("{{") && (c = re(u), e(c));
-    const S = (C = t == null ? void 0 : t.getState()) == null ? void 0 : C.settings, F = {
-      ...r,
-      dataSource: r.dataSource || { mode: "directSource" },
-      lastSelectedSchema: i,
-      lastSelectedDatamodelId: n,
-      lastSelectedDatabase: a,
-      lastSelectedTable: s,
-      connectionId: d,
-      // type: isShowingVisual ? card.type : 'table', /// CHECK THIS!!!!
-      sql: c,
-      customCfg: m ? r.customCfg : null,
-      preferences: r.preferences,
-      // Preserve all preferences including column sizing
-      ...S && {
-        customCardPreferences: {
-          ...r.customCardPreferences,
-          settings: S
-        }
-      }
-    }, w = o.cards.map(
-      (p) => p.id === r.id ? F : p
-    );
-    return {
-      ...o,
-      cards: w,
-      activeCardId: oe(w, o.activeCardId)
-    };
-  }, [
-    r,
-    o,
-    m,
-    i,
-    n,
-    a,
-    s,
-    d,
-    e,
-    t,
-    u
-  ]) };
-}
-function de() {
-  const { authToken: e, tokenProps: o } = G(), r = Y(), t = J(), { selectVisual: i } = K(), {
-    setFrame: n,
-    setCard: a,
-    setIsDevMode: s,
-    setActiveTabCardId: d,
-    updateDataSource: m,
-    setQueryResultColumns: u,
-    setSelectedConnectionId: $,
-    setSelectedDatabaseName: b,
-    setSelectedSchemaName: c,
-    setSelectedTableName: S,
-    setSelectedDatamodelId: F,
-    setFilterValues: w,
-    setApplyFilters: C
-  } = _(), {
-    setIsDashboardEditing: p,
-    setIsVisualEditing: A,
-    setSelectedFrameId: N,
-    clearSelectedFrameId: O,
-    addFrame: x,
-    setIsDashboardPanelOpen: R
-  } = X(), I = U((l) => l.selectedSheetId), W = U((l) => l.selectedFrameId), D = U((l) => l.dashboard), B = U((l) => l.filterValues), E = Z((t == null ? void 0 : t.id) || "", {
-    enabled: !!(t != null && t.id) && !!(e != null && e.accessToken)
-  }), Q = V(
-    async (l) => {
-      try {
-        i(l), O();
-        const { data: g, fromCache: f } = await M(
-          o.apiServiceUrl,
-          (e == null ? void 0 : e.accessToken) || "",
-          l.id,
-          r
-        );
-        if (!ae(g, {
-          setFrame: n,
-          setCard: a,
-          setIsDevMode: s,
-          setActiveTabCardId: d,
-          updateDataSource: m,
-          setQueryResultColumns: u,
-          setSelectedConnectionId: $,
-          setSelectedDatabaseName: b,
-          setSelectedSchemaName: c,
-          setSelectedTableName: S,
-          setSelectedDatamodelId: F,
-          setFilterValues: w,
-          setApplyFilters: C,
-          setIsDashboardEditing: p,
-          setIsVisualEditing: A,
-          dashboard: D,
-          selectedSheetId: I,
-          selectedFrameId: W,
-          filterValues: B
-        }))
-          throw new Error("Failed to setup editor with visual data");
-        return { success: !0, fromCache: f };
-      } catch (g) {
-        return console.error("Error editing visual:", g), { success: !1, error: "Failed to load visual for editing" };
-      }
-    },
-    [
-      e == null ? void 0 : e.accessToken,
-      o.apiServiceUrl,
-      r,
-      i,
-      n,
-      a,
-      p,
-      A,
-      s,
-      d,
-      m,
-      u,
-      $,
-      b,
-      c,
-      S,
-      F,
-      w,
-      C,
-      O,
-      D,
-      I,
-      W,
-      B
-    ]
-  ), k = V(
-    async (l) => {
-      var g;
-      try {
-        if (i(l), !I)
-          return {
-            success: !1,
-            error: "No sheet selected. Please select a sheet first."
-          };
-        const { data: f, fromCache: L } = await M(
-          o.apiServiceUrl,
-          (e == null ? void 0 : e.accessToken) || "",
-          l.id,
-          r
-        ), P = (f == null ? void 0 : f.frameObject) ?? ((g = f == null ? void 0 : f.visual) == null ? void 0 : g.frameObject);
-        if (!P)
-          return { success: !1, error: "Visual has no frame data" };
-        const y = H(P);
-        if (!(y != null && y.cards) || y.cards.length === 0)
-          return { success: !1, error: "Visual frame is malformed" };
-        const j = {
-          ...q(y),
-          visualId: l.id
-          // Link this frame to the library visual
-        };
-        return x(I, j, "end"), p(!0), N(j.id), R(!1), { success: !0, fromCache: L };
-      } catch (f) {
-        return console.error("Error adding visual:", f), { success: !1, error: "Failed to add visual to dashboard" };
-      }
-    },
-    [
-      e == null ? void 0 : e.accessToken,
-      o.apiServiceUrl,
-      r,
-      i,
-      I,
-      x,
-      p,
-      N,
-      R
-    ]
-  );
-  return {
-    visual: E.data,
-    isLoading: E.isLoading,
-    isError: E.isError,
-    error: E.error,
-    handleEditLibraryVisual: Q,
-    handleAddLibraryVisual: k,
-    getUpdatedFrame: ne().getUpdatedFrame,
-    refetch: E.refetch
-  };
-}
-export {
-  de as a,
-  se as u
-};

package/dist/chunks/use-visual-utils-DG7j82aL.js

@@ -1 +0,0 @@
-"use strict";const o=require("./index-DMR0K1Nf.js"),b=require("react");function _(e){const a=e.toUpperCase().indexOf("WHERE"),r=e.toUpperCase().indexOf("GROUP BY"),t=e.toUpperCase().indexOf("LIMIT"),d=e.toUpperCase().indexOf("ORDER BY");let c=e.length;if(d!==-1&&(c=d),t!==-1&&t<c&&(c=t),a!==-1){const n=e.substring(0,a),s=e.substring(a);return`${n} {{ filters | where }} AND ${s.substring(6)}`}else if(r!==-1){const n=e.substring(0,r),s=e.substring(r);return`${n} {{ filters | where }} ${s}`}else{const n=e.substring(0,c),s=e.substring(c);return console.log("beforeClause",n),console.log("afterClause",s),s?`${n} {{ filters | where }} ${s}`:`${n.replace(/;$/,"")} {{ filters | where }}`}}function B(e){const[a,r]=b.useState(null),[t,d]=b.useState(null),c=o.useEnsureReactGlobals();return b.useEffect(()=>{if(!e||e.trim()===""){r(null),d(null);return}if(!c)return;(async()=>{try{if(!e.startsWith("http://")&&!e.startsWith("https://"))throw new Error(`Invalid URL format: ${e}`);try{new URL(e)}catch{throw new Error(`Invalid URL: ${e}`)}const l=`${e.endsWith("/")?e:`${e}/`}index.js`;try{if(!(await fetch(l,{method:"HEAD"})).ok)throw new Error(`Module not found at ${l}`)}catch{}const m=await import(l);if(typeof m.useChartStore!="function")throw new Error("useChartStore is not a function");r(()=>m.useChartStore),d(null)}catch(s){const l=s instanceof Error?s.message:"Unknown error";console.error("Failed to load remote chart store:",l),d(l),r(null)}})()},[e,c]),a}function H(e,a){if(e.length===0)return"";if(a){const r=e.find(t=>t.id===a);if(r){const t=r.tabTitle;if(t=="All__Header")return e[0].id;if(t&&t.endsWith("__Header")){const c=t.split("__")[0],n=e.find(s=>s.tabTitle===c);return n?n.id:e[0].id}return a}}return e[0].id}async function j(e,a,r,t){if(!a||!r)throw new Error("Missing auth token or visual ID");const d=["resource-by-id","visual",r],c=t.getQueryData(d);if(c)return console.log("Using cached visual data for:",r),{data:c,fromCache:!0};console.log("Fetching visual data from network for:",r);const n=o.ue.loading("Loading visual...",{position:"top-center"});try{const s=await fetch(`${e}/management/v1/visuals/${r}`,{headers:{Authorization:`Bearer ${a}`}});if(!s.ok)throw new Error("Failed to load visual");const l=await s.json();return t.setQueryData(d,l),o.ue.dismiss(n),{data:l,fromCache:!1}}catch(s){throw o.ue.dismiss(n),s}}function T(e){if(typeof e=="string")return JSON.parse(e);if(typeof e=="object")return e;throw new Error("Invalid frame object format")}function Q(e,a){var c,n;const r=(e==null?void 0:e.frameObject)??((c=e==null?void 0:e.visual)==null?void 0:c.frameObject);if(!r)return!1;const t=T(r);if(!(t!=null&&t.cards)||t.cards.length===0)return!1;const d=(n=t.cards)==null?void 0:n.find(s=>s.id===t.activeCardId);return d?(o.setupEditorWithCard({...a,frame:t,card:d,visualId:(e==null?void 0:e.id)||t.visualId}),!0):!1}function G(){var g;const{setCardSql:e}=o.useEditorActions(),a=o.useEditorStore(i=>i.frame),r=o.useEditorStore(i=>i.card),t=B(((g=r.customCardPreferences)==null?void 0:g.url)||""),d=o.useEditorStore(i=>i.selectedSchemaName),c=o.useEditorStore(i=>i.selectedDatamodelId),n=o.useEditorStore(i=>i.selectedDatabaseName),s=o.useEditorStore(i=>i.selectedTableName),l=o.useEditorStore(i=>i.selectedConnectionId),m=o.useEditorStore(i=>i.isShowingVisual),f=r.sql;return{getUpdatedFrame:b.useCallback(()=>{var E;let i=f;f&&!f.includes("{{")&&(i=_(f),e(i));const C=(E=t==null?void 0:t.getState())==null?void 0:E.settings,U={...r,dataSource:r.dataSource||{mode:"directSource"},lastSelectedSchema:d,lastSelectedDatamodelId:c,lastSelectedDatabase:n,lastSelectedTable:s,connectionId:l,sql:i,customCfg:m?r.customCfg:null,preferences:r.preferences,...C&&{customCardPreferences:{...r.customCardPreferences,settings:C}}},w=a.cards.map(S=>S.id===r.id?U:S);return{...a,cards:w,activeCardId:H(w,a.activeCardId)}},[r,a,m,d,c,n,s,l,e,t,f])}}function z(){const{authToken:e,tokenProps:a}=o.useSemaphorContext(),r=o.useQueryClient(),t=o.useSelectedVisual(),{selectVisual:d}=o.useManagementActions(),{setFrame:c,setCard:n,setIsDevMode:s,setActiveTabCardId:l,updateDataSource:m,setQueryResultColumns:f,setSelectedConnectionId:V,setSelectedDatabaseName:g,setSelectedSchemaName:i,setSelectedTableName:C,setSelectedDatamodelId:U,setFilterValues:w,setApplyFilters:E}=o.useEditorActions(),{setIsDashboardEditing:S,setIsVisualEditing:$,setSelectedFrameId:v,clearSelectedFrameId:A,addFrame:N,setIsDashboardPanelOpen:R}=o.useDashboardActions(),I=o.useDashboardStore(u=>u.selectedSheetId),D=o.useDashboardStore(u=>u.selectedFrameId),O=o.useDashboardStore(u=>u.dashboard),x=o.useDashboardStore(u=>u.filterValues),y=o.useVisualById((t==null?void 0:t.id)||"",{enabled:!!(t!=null&&t.id)&&!!(e!=null&&e.accessToken)}),M=b.useCallback(async u=>{try{d(u),A();const{data:p,fromCache:h}=await j(a.apiServiceUrl,(e==null?void 0:e.accessToken)||"",u.id,r);if(!Q(p,{setFrame:c,setCard:n,setIsDevMode:s,setActiveTabCardId:l,updateDataSource:m,setQueryResultColumns:f,setSelectedConnectionId:V,setSelectedDatabaseName:g,setSelectedSchemaName:i,setSelectedTableName:C,setSelectedDatamodelId:U,setFilterValues:w,setApplyFilters:E,setIsDashboardEditing:S,setIsVisualEditing:$,dashboard:O,selectedSheetId:I,selectedFrameId:D,filterValues:x}))throw new Error("Failed to setup editor with visual data");return{success:!0,fromCache:h}}catch(p){return console.error("Error editing visual:",p),{success:!1,error:"Failed to load visual for editing"}}},[e==null?void 0:e.accessToken,a.apiServiceUrl,r,d,c,n,S,$,s,l,m,f,V,g,i,C,U,w,E,A,O,I,D,x]),k=b.useCallback(async u=>{var p;try{if(d(u),!I)return{success:!1,error:"No sheet selected. Please select a sheet first."};const{data:h,fromCache:W}=await j(a.apiServiceUrl,(e==null?void 0:e.accessToken)||"",u.id,r),L=(h==null?void 0:h.frameObject)??((p=h==null?void 0:h.visual)==null?void 0:p.frameObject);if(!L)return{success:!1,error:"Visual has no frame data"};const F=T(L);if(!(F!=null&&F.cards)||F.cards.length===0)return{success:!1,error:"Visual frame is malformed"};const P={...o.cloneFrameWithNewIds(F),visualId:u.id};return N(I,P,"end"),S(!0),v(P.id),R(!1),{success:!0,fromCache:W}}catch(h){return console.error("Error adding visual:",h),{success:!1,error:"Failed to add visual to dashboard"}}},[e==null?void 0:e.accessToken,a.apiServiceUrl,r,d,I,N,S,v,R]);return{visual:y.data,isLoading:y.isLoading,isError:y.isError,error:y.error,handleEditLibraryVisual:M,handleAddLibraryVisual:k,getUpdatedFrame:G().getUpdatedFrame,refetch:y.refetch}}exports.useRemoteChartStore=B;exports.useVisualUtils=z;