@appkit/dek-lib 0.25.0 → 0.26.0

package/dist/index.es.js

@@ -45200,6 +45200,7 @@ const dekUiModule = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   View: u0,
   formatDateTime: Yt2,
   formatFromNow: Gt2,
+  getImageAsBase64: uG1,
   theme: C1,
   useDateTime: qt2,
   useInterval: Ut2
@@ -49798,8 +49799,8 @@ const Zone = (props) => {
     if (zones.length > 1) {
       const components = [];
       zones.forEach((zone2) => {
-        if (zone2.plugin && zone2.component) {
-          const component = api2.plugin(zone2.plugin).component(zone2.component, {
+        if (zone2.integration && zone2.component) {
+          const component = api2.integration(zone2.integration).component(zone2.component, {
             ...parsePropsForComponent(api2, zone2.props),
             "aria-label": `zone-${props.id}`
           });
@@ -49830,9 +49831,9 @@ const Zone = (props) => {
     const zone = api2.board.zones.find(
       (z) => z.key === props.id
     );
-    if (zone && zone.plugin && zone.component) {
-      label = `${props.id}: ${zone.plugin}/${zone.component}`;
-      const component = api2.plugin(zone.plugin).component(zone.component, {
+    if (zone && zone.integration && zone.component) {
+      label = `${props.id}: ${zone.integration}/${zone.component}`;
+      const component = api2.integration(zone.integration).component(zone.component, {
         ...parsePropsForComponent(api2, zone.props),
         "aria-label": `zone-${props.id}`
       });
@@ -50616,10 +50617,10 @@ class Registry {
 }
 const registry = new Registry();
 const globals = {
-  boards: {},
-  commandGroups: {},
+  boards: [],
+  commandGroups: [],
   plugins: {},
-  pluginInstances: {},
+  integrationInstances: {},
   setLocation: () => {
   },
   registry,
@@ -66257,11 +66258,11 @@ async function getClient(email, password) {
     cache: new InMemoryCache()
   });
 }
-const UserDataDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "userData" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "currentUser" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "email" } }, { "kind": "Field", "name": { "kind": "Name", "value": "location" } }, { "kind": "Field", "name": { "kind": "Name", "value": "avatar" } }, { "kind": "Field", "name": { "kind": "Name", "value": "boards" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "layout" } }, { "kind": "Field", "name": { "kind": "Name", "value": "zones" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "plugin" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "containerProps" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "commandGroups" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "commands" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "plugin" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }] } }] } }] };
+const UserDataDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "userData" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "currentUser" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "email" } }, { "kind": "Field", "name": { "kind": "Name", "value": "location" } }, { "kind": "Field", "name": { "kind": "Name", "value": "avatar" } }, { "kind": "Field", "name": { "kind": "Name", "value": "boards" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "layout" } }, { "kind": "Field", "name": { "kind": "Name", "value": "base" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "integration" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "zones" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "integration" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "containerProps" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "commandGroups" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "commands" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "title" } }, { "kind": "Field", "name": { "kind": "Name", "value": "integration" } }, { "kind": "Field", "name": { "kind": "Name", "value": "component" } }, { "kind": "Field", "name": { "kind": "Name", "value": "props" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "containerProps" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }] } }] } }] };
 const UserPluginsAndIntegrationsDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "userPluginsAndIntegrations" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "currentUser" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "plugins" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "code" } }, { "kind": "Field", "name": { "kind": "Name", "value": "version" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "integrations" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "pluginName" } }, { "kind": "Field", "name": { "kind": "Name", "value": "pluginVersion" } }, { "kind": "Field", "name": { "kind": "Name", "value": "pluginConfig" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "key" } }, { "kind": "Field", "name": { "kind": "Name", "value": "value" } }] } }] } }] } }] } }] };
 const UserChangeDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "subscription", "name": { "kind": "Name", "value": "userChange" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "userChange" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "user" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }] } }] } }] };
 const documents = {
-  "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        zones {\n          key\n          plugin\n          component\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          plugin\n          component\n          props {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n": UserDataDocument,
+  "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integration\n          component\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integration\n          component\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n": UserDataDocument,
   "\n  query userPluginsAndIntegrations {\n    currentUser {\n      plugins {\n        name\n        code\n        version\n      }\n      integrations {\n        key\n        pluginName\n        pluginVersion\n        pluginConfig {\n          key\n          value\n        }\n      }\n    }\n  }\n": UserPluginsAndIntegrationsDocument,
   "\n  subscription userChange {\n    userChange {\n      user {\n        id\n      }\n    }\n  }\n": UserChangeDocument
 };
