@jskit-ai/workspaces-web 0.1.27 → 0.1.29

package/package.descriptor.mjs

@@ -1,7 +1,7 @@
 export default Object.freeze({
   packageVersion: 1,
   packageId: "@jskit-ai/workspaces-web",
-  version: "0.1.27",
+  version: "0.1.29",
   kind: "runtime",
   description: "Workspace web module: workspace selector, tools widget, workspace surfaces, and members/settings UI.",
   dependsOn: [
@@ -37,6 +37,10 @@ export default Object.freeze({
           subpath: "./client",
           summary: "Exports workspaces-web client provider registration surface."
         },
+        {
+          subpath: "./client/components/AccountSettingsInvitesSection",
+          summary: "Exports the default account invites section component used by multihoming installs."
+        },
         {
           subpath: "./client/providers/WorkspacesWebClientProvider",
           summary: "Exports workspaces-web client provider class."
@@ -56,8 +60,7 @@ export default Object.freeze({
           "workspaces.web.workspace-members.menu-item",
           "workspaces.web.members-admin.element",
           "workspaces.web.bootstrap-placement.runtime",
-          "workspaces.web.scope-support",
-          "workspaces.web.account-settings.section.invites"
+          "workspaces.web.scope-support"
         ]
       }
     },
@@ -117,6 +120,15 @@ export default Object.freeze({
             when: "auth.authenticated === true",
             source: "mutations.text#workspaces-web-placement-block"
           },
+          {
+            id: "workspaces.account.settings.invites",
+            target: "account-settings:sections",
+            surfaces: ["account"],
+            order: 400,
+            componentToken: "local.main.account-settings.section.invites",
+            when: "auth.authenticated === true && workspaceInvitesEnabled === true",
+            source: "mutations.text#workspaces-web-account-settings-placement"
+          },
           {
             id: "workspaces.workspace.tools.widget",
             target: "shell-layout:top-right",
@@ -148,8 +160,8 @@ export default Object.freeze({
   mutations: {
     dependencies: {
       runtime: {
-        "@jskit-ai/workspaces-core": "0.1.27",
-        "@jskit-ai/users-web": "0.1.66",
+        "@jskit-ai/workspaces-core": "0.1.29",
+        "@jskit-ai/users-web": "0.1.68",
         "vuetify": "^4.0.0"
       },
       dev: {}
@@ -171,6 +183,13 @@ export default Object.freeze({
         category: "workspaces-web",
         id: "users-web-main-component-account-pending-invites-cue"
       },
+      {
+        from: "templates/packages/main/src/client/components/AccountSettingsInvitesSection.vue",
+        to: "packages/main/src/client/components/AccountSettingsInvitesSection.vue",
+        reason: "Install app-owned account invites section scaffold for multihoming account settings.",
+        category: "workspaces-web",
+        id: "users-web-main-component-account-settings-invites-section"
+      },
       {
         from: "templates/src/components/WorkspaceNotFoundCard.vue",
         to: "src/components/WorkspaceNotFoundCard.vue",
@@ -308,6 +327,21 @@ export default Object.freeze({
           in: ["personal", "workspaces"]
         }
       },
+      {
+        op: "append-text",
+        file: "src/placement.js",
+        position: "bottom",
+        skipIfContains: "id: \"workspaces.account.settings.invites\"",
+        value:
+          "\naddPlacement({\n  id: \"workspaces.account.settings.invites\",\n  target: \"account-settings:sections\",\n  surfaces: [\"account\"],\n  order: 400,\n  componentToken: \"local.main.account-settings.section.invites\",\n  props: {\n    title: \"Invites\",\n    value: \"invites\",\n    usesSharedRuntime: false\n  },\n  when: ({ auth, workspaceInvitesEnabled }) => auth?.authenticated === true && workspaceInvitesEnabled === true\n});\n",
+        reason: "Append workspaces-web account settings invites section placement into app-owned placement registry.",
+        category: "workspaces-web",
+        id: "workspaces-web-account-settings-placement",
+        when: {
+          config: "tenancyMode",
+          in: ["personal", "workspaces"]
+        }
+      },
       {
         op: "append-text",
         file: "packages/main/src/client/providers/MainClientProvider.js",
@@ -318,6 +352,17 @@ export default Object.freeze({
         category: "workspaces-web",
         id: "users-web-main-client-provider-account-invites-import"
       },
+      {
+        op: "append-text",
+        file: "packages/main/src/client/providers/MainClientProvider.js",
+        position: "top",
+        skipIfContains: "import AccountSettingsInvitesSection from \"../components/AccountSettingsInvitesSection.vue\";",
+        value:
+          "import AccountSettingsInvitesSection from \"../components/AccountSettingsInvitesSection.vue\";\n",
+        reason: "Bind app-owned account invites section component into local main client provider imports.",
+        category: "workspaces-web",
+        id: "users-web-main-client-provider-account-settings-section-import"
+      },
       {
         op: "append-text",
         file: "packages/main/src/client/providers/MainClientProvider.js",
@@ -328,6 +373,18 @@ export default Object.freeze({
         reason: "Bind app-owned account pending invites cue component token into local main client provider registry.",
         category: "workspaces-web",
         id: "users-web-main-client-provider-account-invites-register"
+      },
+      {
+        op: "append-text",
+        file: "packages/main/src/client/providers/MainClientProvider.js",
+        position: "bottom",
+        skipIfContains:
+          "registerMainClientComponent(\"local.main.account-settings.section.invites\", () => AccountSettingsInvitesSection);",
+        value:
+          "\nregisterMainClientComponent(\"local.main.account-settings.section.invites\", () => AccountSettingsInvitesSection);\n",
+        reason: "Bind app-owned account invites section component token into local main client provider registry.",
+        category: "workspaces-web",
+        id: "users-web-main-client-provider-account-settings-section-register"
       }
     ]
   }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@jskit-ai/workspaces-web",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "type": "module",
   "scripts": {
     "test": "node --test"
   },
   "exports": {
     "./client": "./src/client/index.js",
+    "./client/components/AccountSettingsInvitesSection": "./src/client/components/AccountSettingsInvitesSection.vue",
     "./client/providers/WorkspacesWebClientProvider": "./src/client/providers/WorkspacesWebClientProvider.js",
     "./client/components/WorkspaceMembersClientElement": "./src/client/components/WorkspaceMembersClientElement.vue",
     "./client/composables/useWorkspaceRouteContext": "./src/client/composables/useWorkspaceRouteContext.js"
@@ -14,12 +15,12 @@
   "dependencies": {
     "@tanstack/vue-query": "5.92.12",
     "@mdi/js": "^7.4.47",
-    "@jskit-ai/http-runtime": "0.1.50",
-    "@jskit-ai/kernel": "0.1.51",
-    "@jskit-ai/shell-web": "0.1.50",
-    "@jskit-ai/users-core": "0.1.61",
-    "@jskit-ai/users-web": "0.1.66",
-    "@jskit-ai/workspaces-core": "0.1.27",
+    "@jskit-ai/http-runtime": "0.1.52",
+    "@jskit-ai/kernel": "0.1.53",
+    "@jskit-ai/shell-web": "0.1.52",
+    "@jskit-ai/users-core": "0.1.63",
+    "@jskit-ai/users-web": "0.1.68",
+    "@jskit-ai/workspaces-core": "0.1.29",
     "vuetify": "^4.0.0"
   }
 }

package/src/client/providers/WorkspacesWebClientProvider.js

@@ -1,5 +1,3 @@
-import { ACCOUNT_SETTINGS_SECTION_REGISTRY_TAG } from "@jskit-ai/users-web/client/account-settings/sections";
-import AccountSettingsInvitesSection from "../components/AccountSettingsInvitesSection.vue";
 import UsersProfileSurfaceSwitchMenuItem from "../components/UsersProfileSurfaceSwitchMenuItem.vue";
 import UsersWorkspaceSelector from "../components/UsersWorkspaceSelector.vue";
 import UsersWorkspaceToolsWidget from "../components/UsersWorkspaceToolsWidget.vue";
@@ -29,16 +27,6 @@ class WorkspacesWebClientProvider {
     app.singleton("workspaces.web.members-admin.element", () => MembersAdminClientElement);
     app.singleton("workspaces.web.bootstrap-placement.runtime", (scope) => createBootstrapPlacementRuntime({ app: scope }));
     app.singleton("workspaces.web.scope-support", () => createWorkspaceScopeSupport());
-    app.singleton("workspaces.web.account-settings.section.invites", () =>
-      Object.freeze({
-        title: "Invites",
-        value: "invites",
-        order: 400,
-        component: AccountSettingsInvitesSection,
-        usesSharedRuntime: false
-      })
-    );
-    app.tag("workspaces.web.account-settings.section.invites", ACCOUNT_SETTINGS_SECTION_REGISTRY_TAG);
   }
 
   async boot(app) {

package/templates/packages/main/src/client/components/AccountSettingsInvitesSection.vue

@@ -0,0 +1,7 @@
+<script setup>
+import WorkspacesWebAccountSettingsInvitesSection from "@jskit-ai/workspaces-web/client/components/AccountSettingsInvitesSection";
+</script>
+
+<template>
+  <WorkspacesWebAccountSettingsInvitesSection />
+</template>

package/test/exportsContract.test.js

@@ -15,6 +15,7 @@ test("workspaces-web exports are explicit and aligned with production usage", ()
     packageId: "@jskit-ai/workspaces-web",
     requiredExports: [
       "./client",
+      "./client/components/AccountSettingsInvitesSection",
       "./client/providers/WorkspacesWebClientProvider",
       "./client/composables/useWorkspaceRouteContext"
     ]

package/test/settingsPlacementContract.test.js

@@ -47,6 +47,25 @@ test("workspaces-web admin settings template exposes surface-derived settings ou
   assert.match(source, /<RouterView \/>/);
 });
 
+test("workspaces-web installs an app-owned account invites section wrapper", async () => {
+  const source = await readFile(
+    path.join(PACKAGE_DIR, "templates", "packages", "main", "src", "client", "components", "AccountSettingsInvitesSection.vue"),
+    "utf8"
+  );
+
+  assert.match(
+    source,
+    /@jskit-ai\/workspaces-web\/client\/components\/AccountSettingsInvitesSection/
+  );
+  assert.deepEqual(findFileMutation("users-web-main-component-account-settings-invites-section"), {
+    from: "templates/packages/main/src/client/components/AccountSettingsInvitesSection.vue",
+    to: "packages/main/src/client/components/AccountSettingsInvitesSection.vue",
+    reason: "Install app-owned account invites section scaffold for multihoming account settings.",
+    category: "workspaces-web",
+    id: "users-web-main-component-account-settings-invites-section"
+  });
+});
+
 test("workspaces-web admin settings index template is a simple developer-owned stub", async () => {
   const source = await readFile(
     path.join(PACKAGE_DIR, "templates", "src", "pages", "admin", "workspace", "settings", "index.vue"),
@@ -108,6 +127,18 @@ test("workspaces-web descriptor metadata advertises admin settings outlets", ()
     when: "auth.authenticated === true",
     source: "mutations.text#workspaces-web-placement-block"
   });
+  assert.deepEqual(findContribution("workspaces.account.settings.invites"), {
+    id: "workspaces.account.settings.invites",
+    target: "account-settings:sections",
+    surfaces: ["account"],
+    order: 400,
+    componentToken: "local.main.account-settings.section.invites",
+    when: "auth.authenticated === true && workspaceInvitesEnabled === true",
+    source: "mutations.text#workspaces-web-account-settings-placement"
+  });
+  assert.match(findTextMutation("workspaces-web-account-settings-placement")?.value || "", /id: "workspaces\.account\.settings\.invites"/);
+  assert.match(findTextMutation("workspaces-web-account-settings-placement")?.value || "", /target: "account-settings:sections"/);
+  assert.match(findTextMutation("workspaces-web-account-settings-placement")?.value || "", /componentToken: "local\.main\.account-settings\.section\.invites"/);
   assert.deepEqual(findFileMutation("users-web-page-admin-workspace-settings"), {
     from: "templates/src/pages/admin/workspace/settings/index.vue",
     toSurface: "admin",
@@ -120,4 +151,12 @@ test("workspaces-web descriptor metadata advertises admin settings outlets", ()
       in: ["personal", "workspaces"]
     }
   });
+  assert.match(
+    findTextMutation("users-web-main-client-provider-account-settings-section-import")?.value || "",
+    /import AccountSettingsInvitesSection from "\.\.\/components\/AccountSettingsInvitesSection\.vue";/
+  );
+  assert.match(
+    findTextMutation("users-web-main-client-provider-account-settings-section-register")?.value || "",
+    /registerMainClientComponent\("local\.main\.account-settings\.section\.invites", \(\) => AccountSettingsInvitesSection\);/
+  );
 });