@appkit/dek-lib 0.9.0 → 0.10.0

package/dist/index.es.js

@@ -7,7 +7,8 @@ var __publicField = (obj, key, value) => {
 import * as React$3 from "react";
 import React__default, { useCallback, useState as useState$1, useEffect as useEffect$1, useRef as useRef$1, useLayoutEffect as useLayoutEffect$1, useMemo, useDebugValue, createContext, forwardRef, isValidElement, createElement, cloneElement, useContext, Fragment, createRef } from "react";
 import styled, { createGlobalStyle, ThemeProvider } from "styled-components";
-import ReactDOM from "react-dom";
+import * as ReactDOM from "react-dom";
+import ReactDOM__default from "react-dom";
 function _mergeNamespaces(n4, m) {
   for (var i4 = 0; i4 < m.length; i4++) {
     const e4 = m[i4];
@@ -862,7 +863,7 @@ class Api {
     return this.globals.registry;
   }
   get boardKey() {
-    return this.globals.boardKey;
+    return this.globals.navigateParams.boardKey || "#error";
   }
   get boards() {
     return this.globals.boards;
@@ -881,6 +882,9 @@ class Api {
   navigate(path) {
     this.globals.setLocation(`/${this.boardKey}${path}`);
   }
+  get navigateParams() {
+    return this.globals.navigateParams;
+  }
   navigateBack() {
     history.back();
   }
@@ -1009,6 +1013,14 @@ function usePluginState(plugin, key, defaultValue) {
     }
   ];
 }
+function __debug() {
+}
+const dekPluginModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  __debug,
+  usePluginApi,
+  usePluginState
+}, Symbol.toStringTag, { value: "Module" }));
 var _8 = Object.defineProperty;
 var P8 = (t2, r4, e4) => r4 in t2 ? _8(t2, r4, { enumerable: true, configurable: true, writable: true, value: e4 }) : t2[r4] = e4;
 var h0 = (t2, r4, e4) => (P8(t2, typeof r4 != "symbol" ? r4 + "" : r4, e4), e4);
@@ -33750,7 +33762,7 @@ function EN1() {
       return S;
     }, g = (S, B, t1) => (d(S, B, "default"), t1 && d(t1, B, "default")), L = (S) => d(r4({}, "__esModule", { value: true }), S), y2 = {};
     l2(y2, { a: () => d1, animated: () => d1 }), t2.exports = L(y2);
-    var V = Kt(), k = ReactDOM, E = D1(), q = Y0(), U = /^--/;
+    var V = Kt(), k = ReactDOM__default, E = D1(), q = Y0(), U = /^--/;
     function D(S, B) {
       return B == null || typeof B == "boolean" || B === "" ? "" : typeof B == "number" && B !== 0 && !U.test(S) && !(i1.hasOwnProperty(S) && i1[S]) ? B + "px" : ("" + B).trim();
     }
@@ -33829,7 +33841,7 @@ function TN1() {
       a: () => d1,
       animated: () => d1
     }), t2.exports = L(y2);
-    var V = Kt(), k = ReactDOM, E = D1(), q = Y0(), U = /^--/;
+    var V = Kt(), k = ReactDOM__default, E = D1(), q = Y0(), U = /^--/;
     function D(S, B) {
       return B == null || typeof B == "boolean" || B === "" ? "" : typeof B == "number" && B !== 0 && !U.test(S) && !(i1.hasOwnProperty(S) && i1[S]) ? B + "px" : ("" + B).trim();
     }
@@ -34607,7 +34619,7 @@ const XN1 = styled(_3)`
 `, tU1 = styled.div`
   ${({ $vertical: t2, $height: r4, $width: e4, $padding: h2 }) => t2 ? `position: absolute;
         top: 0;
-        right: ${h2 + 6}px;
+        right: 0;
         height: ${typeof r4 == "number" ? `${r4}px` : r4};
         display: flex;
         justify-content: center;