@@ -66281,9 +66282,13 @@ const USER_DATA_QUERY = gql(`
         title
         key
         layout
+        base {
+          integration
+          key
+        }
         zones {
           key
-          plugin
+          integration
           component
           props {
             key
@@ -66300,12 +66305,16 @@ const USER_DATA_QUERY = gql(`
         key
         commands {
           title
-          plugin
+          integration
           component
           props {
             key
             value
           }
+          containerProps {
+            key
+            value
+          }
         }
       }
     }
@@ -66346,13 +66355,13 @@ const state$1 = proxy({
   data: null,
   loading: false
 });
-let pluginInstances = {};
-function getPluginInstances() {
-  return pluginInstances;
+let globalIntegrationInstances = {};
+function getIntegrationInstances() {
+  return globalIntegrationInstances;
 }
-function updateStatePlugins(plugins, instances) {
-  pluginInstances = instances;
-  state$1.plugins = plugins;
+function updateStatePlugins(pluginFactories, integrationInstances2) {
+  globalIntegrationInstances = integrationInstances2;
+  state$1.plugins = pluginFactories;
 }
 function updateStateData(data) {
   state$1.data = data;
@@ -66382,7 +66391,7 @@ async function updateData(email, password, plugin) {
           key: "dev",
           title: "Test Board",
           base: {
-            plugin: "base",
+            integration: "base",
             key: "dev"
           },
           zones: []
@@ -66533,8 +66542,8 @@ class Api {
   messages() {
     return this.internal.messages();
   }
-  plugin(name) {
-    return this.internal.plugin(name);
+  integration(key) {
+    return this.internal.integration(key);
   }
   get registry() {
     return this.internal.registry;
@@ -66566,26 +66575,26 @@ class Api {
   open(boardKey) {
     this.internal.open(boardKey);
   }
-  get plugins() {
-    return this.internal.plugins;
+  get integrations() {
+    return this.internal.integrations;
   }
   get api() {
-    return this.plugin(this.integrationKey).api;
+    return this.integration(this.integrationKey).api;
   }
   get state() {
-    return this.plugin(this.integrationKey).state;
+    return this.integration(this.integrationKey).state;
   }
   get info() {
-    return this.plugin(this.integrationKey).info;
+    return this.integration(this.integrationKey).info;
   }
   component(key, props) {
-    return this.plugin(this.integrationKey).component(key, props);
+    return this.integration(this.integrationKey).component(key, props);
   }
   componentSchema(key) {
-    return this.plugin(this.integrationKey).componentSchema(key);
+    return this.integration(this.integrationKey).componentSchema(key);
   }
   screen(path) {
-    return this.plugin(this.integrationKey).screen(path);
+    return this.integration(this.integrationKey).screen(path);
   }
 }
 class ApiInternal {
@@ -66619,8 +66628,8 @@ class ApiInternal {
   messages() {
     return this.globals.messages;
   }
-  plugin(name) {
-    return this.createPluginWrapper(name);
+  integration(key) {
+    return this.createIntegrationWrapper(key);
   }
   get registry() {
     return this.globals.registry;
@@ -66633,6 +66642,8 @@ class ApiInternal {
   }
   get board() {
     return this.boards.find((board) => board.key === this.boardKey) || {
+      title: "Missing board",
+      key: "#error",
       zones: []
     };
   }
@@ -66654,20 +66665,20 @@ class ApiInternal {
   open(boardKey) {
     this.globals.setLocation(`/${boardKey}`);
   }
-  createPluginWrapper(integrationKey) {
-    const plugin = this.getPluginInstance(integrationKey);
-    const available = !!plugin;
+  createIntegrationWrapper(integrationKey) {
+    const integration = this.getIntegrationInstance(integrationKey);
+    const available = !!integration;
     return {
       available,
       info: {
-        components: (plugin == null ? void 0 : plugin.components) ? plugin.components.map((component) => component.key) : [],
-        screens: (plugin == null ? void 0 : plugin.screens) ? plugin.screens.map((screen) => screen.path) : []
+        components: (integration == null ? void 0 : integration.components) ? integration.components.map((component) => component.key) : [],
+        screens: (integration == null ? void 0 : integration.screens) ? integration.screens.map((screen) => screen.path) : []
       },
       component: (key, props) => this.getComponent(integrationKey, key, props),
       componentSchema: (key) => this.getComponentSchema(integrationKey, key),
       screen: (path) => this.getScreen(integrationKey, path),
       board: (key) => this.getBoard(integrationKey, key),
-      api: (plugin == null ? void 0 : plugin.api) || {},
+      api: (integration == null ? void 0 : integration.api) || {},
       state: {
         get: (key, defaultValue) => {
           if (!available) {
@@ -66687,20 +66698,20 @@ class ApiInternal {
   get globals() {
     return window.__dek_globals;
   }
-  get plugins() {
-    const plugins = {};
-    Object.keys(this.globals.pluginInstances).forEach((key) => {
-      plugins[key] = this.createPluginWrapper(key);
+  get integrations() {
+    const integrations = {};
+    Object.keys(this.globals.integrationInstances).forEach((key) => {
+      integrations[key] = this.createIntegrationWrapper(key);
     });
-    return plugins;
+    return integrations;
   }
-  getPluginInstance(integrationKey) {
-    return this.globals.pluginInstances[integrationKey];
+  getIntegrationInstance(integrationKey) {
+    return this.globals.integrationInstances[integrationKey];
   }
   getComponent(integrationKey, componentKey, props) {
-    const plugin = this.getPluginInstance(integrationKey);
-    if (plugin) {
-      const component = plugin.components && plugin.components.find(
+    const integration = this.getIntegrationInstance(integrationKey);
+    if (integration) {
+      const component = integration.components && integration.components.find(
         (c2) => c2.key.toLowerCase() === componentKey.toLowerCase()
       );
       if (!component) {
@@ -66708,15 +66719,15 @@ class ApiInternal {
       }
       return component.element({
         ...props,
-        plugin,
+        plugin: integration,
         api: new Api(integrationKey)
       });
     }
   }
   getComponentSchema(integrationKey, componentKey) {
-    const plugin = this.getPluginInstance(integrationKey);
-    if (plugin) {
-      const component = plugin.components && plugin.components.find(
+    const integration = this.getIntegrationInstance(integrationKey);
+    if (integration) {
+      const component = integration.components && integration.components.find(
         (c2) => c2.key.toLowerCase() === componentKey.toLowerCase()
       );
       if (component) {
@@ -66727,29 +66738,35 @@ class ApiInternal {
   }
   getScreen(integrationKey, screenPath) {
     if (integrationKey) {
-      const plugin = this.getPluginInstance(integrationKey);
-      if (plugin) {
-        const component = plugin.screens && plugin.screens.find(
+      const integration = this.getIntegrationInstance(integrationKey);
+      if (integration) {
+        const component = integration.screens && integration.screens.find(
           (s4) => s4.path.toLowerCase() === screenPath.toLowerCase()
         );
         if (!component) {
           return;
         }
-        return component.element({ plugin, api: new Api(integrationKey) });
+        return component.element({
+          plugin: integration,
+          api: new Api(integrationKey)
+        });
       }
     }
   }
   getBoard(integrationKey, boardKey) {
     if (integrationKey) {
-      const plugin = this.getPluginInstance(integrationKey);
-      if (plugin) {
-        const component = plugin.boards && plugin.boards.find(
+      const integration = this.getIntegrationInstance(integrationKey);
+      if (integration) {
+        const component = integration.boards && integration.boards.find(
           (c2) => c2.key.toLowerCase() === boardKey.toLowerCase()
         );
         if (!component) {
           return;
         }
-        return component.element({ plugin, api: new Api(integrationKey) });
+        return component.element({
+          plugin: integration,
+          api: new Api(integrationKey)
+        });
       }
     }
   }
@@ -66832,7 +66849,7 @@ async function fetchUserPlugins(email, password) {
   result.integrations.push({
     key: "base",
     pluginName: "base",
-    pluginVersion: "0.25.0",
+    pluginVersion: "0.26.0",
     pluginConfig: []
   });
   return result;
@@ -67007,7 +67024,7 @@ const Header = ({ height = 70 }) => {
 };
 const About = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { padding: 20, direction: "vert", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.25.0"}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.26.0"}` }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(h4, { children: "From Appkit" })
   ] });
 };
@@ -67022,7 +67039,7 @@ const Backgrounds = ({ api: api2 }) => {
   const handleSelection = (key) => {
     setSelectedKey(key);
     console.log("handleSelection", { key });
-    api2.plugin("base").state.set("backgroundKey", key);
+    api2.integration("base").state.set("backgroundKey", key);
   };
   const menuItems = Object.keys(backgroundItems).map((key) => {
     const item = backgroundItems[key];
@@ -67057,7 +67074,7 @@ const Backgrounds = ({ api: api2 }) => {
               value: backgroundProps[key] || prop.default,
               onChange: (value) => {
                 backgroundProps[key] = value;
-                api2.plugin("base").state.set(propsKey, JSON.stringify(backgroundProps));
+                api2.integration("base").state.set(propsKey, JSON.stringify(backgroundProps));
               }
             }
           ) });
@@ -67074,7 +67091,7 @@ const Backgrounds = ({ api: api2 }) => {
               value: backgroundProps[key],
               onChange: (option) => {
                 backgroundProps[key] = option.value;
-                api2.plugin("base").state.set(propsKey, JSON.stringify(backgroundProps));
+                api2.integration("base").state.set(propsKey, JSON.stringify(backgroundProps));
               }
             }
           ) });
@@ -67089,7 +67106,7 @@ const Backgrounds = ({ api: api2 }) => {
               color: backgroundProps[key] || prop.default,
               onChange: (color) => {
                 backgroundProps[key] = color;
-                api2.plugin("base").state.set(propsKey, JSON.stringify(backgroundProps));
+                api2.integration("base").state.set(propsKey, JSON.stringify(backgroundProps));
               }
             }
           );
@@ -67143,11 +67160,11 @@ const Messages = ({ api: api2 }) => {
   )) });
 };
 const PluginDev = ({ api: api2 }) => {
-  const plugin = api2.plugin("plugin");
+  const integration = api2.integration("plugin");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { padding: 20, collapse: true, direction: "vert", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { paddingBottom: 15, children: "Components" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: plugin && plugin.info.components.map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: integration && integration.info.components.map((component) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         yt2,
         {
           title: component,
@@ -67156,7 +67173,7 @@ const PluginDev = ({ api: api2 }) => {
         }
       ) }, component)) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { paddingBottom: 15, paddingTop: 50, children: "Screens" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: plugin && plugin.info.screens.map((screen) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { direction: "horz", collapse: true, children: integration && integration.info.screens.map((screen) => /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { collapse: true, paddingRight: 10, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         yt2,
         {
           title: screen,
@@ -67408,7 +67425,7 @@ const Theme = ({ api: api2 }) => {
   ] });
 };
 const SettingsScreen = ({ api: api2, isPluginDev }) => {
-  const isPrivatePluginDev = !isPluginDev && api2.plugin("plugin").available;
+  const isPrivatePluginDev = !isPluginDev && api2.integration("plugin").available;
   const [selectedKey, setSelectedKey] = usePluginState(
     api2,
     "settings-screen-key",
@@ -71453,7 +71470,7 @@ const greetings = {
   ]
 };
 const Greeting = ({ api: api2 }) => {
-  const calendarPlugin = api2.plugin("calendar");
+  const calendarPlugin = api2.integration("calendar");
   const events2 = calendarPlugin.api.useEvents();
   const getGreeting = () => {
     const d = /* @__PURE__ */ new Date();
@@ -98470,7 +98487,7 @@ const ComponentScreen = ({ api: api2 }) => {
   const [error2, setError] = useState$1(void 0);
   useEffect$1(() => {
     if (propsString === "") {
-      const plugin = api2.plugin("plugin");
+      const plugin = api2.integration("plugin");
       setPropsString(
         JSON.stringify(
           schemaToProps(plugin.componentSchema(params.componentKey)),
@@ -98512,7 +98529,7 @@ const ComponentScreen = ({ api: api2 }) => {
     }
   };
   const handleReset = () => {
-    const plugin = api2.plugin("plugin");
+    const plugin = api2.integration("plugin");
     setPropsString(
       JSON.stringify(
         schemaToProps(plugin.componentSchema(params.componentKey)),
@@ -98575,7 +98592,7 @@ const ComponentScreen = ({ api: api2 }) => {
         ) }),
         error2 && /* @__PURE__ */ jsxRuntimeExports.jsx(h4, { color: "red", paddingLeft: 15, paddingTop: 10, children: error2 })
       ] }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(St2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { halign: "left", valign: "center", children: propsString && api2.plugin("plugin").component(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(St2, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(u0, { halign: "left", valign: "center", children: propsString && api2.integration("plugin").component(
         params.componentKey,
         parsePropsForComponent(api2, propsArray)
       ) }) })
@@ -102555,16 +102572,16 @@ class Plugin3 {
     ];
   }
 }
-const builtinPlugins = {
+const builtinPluginFactories = {
   base: Plugin$2,
   calendar: Plugin$1,
   "home-assistant": Plugin3
 };
 const pluginVersions = {};
-const loadedDekPlugins = {};
-const loadedDekPluginInstances = {};
-let loadedLocalPlugin;
-let loadedLocalPluginInstance;
+const userPluginFactories = {};
+const integrationInstances = {};
+let localPluginFactory;
+let localIntegrationInstance;
 async function loadUserPlugin(name, version2, code) {
   try {
     const module2 = {};
@@ -102595,7 +102612,7 @@ async function loadUserPlugin(name, version2, code) {
     return null;
   }
 }
-function constructPluginInstance(integration, plugin, pluginConfig = {}) {
+function constructIntegrationInstance(integration, plugin, pluginConfig = {}) {
   const pluginConfigMerged = {
     plugin: integration.pluginName,
     version: integration.pluginVersion || pluginVersions[integration.pluginName] || "latest",
@@ -102607,14 +102624,14 @@ function constructPluginInstance(integration, plugin, pluginConfig = {}) {
   }
   return new plugin(pluginConfigMerged, registry);
 }
-async function initializePluginInstance(pluginInstance, integrationKey) {
-  if (pluginInstance && pluginInstance.load) {
-    await pluginInstance.load(getPluginApi(integrationKey));
+async function initializeIntegrationInstance(integrationInstance, integrationKey) {
+  if (integrationInstance && integrationInstance.load) {
+    await integrationInstance.load(getPluginApi(integrationKey));
   }
 }
-async function initializePluginInstances() {
-  for (const key of Object.keys(loadedDekPluginInstances)) {
-    await initializePluginInstance(loadedDekPluginInstances[key], key);
+async function initializeIntegrationInstances() {
+  for (const key of Object.keys(integrationInstances)) {
+    await initializeIntegrationInstance(integrationInstances[key], key);
   }
 }
 async function loadPlugins({
@@ -102623,59 +102640,62 @@ async function loadPlugins({
 }) {
   if (plugins) {
     for (const plugin of plugins) {
-      const userPlugin = await loadUserPlugin(
+      const userPluginFactory = await loadUserPlugin(
         plugin.name,
         plugin.version,
         plugin.code
       );
-      if (userPlugin) {
-        loadedDekPlugins[plugin.name] = userPlugin;
+      if (userPluginFactory) {
+        userPluginFactories[plugin.name] = userPluginFactory;
       }
     }
   }
   if (integrations) {
     for (const integration of integrations) {
-      const Plugin4 = builtinPlugins[integration.pluginName] || loadedDekPlugins[integration.pluginName];
-      if (Plugin4) {
-        const pluginInstance = constructPluginInstance(integration, Plugin4);
-        loadedDekPluginInstances[integration.key] = pluginInstance;
+      const plugin = builtinPluginFactories[integration.pluginName] || userPluginFactories[integration.pluginName];
+      if (plugin) {
+        const integrationInstance = constructIntegrationInstance(
+          integration,
+          plugin
+        );
+        integrationInstances[integration.key] = integrationInstance;
       }
     }
-    await initializePluginInstances();
+    await initializeIntegrationInstances();
   }
 }
 async function unloadAllPlugins() {
-  while (Object.keys(loadedDekPluginInstances).length > 0) {
-    const key = Object.keys(loadedDekPluginInstances)[0];
-    const plugin = loadedDekPluginInstances[key];
+  while (Object.keys(integrationInstances).length > 0) {
+    const key = Object.keys(integrationInstances)[0];
+    const plugin = integrationInstances[key];
     if (plugin && plugin.unload) {
       await plugin.unload();
     }
-    delete loadedDekPluginInstances[key];
+    delete integrationInstances[key];
   }
-  while (Object.keys(loadedDekPlugins).length > 0) {
-    const key = Object.keys(loadedDekPlugins)[0];
-    delete loadedDekPlugins[key];
+  while (Object.keys(userPluginFactories).length > 0) {
+    const key = Object.keys(userPluginFactories)[0];
+    delete userPluginFactories[key];
   }
 }
-function getAllPlugins() {
-  const allPlugins = {
-    ...builtinPlugins,
-    ...loadedDekPlugins
+function getAllPluginFactories() {
+  const results = {
+    ...builtinPluginFactories,
+    ...userPluginFactories
   };
-  if (loadedLocalPlugin) {
-    allPlugins.plugin = loadedLocalPlugin;
+  if (localPluginFactory) {
+    results.plugin = localPluginFactory;
   }
-  return allPlugins;
+  return results;
 }
-function getAllPluginInstances() {
-  const allPluginInstances = {
-    ...loadedDekPluginInstances
+function getAllIntegrationInstances() {
+  const results = {
+    ...integrationInstances
   };
-  if (loadedLocalPluginInstance) {
-    allPluginInstances.plugin = loadedLocalPluginInstance;
+  if (localIntegrationInstance) {
+    results.plugin = localIntegrationInstance;
   }
-  return allPluginInstances;
+  return results;
 }
 async function updatePlugins(email, password) {
   updateStateLoading(true);
@@ -102689,7 +102709,7 @@ async function updatePlugins(email, password) {
         {
           key: "base",
           pluginName: "base",
-          pluginVersion: "0.25.0",
+          pluginVersion: "0.26.0",
           pluginConfig: []
         }
       ],
@@ -102700,12 +102720,12 @@ async function updatePlugins(email, password) {
     pluginVersions[plugin.name] = plugin.version;
   });
   await loadPlugins(integrationsAndPlugins);
-  updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+  updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
   updateStateLoading(false);
 }
 async function unloadPlugins() {
   await unloadAllPlugins();
-  updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+  updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
 }
 async function updateLocalPlugin(plugin, pluginConfig) {
   updateStateLoading(true);
@@ -102715,25 +102735,25 @@ async function updateLocalPlugin(plugin, pluginConfig) {
     key: "plugin",
     pluginConfig: []
   };
-  loadedLocalPlugin = plugin;
-  loadedLocalPluginInstance = constructPluginInstance(
+  localPluginFactory = plugin;
+  localIntegrationInstance = constructIntegrationInstance(
     integration,
     plugin,
     pluginConfig
   );
-  if (loadedLocalPluginInstance && loadedLocalPluginInstance.load) {
-    await loadedLocalPluginInstance.load(getPluginApi("plugin"));
+  if (localIntegrationInstance && localIntegrationInstance.load) {
+    await localIntegrationInstance.load(getPluginApi("plugin"));
   }
-  updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+  updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
   updateStateLoading(false);
 }
 async function unloadLocalPlugin() {
-  if (loadedLocalPluginInstance && loadedLocalPluginInstance.unload) {
-    await loadedLocalPluginInstance.unload();
+  if (localIntegrationInstance && localIntegrationInstance.unload) {
+    await localIntegrationInstance.unload();
   }
-  loadedLocalPluginInstance = void 0;
-  loadedLocalPlugin = void 0;
-  updateStatePlugins(getAllPlugins(), getAllPluginInstances());
+  localIntegrationInstance = void 0;
+  localPluginFactory = void 0;
+  updateStatePlugins(getAllPluginFactories(), getAllIntegrationInstances());
 }
 function useUserConfig(email, password, plugin, pluginConfig) {
   const userConfig = useSnapshot(state$1);
@@ -102762,7 +102782,7 @@ function useUserConfig(email, password, plugin, pluginConfig) {
     globals.commandGroups = userConfig.data.commandGroups;
   }
   globals.plugins = userConfig.plugins;
-  globals.pluginInstances = getPluginInstances();
+  globals.integrationInstances = getIntegrationInstances();
   return userConfig;
 }
 const Background = () => {
@@ -103715,10 +103735,10 @@ const RouteResolver = ({ route }) => {
   const api2 = getPluginApi();
   const resolveRouteElement = (route2) => {
     if (route2.type === "screen") {
-      return api2.plugin(route2.plugin).screen(route2.path);
+      return api2.integration(route2.plugin).screen(route2.path);
     } else {
       const defaultBase = {
-        plugin: "base",
+        integration: "base",
         key: "main"
       };
       const board = api2.boards.find(
@@ -103726,19 +103746,19 @@ const RouteResolver = ({ route }) => {
       );
       if (board) {
         if (board.base) {
-          const boardElement = api2.plugin(board.base.plugin).board(board.base.key);
+          const boardElement = api2.integration(board.base.integration).board(board.base.key);
           if (boardElement) {
             return boardElement;
           }
         } else {
-          return api2.plugin(defaultBase.plugin).board(defaultBase.key);
+          return api2.integration(defaultBase.integration).board(defaultBase.key);
         }
       }
-      const devBoard = api2.plugin("plugin").board(api2.boardKey);
+      const devBoard = api2.integration("plugin").board(api2.boardKey);
       if (devBoard) {
         return devBoard;
       }
-      return api2.plugin(defaultBase.plugin).board(api2.boardKey);
+      return api2.integration(defaultBase.integration).board(api2.boardKey);
     }
   };
   console.log("### ROUTE", route);
@@ -103762,15 +103782,15 @@ const Router = ({ userConfig, transitionDelay: transitionDelay2 }) => {
   const [container, setContainer] = useState$1(null);
   const [containerNodeRef, setContainerNodeRef] = useState$1(null);
   const { data } = userConfig;
-  const pluginInstances2 = getPluginInstances();
+  const pluginInstances = getIntegrationInstances();
   useEffect$1(() => {
     const loadRoutes = async () => {
       var _a2, _b2;
       const newRoutes = [];
       const newBoardKeys = [];
-      if (pluginInstances2) {
-        for (const key in pluginInstances2) {
-          (_a2 = pluginInstances2[key].screens) == null ? void 0 : _a2.forEach((screen) => {
+      if (pluginInstances) {
+        for (const key in pluginInstances) {
+          (_a2 = pluginInstances[key].screens) == null ? void 0 : _a2.forEach((screen) => {
             newRoutes.push({
               type: "screen",
               plugin: key,
@@ -103779,7 +103799,7 @@ const Router = ({ userConfig, transitionDelay: transitionDelay2 }) => {
               nodeRef: createRef()
             });
           });
-          (_b2 = pluginInstances2[key].boards) == null ? void 0 : _b2.forEach((board) => {
+          (_b2 = pluginInstances[key].boards) == null ? void 0 : _b2.forEach((board) => {
             newBoardKeys.push("/" + board.key);
           });
         }
@@ -103797,7 +103817,7 @@ const Router = ({ userConfig, transitionDelay: transitionDelay2 }) => {
       setBoardKeys(newBoardKeys);
     };
     loadRoutes();
-  }, [pluginInstances2, data == null ? void 0 : data.boards]);
+  }, [pluginInstances, data == null ? void 0 : data.boards]);
   useEffect$1(() => {
     const { nodeRef } = routes.find((route) => {
       let path = "/:boardKey";
@@ -103893,10 +103913,10 @@ const CommandGroup = ({ groupKey }) => {
   if (!group) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: group.commands.map((component, idx) => {
-    const instance = api2.plugin(component.plugin).component(
-      component.component,
-      parsePropsForComponent(api2, component.props)
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: group.commands.map((command, idx) => {
+    const instance = api2.integration(command.integration).component(
+      command.component,
+      parsePropsForComponent(api2, command.props)
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { children: instance }, idx);
   }) });