@vuu-ui/vuu-shell 0.5.4 → 0.5.5

package/cjs/index.js

@@ -1,555 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  Feature: () => Feature,
-  LoginPanel: () => LoginPanel,
-  Shell: () => Shell,
-  ShellContextProvider: () => ShellContextProvider,
-  getAuthDetailsFromCookies: () => getAuthDetailsFromCookies,
-  logout: () => logout,
-  redirectToLogin: () => redirectToLogin,
-  useShellContext: () => useShellContext
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/feature/Feature.tsx
-var import_react2 = __toESM(require("react"));
-var import_vuu_layout = require("@vuu-ui/vuu-layout");
-
-// src/feature/ErrorBoundary.jsx
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = { errorMessage: null };
-  }
-  static getDerivedStateFromError(error) {
-    return { errorMessage: error.message };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.log(error, errorInfo);
-  }
-  render() {
-    if (this.state.errorMessage) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-            children: "Something went wrong."
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-            children: this.state.errorMessage
-          })
-        ]
-      });
-    }
-    return this.props.children;
-  }
-};
-
-// src/feature/Loader.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Loader = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
-  className: "hwLoader",
-  children: "loading"
-});
-
-// src/feature/css-module-loader.ts
-var importCSS = async (path) => {
-  const container = new CSSStyleSheet();
-  return fetch(path).then((x) => x.text()).then((x) => container.replace(x));
-};
-
-// src/feature/Feature.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function RawFeature({
-  url,
-  css,
-  params,
-  ...props
-}) {
-  if (css) {
-    importCSS(css).then((styleSheet) => {
-      document.adoptedStyleSheets = [
-        ...document.adoptedStyleSheets,
-        styleSheet
-      ];
-    });
-  }
-  const LazyFeature = import_react2.default.lazy(() => import(
-    /* @vite-ignore */
-    url
-  ));
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorBoundary, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.Suspense, {
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Loader, {}),
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LazyFeature, {
-        ...props,
-        ...params
-      })
-    })
-  });
-}
-var Feature = import_react2.default.memo(RawFeature);
-Feature.displayName = "Feature";
-(0, import_vuu_layout.registerComponent)("Feature", Feature, "view");
-
-// src/login/LoginPanel.tsx
-var import_react3 = require("react");
-var import_core = require("@salt-ds/core");
-var import_salt_lab = require("@heswell/salt-lab");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var classBase = "vuuLoginPanel";
-var LoginPanel = ({ onSubmit }) => {
-  const [username, setUserName] = (0, import_react3.useState)("");
-  const [password, setPassword] = (0, import_react3.useState)("");
-  const login = () => {
-    onSubmit(username, password);
-  };
-  const handleUsername = (_event, value) => {
-    setUserName(value);
-  };
-  const handlePassword = (_event, value) => {
-    setPassword(value);
-  };
-  const dataIsValid = username.trim() !== "" && password.trim() !== "";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", {
-    className: classBase,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_salt_lab.FormField, {
-        label: "Username",
-        style: { width: 200 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_salt_lab.Input, {
-          value: username,
-          id: "text-username",
-          onChange: handleUsername
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_salt_lab.FormField, {
-        label: "Password",
-        style: { width: 200 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_salt_lab.Input, {
-          type: "password",
-          value: password,
-          id: "text-password",
-          onChange: handlePassword
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_core.Button, {
-        className: `${classBase}-login`,
-        disabled: !dataIsValid,
-        onClick: login,
-        variant: "cta",
-        children: "Login"
-      })
-    ]
-  });
-};
-
-// src/login/login-utils.ts
-var getCookieValue = (name) => {
-  var _a;
-  return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
-};
-var getAuthDetailsFromCookies = () => {
-  const username = getCookieValue("vuu-username");
-  const token = getCookieValue("vuu-auth-token");
-  return [username, token];
-};
-var redirectToLogin = (loginUrl = "/login.html") => {
-  window.location.href = loginUrl;
-};
-var logout = (loginUrl) => {
-  document.cookie = "vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT";
-  document.cookie = "vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT";
-  redirectToLogin(loginUrl);
-};
-
-// src/index.ts
-__reExport(src_exports, require("@vuu-ui/vuu-layout/src/menu"), module.exports);
-
-// src/shell.tsx
-var import_vuu_data = require("@vuu-ui/vuu-data");
-var import_react8 = require("react");
-
-// src/use-layout-config.js
-var import_react4 = require("react");
-var useLayoutConfig = (user, defaultLayout) => {
-  const [layout, _setLayout] = (0, import_react4.useState)(defaultLayout);
-  const setLayout = (layout2) => {
-    _setLayout(layout2);
-  };
-  const load = (0, import_react4.useCallback)(
-    async (id = "latest") => {
-      fetch(`api/vui/${user.username}/${id}`, {}).then((response) => {
-        return response.ok ? response.json() : defaultLayout;
-      }).then(setLayout).catch(() => {
-        setLayout(defaultLayout);
-      });
-    },
-    [defaultLayout, user.username]
-  );
-  (0, import_react4.useEffect)(() => {
-    load();
-  }, [load]);
-  const saveData = (0, import_react4.useCallback)(
-    (data) => {
-      fetch(`api/vui/${user.username}`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(data)
-      }).then((response) => {
-        return response.ok ? response.json() : defaultLayout;
-      });
-    },
-    [defaultLayout, user]
-  );
-  const loadLayoutById = (0, import_react4.useCallback)(
-    (id) => {
-      load(id);
-    },
-    [load]
-  );
-  return [layout, saveData, loadLayoutById];
-};
-var use_layout_config_default = useLayoutConfig;
-
-// src/ShellContextProvider.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var defaultConfig = {};
-var ShellContext = (0, import_react5.createContext)(defaultConfig);
-var Provider = ({
-  children,
-  context,
-  inheritedContext
-}) => {
-  const mergedContext = {
-    ...inheritedContext,
-    ...context
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ShellContext.Provider, {
-    value: mergedContext,
-    children
-  });
-};
-var ShellContextProvider = ({
-  children,
-  value
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ShellContext.Consumer, {
-    children: (context) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Provider, {
-      context: value,
-      inheritedContext: context,
-      children
-    })
-  });
-};
-var useShellContext = () => {
-  return (0, import_react5.useContext)(ShellContext);
-};
-
-// src/shell.tsx
-var import_classnames = __toESM(require("classnames"));
-var import_vuu_layout2 = require("@vuu-ui/vuu-layout");
-
-// src/user-profile/UserProfile.tsx
-var import_react7 = require("react");
-var import_core3 = require("@salt-ds/core");
-var import_salt_lab3 = require("@heswell/salt-lab");
-var import_icons2 = require("@salt-ds/icons");
-
-// src/user-profile/UserPanel.tsx
-var import_react6 = require("react");
-var import_vuu_utils = require("@vuu-ui/vuu-utils");
-
-// src/get-layout-history.js
-var getLayoutHistory = async (user) => {
-  const history = await fetch(`api/vui/${user.username}`, {}).then((response) => {
-    return response.ok ? response.json() : null;
-  }).catch(() => {
-    console.log(`error getting history`);
-  });
-  return history;
-};
-
-// src/user-profile/UserPanel.tsx
-var import_icons = require("@salt-ds/icons");
-var import_core2 = require("@salt-ds/core");
-var import_salt_lab2 = require("@heswell/salt-lab");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var byLastUpdate = ({ lastUpdate: l1 }, { lastUpdate: l2 }) => {
-  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;
-};
-var HistoryListItem = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_salt_lab2.ListItem, {
-    ...props
-  });
-};
-var UserPanel = (0, import_react6.forwardRef)(function UserPanel2({ loginUrl, onNavigate, user, layoutId = "latest" }, forwardedRef) {
-  const [history, setHistory] = (0, import_react6.useState)([]);
-  (0, import_react6.useEffect)(() => {
-    async function getHistory() {
-      const history2 = await getLayoutHistory(user);
-      console.log({ history: history2 });
-      const sortedHistory = history2.filter((item) => item.id !== "latest").sort(byLastUpdate).map(({ id, lastUpdate }) => ({
-        lastUpdate,
-        id,
-        label: `Saved at ${(0, import_vuu_utils.formatDate)(new Date(lastUpdate), "kk:mm:ss")}`
-      }));
-      console.log({ sortedHistory });
-      setHistory(sortedHistory);
-    }
-    getHistory();
-  }, [user]);
-  const handleHisorySelected = (0, import_react6.useCallback)(
-    (evt, selected2) => {
-      if (selected2) {
-        onNavigate(selected2.id);
-      }
-    },
-    [onNavigate]
-  );
-  const handleLogout = (0, import_react6.useCallback)(() => {
-    logout(loginUrl);
-  }, [loginUrl]);
-  const selected = history.length === 0 ? [] : layoutId === "latest" ? history[0] : history.find((i) => i.id === layoutId);
-  console.log({ selected });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", {
-    className: "vuuUserPanel",
-    ref: forwardedRef,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_salt_lab2.List, {
-        ListItem: HistoryListItem,
-        className: "vuuUserPanel-history",
-        onSelect: handleHisorySelected,
-        selected,
-        source: history
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
-        className: "vuuUserPanel-buttonBar",
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core2.Button, {
-          "aria-label": "logout",
-          onClick: handleLogout,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons.ExportIcon, {}),
-            " Logout"
-          ]
-        })
-      })
-    ]
-  });
-});
-
-// src/user-profile/UserProfile.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var UserProfile = ({ layoutId, loginUrl, onNavigate, user }) => {
-  const [open, setOpen] = (0, import_react7.useState)(false);
-  const openRef = (0, import_react7.useRef)(false);
-  const buttonRef = (0, import_react7.useRef)(null);
-  const toggle = (0, import_react7.useCallback)(() => {
-    setOpen((isOpen) => {
-      return openRef.current = !isOpen;
-    });
-    requestAnimationFrame(() => {
-      if (!openRef.current) {
-        requestAnimationFrame(() => {
-          buttonRef.current.focus();
-        });
-      }
-    });
-  }, []);
-  const handleNavigate = (id) => {
-    setOpen(false);
-    onNavigate(id);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
-    className: "vuuUserProfile",
-    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_salt_lab3.DropdownBase, {
-      placement: "bottom-end",
-      onCancel: toggle,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core3.Button, {
-          ref: buttonRef,
-          variant: "secondary",
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons2.UserSolidIcon, {})
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UserPanel, {
-          layoutId,
-          loginUrl,
-          onNavigate: handleNavigate,
-          user
-        })
-      ]
-    })
-  });
-};
-
-// src/app-header/AppHeader.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var AppHeader = ({
-  layoutId,
-  loginUrl,
-  onNavigate,
-  user,
-  ...htmlAttributes
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("header", {
-    className: "hwAppHeader",
-    ...htmlAttributes,
-    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(UserProfile, {
-      layoutId,
-      loginUrl,
-      onNavigate,
-      user
-    })
-  });
-};
-
-// src/shell.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var warningLayout = {
-  type: "View",
-  props: {
-    style: { height: "calc(100% - 6px)" }
-  },
-  children: [
-    {
-      props: {
-        className: "vuuShell-warningPlaceholder"
-      },
-      type: "Placeholder"
-    }
-  ]
-};
-var Shell = ({
-  children,
-  className,
-  defaultLayout = warningLayout,
-  leftSidePanel,
-  loginUrl,
-  serverUrl,
-  user,
-  ...htmlAttributes
-}) => {
-  const paletteView = (0, import_react8.useRef)(null);
-  const [open, setOpen] = (0, import_react8.useState)(false);
-  const layoutId = (0, import_react8.useRef)("latest");
-  const [layout, setLayoutConfig, loadLayoutById] = use_layout_config_default(
-    user,
-    defaultLayout
-  );
-  const handleLayoutChange = (0, import_react8.useCallback)(
-    (layout2) => {
-      setLayoutConfig(layout2);
-    },
-    [setLayoutConfig]
-  );
-  const handleDrawerClick = (e) => {
-    var _a;
-    const target = e.target;
-    if (!((_a = paletteView.current) == null ? void 0 : _a.contains(target))) {
-      setOpen(!open);
-    }
-  };
-  const handleNavigate = (0, import_react8.useCallback)(
-    (id) => {
-      layoutId.current = id;
-      loadLayoutById(id);
-    },
-    [loadLayoutById]
-  );
-  (0, import_react8.useEffect)(() => {
-    if (serverUrl && user.token) {
-      (0, import_vuu_data.connectToServer)(serverUrl, user.token);
-    }
-  }, [serverUrl, user.token]);
-  const getDrawers = () => {
-    const drawers = [];
-    if (leftSidePanel) {
-      drawers.push(
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_vuu_layout2.Drawer, {
-          onClick: handleDrawerClick,
-          open,
-          position: "left",
-          inline: true,
-          peekaboo: true,
-          sizeOpen: 200,
-          toggleButton: "end",
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_vuu_layout2.View, {
-            className: "vuuShell-palette",
-            id: "vw-app-palette",
-            ref: paletteView,
-            style: { height: "100%" },
-            children: leftSidePanel
-          }, "app-palette")
-        }, "left-panel")
-      );
-    }
-    return drawers;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ShellContextProvider, {
-    value: void 0,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_vuu_layout2.LayoutProvider, {
-        layout,
-        onLayoutChange: handleLayoutChange,
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_vuu_layout2.DraggableLayout, {
-          className: (0, import_classnames.default)("vuuShell", className),
-          ...htmlAttributes,
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_vuu_layout2.FlexboxLayout, {
-            className: "App",
-            style: { flexDirection: "column", height: "100%", width: "100%" },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AppHeader, {
-                layoutId: layoutId.current,
-                loginUrl,
-                user,
-                onNavigate: handleNavigate
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_vuu_layout2.Chest, {
-                style: { flex: 1 },
-                children: getDrawers().concat(
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_vuu_layout2.DraggableLayout, {
-                    dropTarget: true,
-                    style: { width: "100%", height: "100%" }
-                  }, "main-content")
-                )
-              })
-            ]
-          })
-        })
-      }),
-      children
-    ]
-  });
-};
+"use strict";var ye=Object.create;var U=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Ce=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var Le=(t,e)=>{for(var o in e)U(t,o,{get:e[o],enumerable:!0})},R=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Se(e))!Pe.call(t,n)&&n!==o&&U(t,n,{get:()=>e[n],enumerable:!(r=xe(e,n))||r.enumerable});return t},v=(t,e,o)=>(R(t,e,"default"),o&&R(o,e,"default")),B=(t,e,o)=>(o=t!=null?ye(Ce(t)):{},R(e||!t||!t.__esModule?U(o,"default",{value:t,enumerable:!0}):o,t)),we=t=>R(U({},"__esModule",{value:!0}),t);var g={};Le(g,{Feature:()=>V,LoginPanel:()=>ke,Shell:()=>De,ShellContextProvider:()=>z,getAuthDetailsFromCookies:()=>Ne,logout:()=>$,redirectToLogin:()=>ee,useShellContext:()=>Me});module.exports=we(g);var T=B(require("react")),X=require("@vuu-ui/vuu-layout");var G=B(require("react")),L=require("react/jsx-runtime"),F=class extends G.default.Component{constructor(e){super(e),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,o){console.log(e,o)}render(){return this.state.errorMessage?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("h1",{children:"Something went wrong."}),(0,L.jsx)("p",{children:this.state.errorMessage})]}):this.props.children}};var K=require("react/jsx-runtime"),W=()=>(0,K.jsx)("div",{className:"hwLoader",children:"loading"});var Q=async t=>{let e=new CSSStyleSheet;return fetch(t).then(o=>o.text()).then(o=>e.replace(o))};var E=require("react/jsx-runtime");function be({url:t,css:e,params:o,...r}){e&&Q(e).then(s=>{document.adoptedStyleSheets=[...document.adoptedStyleSheets,s]});let n=T.default.lazy(()=>import(t));return(0,E.jsx)(F,{children:(0,E.jsx)(T.Suspense,{fallback:(0,E.jsx)(W,{}),children:(0,E.jsx)(n,{...r,...o})})})}var V=T.default.memo(be);V.displayName="Feature";(0,X.registerComponent)("Feature",V,"view");var O=require("react"),Z=require("@salt-ds/core"),N=require("@heswell/salt-lab");var y=require("react/jsx-runtime"),Y="vuuLoginPanel",ke=({onSubmit:t})=>{let[e,o]=(0,O.useState)(""),[r,n]=(0,O.useState)(""),s=()=>{t(e,r)},a=(l,c)=>{o(c)},m=(l,c)=>{n(c)},i=e.trim()!==""&&r.trim()!=="";return(0,y.jsxs)("div",{className:Y,children:[(0,y.jsx)(N.FormField,{label:"Username",style:{width:200},children:(0,y.jsx)(N.Input,{value:e,id:"text-username",onChange:a})}),(0,y.jsx)(N.FormField,{label:"Password",style:{width:200},children:(0,y.jsx)(N.Input,{type:"password",value:r,id:"text-password",onChange:m})}),(0,y.jsx)(Z.Button,{className:`${Y}-login`,disabled:!i,onClick:s,variant:"cta",children:"Login"})]})};var j=t=>{var e;return(e=document.cookie.split("; ").find(o=>o.startsWith(`${t}=`)))==null?void 0:e.split("=")[1]},Ne=()=>{let t=j("vuu-username"),e=j("vuu-auth-token");return[t,e]},ee=(t="/login.html")=>{window.location.href=t},$=t=>{document.cookie="vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",document.cookie="vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",ee(t)};v(g,require("@vuu-ui/vuu-layout/src/menu"),module.exports);var me=require("@vuu-ui/vuu-data"),d=require("react");var x=require("react"),He=(t,e)=>{let[o,r]=(0,x.useState)(e),n=i=>{r(i)},s=(0,x.useCallback)(async(i="latest")=>{fetch(`api/vui/${t.username}/${i}`,{}).then(l=>l.ok?l.json():e).then(n).catch(()=>{n(e)})},[e,t.username]);(0,x.useEffect)(()=>{s()},[s]);let a=(0,x.useCallback)(i=>{fetch(`api/vui/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then(l=>l.ok?l.json():e)},[e,t]),m=(0,x.useCallback)(i=>{s(i)},[s]);return[o,a,m]},te=He;var A=require("react"),D=require("react/jsx-runtime"),Ee={},J=(0,A.createContext)(Ee),Te=({children:t,context:e,inheritedContext:o})=>{let r={...o,...e};return(0,D.jsx)(J.Provider,{value:r,children:t})},z=({children:t,value:e})=>(0,D.jsx)(J.Consumer,{children:o=>(0,D.jsx)(Te,{context:e,inheritedContext:o,children:t})}),Me=()=>(0,A.useContext)(J);var de=B(require("classnames")),u=require("@vuu-ui/vuu-layout");var b=require("react"),ie=require("@salt-ds/core"),le=require("@heswell/salt-lab"),ue=require("@salt-ds/icons");var f=require("react"),re=require("@vuu-ui/vuu-utils");var oe=async t=>await fetch(`api/vui/${t.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});var ne=require("@salt-ds/icons"),se=require("@salt-ds/core"),I=require("@heswell/salt-lab");var S=require("react/jsx-runtime"),Re=({lastUpdate:t},{lastUpdate:e})=>e===t?0:e<t?-1:1,Ue=t=>(0,S.jsx)(I.ListItem,{...t}),ae=(0,f.forwardRef)(function({loginUrl:e,onNavigate:o,user:r,layoutId:n="latest"},s){let[a,m]=(0,f.useState)([]);(0,f.useEffect)(()=>{async function C(){let P=await oe(r);console.log({history:P});let H=P.filter(k=>k.id!=="latest").sort(Re).map(({id:k,lastUpdate:M})=>({lastUpdate:M,id:k,label:`Saved at ${(0,re.formatDate)(new Date(M),"kk:mm:ss")}`}));console.log({sortedHistory:H}),m(H)}C()},[r]);let i=(0,f.useCallback)((C,P)=>{P&&o(P.id)},[o]),l=(0,f.useCallback)(()=>{$(e)},[e]),c=a.length===0?[]:n==="latest"?a[0]:a.find(C=>C.id===n);return console.log({selected:c}),(0,S.jsxs)("div",{className:"vuuUserPanel",ref:s,children:[(0,S.jsx)(I.List,{ListItem:Ue,className:"vuuUserPanel-history",onSelect:i,selected:c,source:a}),(0,S.jsx)("div",{className:"vuuUserPanel-buttonBar",children:(0,S.jsxs)(se.Button,{"aria-label":"logout",onClick:l,children:[(0,S.jsx)(ne.ExportIcon,{})," Logout"]})})]})});var w=require("react/jsx-runtime"),ce=({layoutId:t,loginUrl:e,onNavigate:o,user:r})=>{let[n,s]=(0,b.useState)(!1),a=(0,b.useRef)(!1),m=(0,b.useRef)(null),i=(0,b.useCallback)(()=>{s(c=>a.current=!c),requestAnimationFrame(()=>{a.current||requestAnimationFrame(()=>{m.current.focus()})})},[]);return(0,w.jsx)("div",{className:"vuuUserProfile",children:(0,w.jsxs)(le.DropdownBase,{placement:"bottom-end",onCancel:i,children:[(0,w.jsx)(ie.Button,{ref:m,variant:"secondary",children:(0,w.jsx)(ue.UserSolidIcon,{})}),(0,w.jsx)(ae,{layoutId:t,loginUrl:e,onNavigate:c=>{s(!1),o(c)},user:r})]})})};var _=require("react/jsx-runtime"),pe=({layoutId:t,loginUrl:e,onNavigate:o,user:r,...n})=>(0,_.jsx)("header",{className:"hwAppHeader",...n,children:(0,_.jsx)(ce,{layoutId:t,loginUrl:e,onNavigate:o,user:r})});var p=require("react/jsx-runtime"),Fe={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},De=({children:t,className:e,defaultLayout:o=Fe,leftSidePanel:r,loginUrl:n,serverUrl:s,user:a,...m})=>{let i=(0,d.useRef)(null),[l,c]=(0,d.useState)(!1),C=(0,d.useRef)("latest"),[P,H,k]=te(a,o),M=(0,d.useCallback)(h=>{H(h)},[H]),he=h=>{var q;let ve=h.target;(q=i.current)!=null&&q.contains(ve)||c(!l)},fe=(0,d.useCallback)(h=>{C.current=h,k(h)},[k]);(0,d.useEffect)(()=>{s&&a.token&&(0,me.connectToServer)(s,a.token)},[s,a.token]);let ge=()=>{let h=[];return r&&h.push((0,p.jsx)(u.Drawer,{onClick:he,open:l,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:(0,p.jsx)(u.View,{className:"vuuShell-palette",id:"vw-app-palette",ref:i,style:{height:"100%"},children:r},"app-palette")},"left-panel")),h};return(0,p.jsxs)(z,{value:void 0,children:[(0,p.jsx)(u.LayoutProvider,{layout:P,onLayoutChange:M,children:(0,p.jsx)(u.DraggableLayout,{className:(0,de.default)("vuuShell",e),...m,children:(0,p.jsxs)(u.FlexboxLayout,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[(0,p.jsx)(pe,{layoutId:C.current,loginUrl:n,user:a,onNavigate:fe}),(0,p.jsx)(u.Chest,{style:{flex:1},children:ge().concat((0,p.jsx)(u.DraggableLayout,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),t]})};
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../packages/vuu-shell/src/index.ts", "../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.js", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx"],
+  "sourcesContent": ["export * from \"./feature\";\nexport * from \"./login\";\nexport * from \"@vuu-ui/vuu-layout/src/menu\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\n", "import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "const getCookieValue = (name: string) =>\n  document.cookie\n    .split(\"; \")\n    .find((row) => row.startsWith(`${name}=`))\n    ?.split(\"=\")[1];\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  FlexboxLayout as Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n// import { AppPalette } from \"./app-palette\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>\n      );\n    }\n\n    return drawers;\n  };\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={cx(\"vuuShell\", className)}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n      // .then((data) => console.log(data));\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  handleRpcResponse?: (response: unknown) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value: any;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import React, { useCallback, useRef, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\n\nexport const UserProfile = ({ layoutId, loginUrl, onNavigate, user }) => {\n  const [open, setOpen] = useState(false);\n  const openRef = useRef(false);\n  const buttonRef = useRef(null);\n\n  const toggle = useCallback(() => {\n    setOpen((isOpen) => {\n      return (openRef.current = !isOpen);\n    });\n    requestAnimationFrame(() => {\n      if (!openRef.current) {\n        requestAnimationFrame(() => {\n          buttonRef.current.focus();\n        });\n      }\n    });\n  }, []);\n\n  const handleNavigate = (id) => {\n    setOpen(false);\n    onNavigate(id);\n  };\n\n  return (\n    <div className=\"vuuUserProfile\">\n      <DropdownBase placement=\"bottom-end\" onCancel={toggle}>\n        <Button ref={buttonRef} variant=\"secondary\">\n          <UserSolidIcon />\n        </Button>\n        <UserPanel\n          layoutId={layoutId}\n          loginUrl={loginUrl}\n          onNavigate={handleNavigate}\n          user={user}\n        />\n      </DropdownBase>\n    </div>\n  );\n};\n", "import React, { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { logout } from \"../login\";\nimport { getLayoutHistory } from \"../get-layout-history\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport { Button } from \"@salt-ds/core\";\nimport { List, ListItem } from \"@heswell/salt-lab\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = ({ lastUpdate: l1 }, { lastUpdate: l2 }) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\nconst HistoryListItem = (props) => {\n  return <ListItem {...props} />;\n};\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" },\n  forwardedRef\n) {\n  const [history, setHistory] = useState([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      console.log({ history });\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? []\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n  console.log({ selected });\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "export const getLayoutHistory = async (user) => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(`error getting history`);\n    });\n\n  return history;\n};\n", "import { HTMLAttributes } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport \"./AppHeader.css\";\n\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  return (\n    <header className=\"hwAppHeader\" {...htmlAttributes}>\n      {/* <ToggleButton onChange={toggleColorScheme}>\n              theme\n            </ToggleButton> */}\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["src_exports", "__export", "Feature", "LoginPanel", "Shell", "ShellContextProvider", "getAuthDetailsFromCookies", "logout", "redirectToLogin", "useShellContext", "__toCommonJS", "import_react", "import_vuu_layout", "import_react", "import_jsx_runtime", "ErrorBoundary", "React", "props", "error", "errorInfo", "import_jsx_runtime", "Loader", "importCSS", "path", "container", "x", "import_jsx_runtime", "RawFeature", "url", "css", "params", "props", "importCSS", "styleSheet", "LazyFeature", "React", "ErrorBoundary", "Loader", "Feature", "import_react", "import_core", "import_salt_lab", "import_jsx_runtime", "classBase", "LoginPanel", "onSubmit", "username", "setUserName", "password", "setPassword", "login", "handleUsername", "_event", "value", "handlePassword", "dataIsValid", "getCookieValue", "name", "_a", "row", "getAuthDetailsFromCookies", "username", "token", "redirectToLogin", "loginUrl", "logout", "__reExport", "src_exports", "import_vuu_data", "import_react", "import_react", "useLayoutConfig", "user", "defaultLayout", "layout", "_setLayout", "setLayout", "load", "id", "response", "saveData", "data", "loadLayoutById", "use_layout_config_default", "import_react", "import_jsx_runtime", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "import_classnames", "import_vuu_layout", "import_react", "import_core", "import_salt_lab", "import_icons", "import_react", "import_vuu_utils", "getLayoutHistory", "user", "response", "import_icons", "import_core", "import_salt_lab", "import_jsx_runtime", "byLastUpdate", "l1", "l2", "HistoryListItem", "props", "UserPanel", "loginUrl", "onNavigate", "user", "layoutId", "forwardedRef", "history", "setHistory", "getHistory", "getLayoutHistory", "sortedHistory", "item", "id", "lastUpdate", "handleHisorySelected", "evt", "selected", "handleLogout", "logout", "i", "import_jsx_runtime", "UserProfile", "layoutId", "loginUrl", "onNavigate", "user", "open", "setOpen", "openRef", "buttonRef", "toggle", "isOpen", "UserPanel", "id", "import_jsx_runtime", "AppHeader", "layoutId", "loginUrl", "onNavigate", "user", "htmlAttributes", "UserProfile", "import_jsx_runtime", "warningLayout", "Shell", "children", "className", "defaultLayout", "leftSidePanel", "loginUrl", "serverUrl", "user", "htmlAttributes", "paletteView", "open", "setOpen", "layoutId", "layout", "setLayoutConfig", "loadLayoutById", "use_layout_config_default", "handleLayoutChange", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "getDrawers", "drawers", "ShellContextProvider", "cx", "Flexbox", "AppHeader"]
+}

package/esm/index.js

@@ -0,0 +1,2 @@
+import T,{Suspense as ae}from"react";import{registerComponent as ie}from"@vuu-ui/vuu-layout";import oe from"react";import{Fragment as re,jsx as N,jsxs as ne}from"react/jsx-runtime";var x=class extends oe.Component{constructor(e){super(e),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,o){console.log(e,o)}render(){return this.state.errorMessage?ne(re,{children:[N("h1",{children:"Something went wrong."}),N("p",{children:this.state.errorMessage})]}):this.props.children}};import{jsx as se}from"react/jsx-runtime";var H=()=>se("div",{className:"hwLoader",children:"loading"});var E=async t=>{let e=new CSSStyleSheet;return fetch(t).then(o=>o.text()).then(o=>e.replace(o))};import{jsx as S}from"react/jsx-runtime";function le({url:t,css:e,params:o,...r}){e&&E(e).then(n=>{document.adoptedStyleSheets=[...document.adoptedStyleSheets,n]});let i=T.lazy(()=>import(t));return S(x,{children:S(ae,{fallback:S(H,{}),children:S(i,{...r,...o})})})}var M=T.memo(le);M.displayName="Feature";ie("Feature",M,"view");import{useState as R}from"react";import{Button as ue}from"@salt-ds/core";import{FormField as U,Input as F}from"@heswell/salt-lab";import{jsx as v,jsxs as ce}from"react/jsx-runtime";var D="vuuLoginPanel",ht=({onSubmit:t})=>{let[e,o]=R(""),[r,i]=R(""),n=()=>{t(e,r)},s=(l,u)=>{o(u)},c=(l,u)=>{i(u)},a=e.trim()!==""&&r.trim()!=="";return ce("div",{className:D,children:[v(U,{label:"Username",style:{width:200},children:v(F,{value:e,id:"text-username",onChange:s})}),v(U,{label:"Password",style:{width:200},children:v(F,{type:"password",value:r,id:"text-password",onChange:c})}),v(ue,{className:`${D}-login`,disabled:!a,onClick:n,variant:"cta",children:"Login"})]})};var A=t=>{var e;return(e=document.cookie.split("; ").find(o=>o.startsWith(`${t}=`)))==null?void 0:e.split("=")[1]},vt=()=>{let t=A("vuu-username"),e=A("vuu-auth-token");return[t,e]},pe=(t="/login.html")=>{window.location.href=t},I=t=>{document.cookie="vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",document.cookie="vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",pe(t)};export*from"@vuu-ui/vuu-layout/src/menu";import{connectToServer as De}from"@vuu-ui/vuu-data";import{useCallback as K,useEffect as Ae,useRef as Q,useState as Ie}from"react";import{useCallback as L,useEffect as me,useState as de}from"react";var he=(t,e)=>{let[o,r]=de(e),i=a=>{r(a)},n=L(async(a="latest")=>{fetch(`api/vui/${t.username}/${a}`,{}).then(l=>l.ok?l.json():e).then(i).catch(()=>{i(e)})},[e,t.username]);me(()=>{n()},[n]);let s=L(a=>{fetch(`api/vui/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)}).then(l=>l.ok?l.json():e)},[e,t]),c=L(a=>{n(a)},[n]);return[o,s,c]},B=he;import{createContext as fe,useContext as ge}from"react";import{jsx as w}from"react/jsx-runtime";var ve={},b=fe(ve),ye=({children:t,context:e,inheritedContext:o})=>{let r={...o,...e};return w(b.Provider,{value:r,children:t})},V=({children:t,value:e})=>w(b.Consumer,{children:o=>w(ye,{context:e,inheritedContext:o,children:t})}),Nt=()=>ge(b);import Be from"classnames";import{Chest as Ve,DraggableLayout as X,Drawer as Oe,FlexboxLayout as $e,LayoutProvider as Je,View as ze}from"@vuu-ui/vuu-layout";import{useCallback as Ee,useRef as _,useState as Te}from"react";import{Button as Me}from"@salt-ds/core";import{DropdownBase as Re}from"@heswell/salt-lab";import{UserSolidIcon as Ue}from"@salt-ds/icons";import{forwardRef as xe,useCallback as $,useEffect as Se,useState as Ce}from"react";import{formatDate as Pe}from"@vuu-ui/vuu-utils";var O=async t=>await fetch(`api/vui/${t.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});import{ExportIcon as Le}from"@salt-ds/icons";import{Button as we}from"@salt-ds/core";import{List as be,ListItem as ke}from"@heswell/salt-lab";import{jsx as C,jsxs as J}from"react/jsx-runtime";var Ne=({lastUpdate:t},{lastUpdate:e})=>e===t?0:e<t?-1:1,He=t=>C(ke,{...t}),z=xe(function({loginUrl:e,onNavigate:o,user:r,layoutId:i="latest"},n){let[s,c]=Ce([]);Se(()=>{async function m(){let d=await O(r);console.log({history:d});let g=d.filter(f=>f.id!=="latest").sort(Ne).map(({id:f,lastUpdate:y})=>({lastUpdate:y,id:f,label:`Saved at ${Pe(new Date(y),"kk:mm:ss")}`}));console.log({sortedHistory:g}),c(g)}m()},[r]);let a=$((m,d)=>{d&&o(d.id)},[o]),l=$(()=>{I(e)},[e]),u=s.length===0?[]:i==="latest"?s[0]:s.find(m=>m.id===i);return console.log({selected:u}),J("div",{className:"vuuUserPanel",ref:n,children:[C(be,{ListItem:He,className:"vuuUserPanel-history",onSelect:a,selected:u,source:s}),C("div",{className:"vuuUserPanel-buttonBar",children:J(we,{"aria-label":"logout",onClick:l,children:[C(Le,{})," Logout"]})})]})});import{jsx as P,jsxs as Fe}from"react/jsx-runtime";var q=({layoutId:t,loginUrl:e,onNavigate:o,user:r})=>{let[i,n]=Te(!1),s=_(!1),c=_(null),a=Ee(()=>{n(u=>s.current=!u),requestAnimationFrame(()=>{s.current||requestAnimationFrame(()=>{c.current.focus()})})},[]);return P("div",{className:"vuuUserProfile",children:Fe(Re,{placement:"bottom-end",onCancel:a,children:[P(Me,{ref:c,variant:"secondary",children:P(Ue,{})}),P(z,{layoutId:t,loginUrl:e,onNavigate:u=>{n(!1),o(u)},user:r})]})})};import{jsx as G}from"react/jsx-runtime";var W=({layoutId:t,loginUrl:e,onNavigate:o,user:r,...i})=>G("header",{className:"hwAppHeader",...i,children:G(q,{layoutId:t,loginUrl:e,onNavigate:o,user:r})});import{jsx as h,jsxs as Y}from"react/jsx-runtime";var _e={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},ko=({children:t,className:e,defaultLayout:o=_e,leftSidePanel:r,loginUrl:i,serverUrl:n,user:s,...c})=>{let a=Q(null),[l,u]=Ie(!1),m=Q("latest"),[d,g,f]=B(s,o),y=K(p=>{g(p)},[g]),Z=p=>{var k;let te=p.target;(k=a.current)!=null&&k.contains(te)||u(!l)},j=K(p=>{m.current=p,f(p)},[f]);Ae(()=>{n&&s.token&&De(n,s.token)},[n,s.token]);let ee=()=>{let p=[];return r&&p.push(h(Oe,{onClick:Z,open:l,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:h(ze,{className:"vuuShell-palette",id:"vw-app-palette",ref:a,style:{height:"100%"},children:r},"app-palette")},"left-panel")),p};return Y(V,{value:void 0,children:[h(Je,{layout:d,onLayoutChange:y,children:h(X,{className:Be("vuuShell",e),...c,children:Y($e,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[h(W,{layoutId:m.current,loginUrl:i,user:s,onNavigate:j}),h(Ve,{style:{flex:1},children:ee().concat(h(X,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),t]})};export{M as Feature,ht as LoginPanel,ko as Shell,V as ShellContextProvider,vt as getAuthDetailsFromCookies,I as logout,pe as redirectToLogin,Nt as useShellContext};
+//# sourceMappingURL=index.js.map