@@ -34786,7 +34798,7 @@ function iU1(t2, r4 = {}) {
 }
 const bG1 = ({
   vertical: t2 = false,
-  autoplay: r4 = 15e3,
+  autoplay: r4 = 15,
   width: e4,
   height: h2,
   padding: n4 = 10,
@@ -34831,7 +34843,7 @@ const bG1 = ({
       cardSize: t2 ? g.height : g.width,
       cardCount: V,
       cardPadCount: n4,
-      autoplay: V > 1 ? r4 : 0,
+      autoplay: V > 1 ? r4 * 1e3 : 0,
       vertical: t2,
       renderCard: k,
       width: g.width,
@@ -37515,7 +37527,7 @@ I1.HTML5_FMT = {
 function RG1(t2 = "ddd, MMM D h:mma", r4 = /* @__PURE__ */ new Date()) {
   return I1(r4).format(t2);
 }
-const dekUi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dekUiModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Button: L3,
   ButtonLoadingIcon: mG1,
@@ -52612,7 +52624,6 @@ class Registry {
 }
 const registry = new Registry();
 const globals = {
-  boardKey: "",
   boards: {},
   commandGroups: {},
   plugins: {},
@@ -52620,7 +52631,8 @@ const globals = {
   setLocation: () => {
   },
   registry,
-  messages: []
+  messages: [],
+  navigateParams: {}
 };
 window.__dek_globals = globals;
 var lodash = { exports: {} };
@@ -58228,7 +58240,7 @@ async function fetchUserPlugins(email, password) {
   result.integrations.push({
     key: "base",
     pluginName: "base",
-    pluginVersion: "0.9.0",
+    pluginVersion: "0.10.0",
     pluginConfig: []
   });
   return result;
@@ -58403,7 +58415,7 @@ const Header = ({ height = 70 }) => {
 };
 const About = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(x0, { padding: 20, direction: "vert", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.9.0"}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.10.0"}` }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(X4, { children: "From Appkit" })
   ] });
 };
@@ -93754,8 +93766,12 @@ async function loadUserPlugin(name, version2, code) {
           return jsxRuntimeModule;
         case "react":
           return React$3;
+        case "react-dom":
+          return ReactDOM;
         case "@appkit/dek-ui":
-          return dekUi;
+          return dekUiModule;
+        case "@appkit/dek-plugin":
+          return dekPluginModule;
       }
     };
     const body = `function( require, module ){ ${code} }`;
@@ -94119,7 +94135,7 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
       this.cancelNextCallback();
       if (nextStatus === ENTERING) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this);
           if (node)
             forceReflow(node);
         }
@@ -94137,7 +94153,7 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
     var _this2 = this;
     var enter = this.props.enter;
     var appearing = this.context ? this.context.isMounting : mounting;
-    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing], maybeNode = _ref2[0], maybeAppearing = _ref2[1];
+    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default.findDOMNode(this), appearing], maybeNode = _ref2[0], maybeAppearing = _ref2[1];
     var timeouts = this.getTimeouts();
     var enterTimeout = appearing ? timeouts.appear : timeouts.enter;
     if (!mounting && !enter || config.disabled) {
@@ -94166,7 +94182,7 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
     var _this3 = this;
     var exit = this.props.exit;
     var timeouts = this.getTimeouts();
-    var maybeNode = this.props.nodeRef ? void 0 : ReactDOM.findDOMNode(this);
+    var maybeNode = this.props.nodeRef ? void 0 : ReactDOM__default.findDOMNode(this);
     if (!exit || config.disabled) {
       this.safeSetState({
         status: EXITED
@@ -94216,7 +94232,7 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
   };
   _proto.onTransitionEnd = function onTransitionEnd(timeout2, handler) {
     this.setNextCallback(handler);
-    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default.findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout2 == null && !this.props.addEndListener;
     if (!node || doesNotHaveTimeoutOrListener) {
       setTimeout(this.nextCallback, 0);
@@ -94972,7 +94988,7 @@ const Router = ({ userConfig, transitionDelay: transitionDelay2 }) => {
     }) ?? {};
     const containerComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { "aria-label": "router", ref: nodeRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { children: routes.map((route) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: route.route, children: (params) => {
-        globals.boardKey = params.boardKey || "#error";
+        globals.navigateParams = params;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(RouteResolver, { route });
       } }, route.route);
     }) }) });

package/dist/index.umd.js

@@ -44,6 +44,7 @@ var __publicField = (obj, key, value) => {
     return Object.freeze(Object.defineProperty(n4, Symbol.toStringTag, { value: "Module" }));
   }
   const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React$3);
+  const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
   function getDefaultExportFromCjs(x) {
     return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -879,7 +880,7 @@ var __publicField = (obj, key, value) => {
       return this.globals.registry;
     }
     get boardKey() {
-      return this.globals.boardKey;
+      return this.globals.navigateParams.boardKey || "#error";
     }
     get boards() {
       return this.globals.boards;
@@ -898,6 +899,9 @@ var __publicField = (obj, key, value) => {
     navigate(path) {
       this.globals.setLocation(`/${this.boardKey}${path}`);
     }
+    get navigateParams() {
+      return this.globals.navigateParams;
+    }
     navigateBack() {
       history.back();
     }
@@ -1026,6 +1030,14 @@ var __publicField = (obj, key, value) => {
       }
     ];
   }
+  function __debug() {
+  }
+  const dekPluginModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    __debug,
+    usePluginApi,
+    usePluginState
+  }, Symbol.toStringTag, { value: "Module" }));
   var _8 = Object.defineProperty;
   var P8 = (t2, r4, e4) => r4 in t2 ? _8(t2, r4, { enumerable: true, configurable: true, writable: true, value: e4 }) : t2[r4] = e4;
   var h0 = (t2, r4, e4) => (P8(t2, typeof r4 != "symbol" ? r4 + "" : r4, e4), e4);
@@ -34624,7 +34636,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
 `, tU1 = styled.div`
   ${({ $vertical: t2, $height: r4, $width: e4, $padding: h2 }) => t2 ? `position: absolute;
         top: 0;
-        right: ${h2 + 6}px;
+        right: 0;
         height: ${typeof r4 == "number" ? `${r4}px` : r4};
         display: flex;
         justify-content: center;
@@ -34803,7 +34815,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
   }
   const bG1 = ({
     vertical: t2 = false,
-    autoplay: r4 = 15e3,
+    autoplay: r4 = 15,
     width: e4,
     height: h2,
     padding: n4 = 10,
@@ -34848,7 +34860,7 @@ Valid keys: ` + JSON.stringify(Object.keys(F), null, "  ")
         cardSize: t2 ? g.height : g.width,
         cardCount: V,
         cardPadCount: n4,
-        autoplay: V > 1 ? r4 : 0,
+        autoplay: V > 1 ? r4 * 1e3 : 0,
         vertical: t2,
         renderCard: k,
         width: g.width,
@@ -37532,7 +37544,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   function RG1(t2 = "ddd, MMM D h:mma", r4 = /* @__PURE__ */ new Date()) {
     return I1(r4).format(t2);
   }
-  const dekUi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const dekUiModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     Button: L3,
     ButtonLoadingIcon: mG1,
@@ -52629,7 +52641,6 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   }
   const registry = new Registry();
   const globals = {
-    boardKey: "",
     boards: {},
     commandGroups: {},
     plugins: {},
@@ -52637,7 +52648,8 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     setLocation: () => {
     },
     registry,
-    messages: []
+    messages: [],
+    navigateParams: {}
   };
   window.__dek_globals = globals;
   var lodash = { exports: {} };
@@ -58245,7 +58257,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
     result.integrations.push({
       key: "base",
       pluginName: "base",
-      pluginVersion: "0.9.0",
+      pluginVersion: "0.10.0",
       pluginConfig: []
     });
     return result;
@@ -58420,7 +58432,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
   };
   const About = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(x0, { padding: 20, direction: "vert", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.9.0"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(hF1, { children: `Dek ${"0.10.0"}` }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(X4, { children: "From Appkit" })
     ] });
   };
@@ -93771,8 +93783,12 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
             return jsxRuntimeModule;
           case "react":
             return React__namespace;
+          case "react-dom":
+            return ReactDOM__namespace;
           case "@appkit/dek-ui":
-            return dekUi;
+            return dekUiModule;
+          case "@appkit/dek-plugin":
+            return dekPluginModule;
         }
       };
       const body = `function( require, module ){ ${code} }`;
@@ -94989,7 +95005,7 @@ Arguments: ` + Array.prototype.slice.call(h2).join("") + `
       }) ?? {};
       const containerComponent = /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { "aria-label": "router", ref: nodeRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { children: routes.map((route) => {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Route, { path: route.route, children: (params) => {
-          globals.boardKey = params.boardKey || "#error";
+          globals.navigateParams = params;
           return /* @__PURE__ */ jsxRuntimeExports.jsx(RouteResolver, { route });
         } }, route.route);
       }) }) });

package/dist/lib/globals.d.ts

@@ -3,7 +3,6 @@ export type SetLocationFunc = (to: string, options?: {
     replace?: boolean | undefined;
 } | undefined) => void;
 type Globals = {
-    boardKey: string;
     boards: Record<string, any>;
     commandGroups: Record<string, any>;
     plugins: Readonly<Record<string, Readonly<DekPluginFactory>>>;
@@ -11,6 +10,7 @@ type Globals = {
     setLocation: SetLocationFunc;
     registry: DekRegistry;
     messages: DekApiMessage[];
+    navigateParams: Record<string, string | undefined>;
 };
 declare const globals: Globals;
 export default globals;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appkit/dek-lib",
   "private": false,
-  "version": "0.9.0",
+  "version": "0.10.0",
   "type": "module",
   "scripts": {
     "build": "tsc && vite build",