@deephaven/embed-chart 0.52.1-beta.0 → 0.52.1-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/assets/{App-6accb525.js → App-e073f2fb.js} +2 -2
- package/build/assets/{App-6accb525.js.map → App-e073f2fb.js.map} +1 -1
- package/build/assets/{index-a9260610.js → index-9e419f44.js} +2 -2
- package/build/assets/{index-a9260610.js.map → index-9e419f44.js.map} +1 -1
- package/build/assets/{index-9461f417.js → index-cc4e8650.js} +8 -8
- package/build/assets/{index-9461f417.js.map → index-cc4e8650.js.map} +1 -1
- package/build/assets/{useConnection-44ba675a.js → useConnection-405f8d74.js} +2 -2
- package/build/assets/{useConnection-44ba675a.js.map → useConnection-405f8d74.js.map} +1 -1
- package/build/index.html +1 -1
- package/package.json +14 -14
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,C as n}from"./vendor-6502331b.js";import{L as x,a as b}from"./index-
|
|
2
|
-
//# sourceMappingURL=App-
|
|
1
|
+
import{r as o,C as n}from"./vendor-6502331b.js";import{L as x,a as b}from"./index-9e419f44.js";import{u as w,a as y,C,b as L,c as A}from"./useConnection-405f8d74.js";import"./helpers-042e6b4d.js";import"./plotly-c75409ed.js";const t=x.module("EmbedChart.App");async function E(a,r,s){t.info(`Fetching figure ${s}...`);const i={name:s,type:a.VariableType.FIGURE};return r.getObject(i)}function U(){const[a,r]=o.useState(),[s,i]=o.useState(),[p,m]=o.useState(!0),d=o.useMemo(()=>new URLSearchParams(window.location.search),[]),l=w(),c=y();o.useEffect(function(){async function g(){try{const e=d.get("name");if(e==null)throw new Error("No name param provided");t.debug("Loading figure",e,"...");const f=await E(c,l,e);t.debug("Creating model...");const h=await A.makeModel(c,void 0,f);r(h),t.debug("Figure successfully loaded!")}catch(e){t.error("Unable to load figure",e),i(`${e}`)}m(!1)}g()},[c,l,d]);const u=a!=null;return n.jsxs("div",{className:"App",children:[u&&n.jsx(C,{model:a}),!u&&n.jsx(b,{isLoaded:u,isLoading:p,errorMessage:s??null}),n.jsx(L,{})]})}export{U as default};
|
|
2
|
+
//# sourceMappingURL=App-e073f2fb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App-
|
|
1
|
+
{"version":3,"file":"App-e073f2fb.js","sources":["../../src/App.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Chart, ChartModel, ChartModelFactory } from '@deephaven/chart'; // chart is used to display Deephaven charts\nimport { ContextMenuRoot, LoadingOverlay } from '@deephaven/components'; // Use the loading spinner from the Deephaven components package\nimport type {\n dh as DhType,\n Figure,\n IdeConnection,\n} from '@deephaven/jsapi-types';\nimport Log from '@deephaven/log';\nimport './App.scss'; // Styles for in this app\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport { useConnection } from '@deephaven/jsapi-components';\n\nconst log = Log.module('EmbedChart.App');\n\n/**\n * Load an existing Deephaven figure with the connection provided\n * @param dh JSAPI instance\n * @param connection The Deephaven session object\n * @param name Name of the figure to load\n * @returns Deephaven figure\n */\nasync function loadFigure(\n dh: DhType,\n connection: IdeConnection,\n name: string\n): Promise<Figure> {\n log.info(`Fetching figure ${name}...`);\n\n const definition = { name, type: dh.VariableType.FIGURE };\n return connection.getObject(definition);\n}\n\n/**\n * A functional React component that displays a Deephaven figure using the @deephaven/chart package.\n * It will attempt to open and display the figure specified with the `name` parameter, expecting it to be present on the server.\n * E.g. http://localhost:3000/?name=myFigure will attempt to open a figure `myFigure`\n * If no query param is provided, it will display an error.\n * By default, tries to connect to the server defined in the VITE_CORE_API_URL variable, which is set to http://localhost:10000/jsapi\n * See create-react-app docs for how to update these env vars: https://create-react-app.dev/docs/adding-custom-environment-variables/\n */\nfunction App(): JSX.Element {\n const [model, setModel] = useState<ChartModel>();\n const [error, setError] = useState<string>();\n const [isLoading, setIsLoading] = useState(true);\n const searchParams = useMemo(\n () => new URLSearchParams(window.location.search),\n []\n );\n const connection = useConnection();\n const dh = useApi();\n\n useEffect(\n function initializeApp() {\n async function initApp(): Promise<void> {\n try {\n // Get the table name from the query param `name`.\n const name = searchParams.get('name');\n\n if (name == null) {\n throw new Error('No name param provided');\n }\n\n log.debug('Loading figure', name, '...');\n\n // Load the figure up.\n const figure = await loadFigure(dh, connection, name);\n\n // Create the `ChartModel` for use with the `Chart` component\n log.debug(`Creating model...`);\n\n const newModel = await ChartModelFactory.makeModel(\n dh,\n undefined,\n figure\n );\n\n setModel(newModel);\n\n log.debug('Figure successfully loaded!');\n } catch (e: unknown) {\n log.error('Unable to load figure', e);\n setError(`${e}`);\n }\n setIsLoading(false);\n }\n initApp();\n },\n [dh, connection, searchParams]\n );\n\n const isLoaded = model != null;\n\n return (\n <div className=\"App\">\n {isLoaded && <Chart model={model} />}\n {!isLoaded && (\n <LoadingOverlay\n isLoaded={isLoaded}\n isLoading={isLoading}\n errorMessage={error ?? null}\n />\n )}\n <ContextMenuRoot />\n </div>\n );\n}\n\nexport default App;\n"],"names":["log","Log","loadFigure","dh","connection","name","definition","App","model","setModel","useState","error","setError","isLoading","setIsLoading","searchParams","useMemo","useConnection","useApi","useEffect","initApp","figure","newModel","ChartModelFactory","isLoaded","jsxs","jsx","Chart","LoadingOverlay","ContextMenuRoot"],"mappings":"iOAaA,MAAMA,EAAMC,EAAI,OAAO,gBAAgB,EASvC,eAAeC,EACbC,EACAC,EACAC,EACiB,CACbL,EAAA,KAAK,mBAAmBK,MAAS,EAErC,MAAMC,EAAa,CAAE,KAAAD,EAAM,KAAMF,EAAG,aAAa,QAC1C,OAAAC,EAAW,UAAUE,CAAU,CACxC,CAUA,SAASC,GAAmB,CAC1B,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAqB,SAAA,EACzC,CAACC,EAAOC,CAAQ,EAAIF,EAAiB,SAAA,EACrC,CAACG,EAAWC,CAAY,EAAIJ,WAAS,EAAI,EACzCK,EAAeC,EAAA,QACnB,IAAM,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAChD,CAAC,CAAA,EAEGZ,EAAaa,IACbd,EAAKe,IAEXC,EAAA,UACE,UAAyB,CACvB,eAAeC,GAAyB,CAClC,GAAA,CAEI,MAAAf,EAAOU,EAAa,IAAI,MAAM,EAEpC,GAAIV,GAAQ,KACJ,MAAA,IAAI,MAAM,wBAAwB,EAGtCL,EAAA,MAAM,iBAAkBK,EAAM,KAAK,EAGvC,MAAMgB,EAAS,MAAMnB,EAAWC,EAAIC,EAAYC,CAAI,EAGpDL,EAAI,MAAM,mBAAmB,EAEvB,MAAAsB,EAAW,MAAMC,EAAkB,UACvCpB,EACA,OACAkB,CAAA,EAGFZ,EAASa,CAAQ,EAEjBtB,EAAI,MAAM,6BAA6B,QAChC,GACHA,EAAA,MAAM,wBAAyB,CAAC,EACpCY,EAAS,GAAG,GAAG,CACjB,CACAE,EAAa,EAAK,CACpB,CACQM,GACV,EACA,CAACjB,EAAIC,EAAYW,CAAY,CAAA,EAG/B,MAAMS,EAAWhB,GAAS,KAGxB,OAAAiB,EAAA,KAAC,MAAI,CAAA,UAAU,MACZ,SAAA,CAAYD,GAAAE,EAAA,IAACC,GAAM,MAAAnB,CAAc,CAAA,EACjC,CAACgB,GACAE,EAAA,IAACE,EAAA,CACC,SAAAJ,EACA,UAAAX,EACA,aAAcF,GAAS,IAAA,CACzB,QAEDkB,EAAgB,EAAA,CACnB,CAAA,CAAA,CAEJ"}
|
|
@@ -5,5 +5,5 @@ import{r as d,R as T,C as h,D as y,E as V,F as B9,_ as A,G as E}from"./vendor-65
|
|
|
5
5
|
`,U7=`:root{--dh-color-quickactions-bg: hsla(var(--dh-color-gray-hue), 0%, 11%, 0.9);--dh-color-radial-reaction: hsla(var(--dh-color-gray-hue), 0%, 92%, 0.6);--dh-color-colorpicker-border: hsla(var(--dh-color-gray-hue), 0%, 94%, 0.1)}/*# sourceMappingURL=theme-dark-components.css.map */
|
|
6
6
|
`;var G7=[T7,E7,O7,B7,U7].join(`
|
|
7
7
|
`);const I7=`:root{--dh-color-gray-900: #000;--dh-color-gray-800: #222;--dh-color-gray-700: #464646;--dh-color-gray-600: #6d6d6d;--dh-color-gray-500: #909090;--dh-color-gray-400: #b1b1b1;--dh-color-gray-300: #d5d5d5;--dh-color-gray-200: #e6e6e6;--dh-color-gray-100: #f8f8f8;--dh-color-gray-75: #fdfdfd;--dh-color-gray-50: #fff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca4ff;--dh-color-blue-1000: #97b7ff;--dh-color-blue-1100: #afc9ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f78;--dh-color-seafoam-800: #4ca387;--dh-color-seafoam-900: #4fb797;--dh-color-seafoam-1000: #54cba6;--dh-color-seafoam-1100: #5edeb7;--dh-color-seafoam-1200: #78edc7;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-75);--dh-color-accent: var(--dh-color-blue-700);--dh-color-background: var(--dh-color-white);--dh-color-foreground: var(--dh-color-black);--dh-color-grid-bg: var(--dh-color-background)}/*# sourceMappingURL=theme-light-palette.css.map */
|
|
8
|
-
`;var j7=I7,N="default-dark",_7="default-light",q7={"--dh-color-accent":"#4c7dee","--dh-color-background":"#1a171a"},T9="deephaven.themeCache",p=P9.module("ThemeUtils"),R="dh-tmp";function K7(){var e=getComputedStyle(document.body),o=Object.entries(q7).map(l=>{var[c,r]=l;return"".concat(c,":").concat(e.getPropertyValue(c)||r)});return":root{".concat(o.join(";"),"}")}function W7(e){var o=new Set;return Object.values(e).forEach(l=>{E9(l).forEach(c=>{var[r,a]=c;o.add(l.substring(r,a+1))})}),o}function so(e,o){var l,c=o.custom.find(v=>v.themeKey===e),r=(l=c==null?void 0:c.baseThemeKey)!==null&&l!==void 0?l:e,a=o.base.find(v=>v.themeKey===r);return a==null&&(p.error("No registered base theme found for theme key: '".concat(r,"'"),"Registered:",o.base.map(v=>v.themeKey),o.custom.map(v=>v.themeKey)),a=o.base.find(v=>v.themeKey===N),W9(a,"Default base theme '".concat(N,"' is not registered"))),p.debug("Applied themes:",a.themeKey,c==null?void 0:c.themeKey),c==null?[a]:[a,c]}function io(){return[{name:"Default Dark",themeKey:N,styleContent:G7},{name:"Default Light",themeKey:_7,styleContent:j7}]}function $7(){var e=localStorage.getItem(T9);try{return e==null?null:JSON.parse(e)}catch{}return null}function E9(e){for(var o=[],l="var(--",c=e.indexOf(l),r=0;c>-1;){r=1;for(var a=c+l.length;a<e.length;a+=1)if(e[a]==="("?r+=1:e[a]===")"&&(r-=1),r===0){o.push([c,a]);break}if(r!==0)return p.error("Unbalanced parentheses in css var expression",e),[];c=e.indexOf(l,a+1)}return o}function no(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:document.body,l=performance.now(),c=document.createElement("div");o.appendChild(c);var r=[...W7(e)];r.forEach((s,t)=>{var n="--".concat(R,"-").concat(t);c.style.setProperty(n,s)});var a={},v=window.getComputedStyle(c),i=s=>{var t="--".concat(R,"-").concat(r.indexOf(s)),n=v.getPropertyValue(t);return I9.normalizeCssColor(n)};return Object.entries(e).forEach(s=>{var[t,n]=s;a[t]=J7(i,n)}),c.remove(),p.debug("Resolved css variables",performance.now()-l,"ms"),a}function J7(e,o){var l=[],c=0;return E9(o).forEach(r=>{var[a,v]=r;c<a&&(l.push(o.substring(c,a)),c+=a-c),l.push(e(o.substring(a,v+1))),c+=v-a+1}),l.length===0?o:l.join("")}function to(e){localStorage.setItem(T9,JSON.stringify(e))}function mo(e,o){return"".concat(e,"_").concat(o)}function Q7(){var e,o,l=(e=(o=$7())===null||o===void 0?void 0:o.preloadStyleContent)!==null&&e!==void 0?e:K7();p.debug("Preloading theme content:","'".concat(l,"'"));var c=document.createElement("style");c.innerHTML=l,document.head.appendChild(c)}function P(e,o,l,c,r,a,v){try{var i=e[a](v),s=i.value}catch(t){l(t);return}i.done?o(s):Promise.resolve(s).then(c,r)}function Y7(e){return function(){var o=this,l=arguments;return new Promise(function(c,r){var a=e.apply(o,l);function v(s){P(a,c,r,v,i,"next",s)}function i(s){P(a,c,r,v,i,"throw",s)}v(void 0)})}}var b=P9.module("@deephaven/jsapi-bootstrap.ApiBootstrap"),X7=d.createContext(null);function oo(e){var{apiUrl:o,children:l,failureElement:c,setGlobally:r=!1}=e,[a,v]=d.useState(!0),[i,s]=d.useState();return d.useEffect(()=>{function t(){return n.apply(this,arguments)}function n(){return n=Y7(function*(){try{var g=(yield A(()=>import(o),[],import.meta.url)).default;b.info("API bootstrapped from",o),s(g),r&&(b.debug("API set globally"),globalThis.dh=g)}catch(m){b.error("Unable to bootstrap API",m)}v(!1)}),n.apply(this,arguments)}t()},[o,r]),a?h.jsx(F9,{}):i==null?c??h.jsxs(D7,{isOpen:!0,className:"modal-dialog-centered theme-bg-light",children:[h.jsx(P7,{closeButton:!1,children:"Error: Unable to load API"}),h.jsx(R7,{children:h.jsxs("p",{className:"text-break",children:["Ensure the server is running and you are able to reach ",o,", then refresh the page."]})})]}):h.jsx(X7.Provider,{value:i,children:l})}Q7();const eo=E.lazy(()=>A(()=>import("./App-
|
|
9
|
-
//# sourceMappingURL=index-
|
|
8
|
+
`;var j7=I7,N="default-dark",_7="default-light",q7={"--dh-color-accent":"#4c7dee","--dh-color-background":"#1a171a"},T9="deephaven.themeCache",p=P9.module("ThemeUtils"),R="dh-tmp";function K7(){var e=getComputedStyle(document.body),o=Object.entries(q7).map(l=>{var[c,r]=l;return"".concat(c,":").concat(e.getPropertyValue(c)||r)});return":root{".concat(o.join(";"),"}")}function W7(e){var o=new Set;return Object.values(e).forEach(l=>{E9(l).forEach(c=>{var[r,a]=c;o.add(l.substring(r,a+1))})}),o}function so(e,o){var l,c=o.custom.find(v=>v.themeKey===e),r=(l=c==null?void 0:c.baseThemeKey)!==null&&l!==void 0?l:e,a=o.base.find(v=>v.themeKey===r);return a==null&&(p.error("No registered base theme found for theme key: '".concat(r,"'"),"Registered:",o.base.map(v=>v.themeKey),o.custom.map(v=>v.themeKey)),a=o.base.find(v=>v.themeKey===N),W9(a,"Default base theme '".concat(N,"' is not registered"))),p.debug("Applied themes:",a.themeKey,c==null?void 0:c.themeKey),c==null?[a]:[a,c]}function io(){return[{name:"Default Dark",themeKey:N,styleContent:G7},{name:"Default Light",themeKey:_7,styleContent:j7}]}function $7(){var e=localStorage.getItem(T9);try{return e==null?null:JSON.parse(e)}catch{}return null}function E9(e){for(var o=[],l="var(--",c=e.indexOf(l),r=0;c>-1;){r=1;for(var a=c+l.length;a<e.length;a+=1)if(e[a]==="("?r+=1:e[a]===")"&&(r-=1),r===0){o.push([c,a]);break}if(r!==0)return p.error("Unbalanced parentheses in css var expression",e),[];c=e.indexOf(l,a+1)}return o}function no(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:document.body,l=performance.now(),c=document.createElement("div");o.appendChild(c);var r=[...W7(e)];r.forEach((s,t)=>{var n="--".concat(R,"-").concat(t);c.style.setProperty(n,s)});var a={},v=window.getComputedStyle(c),i=s=>{var t="--".concat(R,"-").concat(r.indexOf(s)),n=v.getPropertyValue(t);return I9.normalizeCssColor(n)};return Object.entries(e).forEach(s=>{var[t,n]=s;a[t]=J7(i,n)}),c.remove(),p.debug("Resolved css variables",performance.now()-l,"ms"),a}function J7(e,o){var l=[],c=0;return E9(o).forEach(r=>{var[a,v]=r;c<a&&(l.push(o.substring(c,a)),c+=a-c),l.push(e(o.substring(a,v+1))),c+=v-a+1}),l.length===0?o:l.join("")}function to(e){localStorage.setItem(T9,JSON.stringify(e))}function mo(e,o){return"".concat(e,"_").concat(o)}function Q7(){var e,o,l=(e=(o=$7())===null||o===void 0?void 0:o.preloadStyleContent)!==null&&e!==void 0?e:K7();p.debug("Preloading theme content:","'".concat(l,"'"));var c=document.createElement("style");c.innerHTML=l,document.head.appendChild(c)}function P(e,o,l,c,r,a,v){try{var i=e[a](v),s=i.value}catch(t){l(t);return}i.done?o(s):Promise.resolve(s).then(c,r)}function Y7(e){return function(){var o=this,l=arguments;return new Promise(function(c,r){var a=e.apply(o,l);function v(s){P(a,c,r,v,i,"next",s)}function i(s){P(a,c,r,v,i,"throw",s)}v(void 0)})}}var b=P9.module("@deephaven/jsapi-bootstrap.ApiBootstrap"),X7=d.createContext(null);function oo(e){var{apiUrl:o,children:l,failureElement:c,setGlobally:r=!1}=e,[a,v]=d.useState(!0),[i,s]=d.useState();return d.useEffect(()=>{function t(){return n.apply(this,arguments)}function n(){return n=Y7(function*(){try{var g=(yield A(()=>import(o),[],import.meta.url)).default;b.info("API bootstrapped from",o),s(g),r&&(b.debug("API set globally"),globalThis.dh=g)}catch(m){b.error("Unable to bootstrap API",m)}v(!1)}),n.apply(this,arguments)}t()},[o,r]),a?h.jsx(F9,{}):i==null?c??h.jsxs(D7,{isOpen:!0,className:"modal-dialog-centered theme-bg-light",children:[h.jsx(P7,{closeButton:!1,children:"Error: Unable to load API"}),h.jsx(R7,{children:h.jsxs("p",{className:"text-break",children:["Ensure the server is running and you are able to reach ",o,", then refresh the page."]})})]}):h.jsx(X7.Provider,{value:i,children:l})}Q7();const eo=E.lazy(()=>A(()=>import("./App-e073f2fb.js"),["./App-e073f2fb.js","./vendor-6502331b.js","./helpers-042e6b4d.js","./vendor-32c669a5.css","./useConnection-405f8d74.js","./plotly-c75409ed.js","./useConnection-bca852d0.css","./App-ddc6b344.css"],import.meta.url)),lo=E.lazy(async()=>({default:(await A(()=>import("./index-cc4e8650.js"),["./index-cc4e8650.js","./vendor-6502331b.js","./helpers-042e6b4d.js","./vendor-32c669a5.css","./useConnection-405f8d74.js","./plotly-c75409ed.js","./useConnection-bca852d0.css","./index-91e64f92.css"],import.meta.url)).AppBootstrap})),F=new URL("../../jsapi/dh-core.js",document.baseURI),co=new URL("/js-plugins",document.baseURI);T.render(h.jsx(oo,{apiUrl:F.href,setGlobally:!0,children:h.jsx(d.Suspense,{fallback:h.jsx(F9,{}),children:h.jsx(lo,{serverUrl:F.origin,pluginsUrl:co.href,children:h.jsx(eo,{})})})}),document.getElementById("root"));export{p9 as $,q7 as A,F7 as B,T9 as C,N as D,R as E,W7 as F,E9 as G,mo as H,Q7 as I,no as J,J7 as K,P9 as L,D7 as M,G7 as N,j7 as O,oo as P,X7 as Q,ho as R,I9 as S,x as T,S as U,E0 as V,W5 as W,N6 as X,K9 as Y,d8 as Z,V9 as _,F9 as a,e5 as a0,$4 as a1,g9 as a2,J5 as a3,h0 as a4,i9 as a5,c9 as a6,H9 as a7,D9 as a8,l6 as a9,A9 as aA,y3 as aB,S8 as aC,W2 as aD,Q3 as aE,z8 as aF,u0 as aG,vo as aH,a0 as aI,X5 as aJ,z9 as aa,u9 as ab,x9 as ac,T2 as ad,w9 as ae,k2 as af,b9 as ag,F0 as ah,U5 as ai,B5 as aj,s8 as ak,C3 as al,Z2 as am,S2 as an,R5 as ao,D5 as ap,k9 as aq,Q5 as ar,P5 as as,n9 as at,X4 as au,b4 as av,l2 as aw,W as ax,o9 as ay,o3 as az,R7 as b,P7 as c,B8 as d,X3 as e,T0 as f,s1 as g,L9 as h,_9 as i,N2 as j,r4 as k,U as l,C2 as m,w2 as n,K2 as o,W9 as p,J4 as q,O5 as r,r6 as s,io as t,$7 as u,Y3 as v,so as w,K7 as x,to as y,_7 as z};
|
|
9
|
+
//# sourceMappingURL=index-9e419f44.js.map
|