@jskit-ai/workspaces-web 0.1.30 → 0.1.32

package/package.descriptor.mjs

@@ -1,7 +1,7 @@
 export default Object.freeze({
   packageVersion: 1,
   packageId: "@jskit-ai/workspaces-web",
-  version: "0.1.30",
+  version: "0.1.32",
   kind: "runtime",
   description: "Workspace web module: workspace selector, tools widget, workspace surfaces, and members/settings UI.",
   dependsOn: [
@@ -166,8 +166,8 @@ export default Object.freeze({
   mutations: {
     dependencies: {
       runtime: {
-        "@jskit-ai/workspaces-core": "0.1.30",
-        "@jskit-ai/users-web": "0.1.69",
+        "@jskit-ai/workspaces-core": "0.1.32",
+        "@jskit-ai/users-web": "0.1.71",
         "vuetify": "^4.0.0"
       },
       dev: {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/workspaces-web",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "type": "module",
   "scripts": {
     "test": "node --test"
@@ -15,12 +15,16 @@
   "dependencies": {
     "@tanstack/vue-query": "5.92.12",
     "@mdi/js": "^7.4.47",
-    "@jskit-ai/http-runtime": "0.1.53",
-    "@jskit-ai/kernel": "0.1.54",
-    "@jskit-ai/shell-web": "0.1.53",
-    "@jskit-ai/users-core": "0.1.64",
-    "@jskit-ai/users-web": "0.1.69",
-    "@jskit-ai/workspaces-core": "0.1.30",
+    "@jskit-ai/http-runtime": "0.1.55",
+    "@jskit-ai/kernel": "0.1.56",
+    "@jskit-ai/shell-web": "0.1.55",
+    "@jskit-ai/users-core": "0.1.66",
+    "@jskit-ai/users-web": "0.1.71",
+    "@jskit-ai/workspaces-core": "0.1.32",
     "vuetify": "^4.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.13",
+    "vue-router": "^5.0.4"
   }
 }

package/src/client/account-settings/useAccountSettingsInvitesSectionRuntime.js

@@ -10,6 +10,7 @@ import { useCommand } from "@jskit-ai/users-web/client/composables/useCommand";
 import { usePaths } from "@jskit-ai/users-web/client/composables/usePaths";
 import { useView } from "@jskit-ai/users-web/client/composables/useView";
 import { normalizeRecordId } from "@jskit-ai/kernel/shared/support/normalize";
+import { WORKSPACE_INVITE_REDEEM_TRANSPORT } from "@jskit-ai/workspaces-core/shared/jsonApiTransports";
 import { useWorkspaceSurfaceId } from "../composables/useWorkspaceSurfaceId.js";
 import { createAccountSettingsInvitesRuntime } from "./accountSettingsInvitesRuntime.js";
 
@@ -112,6 +113,7 @@ function useAccountSettingsInvitesSectionRuntime() {
     ownershipFilter: ROUTE_VISIBILITY_PUBLIC,
     apiSuffix: "/workspace/invitations/redeem",
     writeMethod: "POST",
+    transport: WORKSPACE_INVITE_REDEEM_TRANSPORT,
     fallbackRunError: "Unable to respond to invitation.",
     suppressSuccessMessage: true,
     model: redeemInviteModel,

package/src/client/components/WorkspaceMembersClientElement.vue

@@ -23,6 +23,14 @@ import { computed, reactive, ref, watch } from "vue";
 import { formatDateTime } from "@jskit-ai/kernel/shared/support";
 import { normalizeRecordId } from "@jskit-ai/kernel/shared/support/normalize";
 import { ROUTE_VISIBILITY_WORKSPACE } from "@jskit-ai/kernel/shared/support/visibility";
+import {
+  WORKSPACE_INVITES_TRANSPORT,
+  WORKSPACE_INVITE_CREATE_TRANSPORT,
+  WORKSPACE_MEMBER_ROLE_UPDATE_TRANSPORT,
+  WORKSPACE_MEMBERS_TRANSPORT,
+  WORKSPACE_ROLE_CATALOG_TRANSPORT,
+  WORKSPACE_SETTINGS_TRANSPORT
+} from "@jskit-ai/workspaces-core/shared/jsonApiTransports";
 import MembersAdminClientElement from "./MembersAdminClientElement.vue";
 import { useCommand } from "@jskit-ai/users-web/client/composables/useCommand";
 import { useList } from "@jskit-ai/users-web/client/composables/useList";
@@ -276,6 +284,7 @@ const workspaceSettingsView = useView({
     event: "workspace.settings.changed",
     matches: matchesWorkspaceRealtime
   },
+  transport: WORKSPACE_SETTINGS_TRANSPORT,
   fallbackLoadError: "Unable to load workspace settings."
 });
 
@@ -284,6 +293,7 @@ const workspaceRolesView = useView({
   apiSuffix: "/roles",
   queryKeyFactory: (surfaceId = "", workspaceSlug = "") => buildWorkspaceQueryKey("roles", surfaceId, workspaceSlug),
   viewPermissions: ["workspace.members.view", "workspace.members.invite", "workspace.members.manage"],
+  transport: WORKSPACE_ROLE_CATALOG_TRANSPORT,
   fallbackLoadError: "Unable to load workspace roles."
 });
 
@@ -297,6 +307,7 @@ const workspaceMembersList = useList({
     event: "workspace.members.changed",
     matches: matchesWorkspaceRealtime
   },
+  transport: WORKSPACE_MEMBERS_TRANSPORT,
   selectItems: (payload) => normalizeMembers(payload?.members),
   fallbackLoadError: "Unable to load workspace members."
 });
@@ -311,6 +322,7 @@ const workspaceInvitesList = useList({
     event: "workspace.invites.changed",
     matches: matchesWorkspaceRealtime
   },
+  transport: WORKSPACE_INVITES_TRANSPORT,
   selectItems: (payload) => normalizeInvites(payload?.invites),
   fallbackLoadError: "Unable to load workspace invites."
 });
@@ -320,6 +332,7 @@ const inviteCreateCommand = useCommand({
   apiSuffix: "/invites",
   runPermissions: ["workspace.members.invite"],
   writeMethod: "POST",
+  transport: WORKSPACE_INVITE_CREATE_TRANSPORT,
   fallbackRunError: "Unable to send invite.",
   buildRawPayload: () => ({
     email: forms.invite.email,
@@ -336,6 +349,7 @@ const revokeInviteCommand = useCommand({
   apiSuffix: "/invites",
   runPermissions: ["workspace.invites.revoke"],
   writeMethod: "DELETE",
+  transport: WORKSPACE_INVITES_TRANSPORT,
   fallbackRunError: "Unable to revoke invite.",
   buildCommandOptions: (_parsed, { context }) => {
     return {
@@ -354,6 +368,7 @@ const memberRoleCommand = useCommand({
   apiSuffix: "/members",
   runPermissions: ["workspace.members.manage"],
   writeMethod: "PATCH",
+  transport: WORKSPACE_MEMBER_ROLE_UPDATE_TRANSPORT,
   fallbackRunError: "Unable to update member role.",
   buildRawPayload: (_model, { context }) => ({
     roleSid: String(context?.roleSid || "").trim().toLowerCase()
@@ -375,6 +390,7 @@ const memberRemoveCommand = useCommand({
   apiSuffix: "/members",
   runPermissions: ["workspace.members.manage"],
   writeMethod: "DELETE",
+  transport: WORKSPACE_MEMBERS_TRANSPORT,
   fallbackRunError: "Unable to remove member.",
   buildCommandOptions: (_parsed, { context }) => {
     return {

package/src/client/components/WorkspaceProfileClientElement.vue

@@ -68,8 +68,8 @@
 
 <script setup>
 import { computed, reactive } from "vue";
-import { validateOperationSection } from "@jskit-ai/http-runtime/shared/validators/operationValidation";
 import { ROUTE_VISIBILITY_WORKSPACE } from "@jskit-ai/kernel/shared/support/visibility";
+import { WORKSPACES_TRANSPORT } from "@jskit-ai/workspaces-core/shared/jsonApiTransports";
 import { workspaceResource } from "@jskit-ai/workspaces-core/shared/resources/workspaceResource";
 import { useAddEdit } from "@jskit-ai/users-web/client/composables/useAddEdit";
 import { buildWorkspaceQueryKey } from "../support/workspaceQueryKeys.js";
@@ -89,16 +89,12 @@ const addEdit = useAddEdit({
     buildWorkspaceQueryKey("profile", surfaceId, scopeParamValue),
   viewPermissions: ["workspace.settings.view", "workspace.settings.update"],
   savePermissions: ["workspace.settings.update"],
+  transport: WORKSPACES_TRANSPORT,
   placementSource: "workspaces-web.workspace-profile-view",
   fallbackLoadError: "Unable to load workspace profile.",
   fieldErrorKeys: ["name", "avatarUrl"],
   model: workspaceProfileForm,
-  parseInput: (rawPayload) =>
-    validateOperationSection({
-      operation: workspaceResource.operations.patch,
-      section: "bodyValidator",
-      value: rawPayload
-    }),
+  input: workspaceResource.operations.patch.body,
   mapLoadedToModel: (model, payload = {}) => {
     model.name = String(payload?.name || "");
     model.avatarUrl = String(payload?.avatarUrl || "");

package/src/client/components/WorkspaceSettingsFieldsClientElement.vue

@@ -168,8 +168,8 @@
 
 <script setup>
 import { computed, reactive } from "vue";
-import { validateOperationSection } from "@jskit-ai/http-runtime/shared/validators/operationValidation";
 import { ROUTE_VISIBILITY_WORKSPACE } from "@jskit-ai/kernel/shared/support/visibility";
+import { WORKSPACE_SETTINGS_TRANSPORT } from "@jskit-ai/workspaces-core/shared/jsonApiTransports";
 import { workspaceSettingsResource } from "@jskit-ai/workspaces-core/shared/resources/workspaceSettingsResource";
 import {
   DEFAULT_WORKSPACE_DARK_PALETTE,
@@ -207,6 +207,7 @@ const addEdit = useAddEdit({
     buildWorkspaceQueryKey("settings", surfaceId, scopeParamValue),
   viewPermissions: ["workspace.settings.view", "workspace.settings.update"],
   savePermissions: ["workspace.settings.update"],
+  transport: WORKSPACE_SETTINGS_TRANSPORT,
   placementSource: "workspaces-web.workspace-settings-view",
   fallbackLoadError: "Unable to load workspace settings.",
   fieldErrorKeys: [
@@ -224,12 +225,7 @@ const addEdit = useAddEdit({
     matches: matchesWorkspaceRealtime
   },
   model: workspaceSettingsForm,
-  parseInput: (rawPayload) =>
-    validateOperationSection({
-      operation: workspaceSettingsResource.operations.patch,
-      section: "bodyValidator",
-      value: rawPayload
-    }),
+  input: workspaceSettingsResource.operations.patch.body,
   mapLoadedToModel: (model, payload = {}) => {
     const settings = payload?.settings && typeof payload.settings === "object" ? payload.settings : {};
     const normalizedTheme = resolveWorkspaceThemePalettes(settings);

package/src/client/components/WorkspacesClientElement.vue

@@ -8,6 +8,10 @@ import {
 import { useShellWebErrorRuntime } from "@jskit-ai/shell-web/client/error";
 import { normalizeWorkspaceList } from "../lib/bootstrap.js";
 import { ROUTE_VISIBILITY_PUBLIC } from "@jskit-ai/kernel/shared/support/visibility";
+import {
+  WORKSPACES_TRANSPORT,
+  WORKSPACE_INVITE_REDEEM_TRANSPORT
+} from "@jskit-ai/workspaces-core/shared/jsonApiTransports";
 import { useCommand } from "@jskit-ai/users-web/client/composables/useCommand";
 import { useView } from "@jskit-ai/users-web/client/composables/useView";
 import { usePaths } from "@jskit-ai/users-web/client/composables/usePaths";
@@ -102,6 +106,7 @@ const redeemInviteCommand = useCommand({
   ownershipFilter: OWNERSHIP_PUBLIC,
   apiSuffix: "/workspace/invitations/redeem",
   writeMethod: "POST",
+  transport: WORKSPACE_INVITE_REDEEM_TRANSPORT,
   fallbackRunError: "Unable to respond to invitation.",
   suppressSuccessMessage: true,
   model: redeemInviteModel,
@@ -118,6 +123,7 @@ const createWorkspaceCommand = useCommand({
   ownershipFilter: OWNERSHIP_PUBLIC,
   apiSuffix: "/workspaces",
   writeMethod: "POST",
+  transport: WORKSPACES_TRANSPORT,
   fallbackRunError: "Unable to create workspace.",
   suppressSuccessMessage: true,
   model: createWorkspaceModel,

package/src/client/providers/WorkspacesWebClientProvider.js

@@ -4,6 +4,7 @@ import UsersWorkspaceToolsWidget from "../components/UsersWorkspaceToolsWidget.v
 import UsersWorkspaceSettingsMenuItem from "../components/UsersWorkspaceSettingsMenuItem.vue";
 import UsersWorkspaceMembersMenuItem from "../components/UsersWorkspaceMembersMenuItem.vue";
 import MembersAdminClientElement from "../components/MembersAdminClientElement.vue";
+import { registerBootstrapPayloadHandler } from "@jskit-ai/shell-web/client/bootstrap";
 import { createBootstrapPlacementRuntime } from "../runtime/bootstrapPlacementRuntime.js";
 import {
   WORKSPACES_WEB_SCOPE_SUPPORT_INJECTION_KEY,
@@ -15,8 +16,8 @@ class WorkspacesWebClientProvider {
   static dependsOn = ["users.web.client"];
 
   register(app) {
-    if (!app || typeof app.singleton !== "function") {
-      throw new Error("WorkspacesWebClientProvider requires application singleton().");
+    if (!app || typeof app.singleton !== "function" || typeof app.tag !== "function") {
+      throw new Error("WorkspacesWebClientProvider requires application singleton()/tag().");
     }
 
     app.singleton("workspaces.web.profile.menu.surface-switch-item", () => UsersProfileSurfaceSwitchMenuItem);
@@ -26,6 +27,22 @@ class WorkspacesWebClientProvider {
     app.singleton("workspaces.web.workspace-members.menu-item", () => UsersWorkspaceMembersMenuItem);
     app.singleton("workspaces.web.members-admin.element", () => MembersAdminClientElement);
     app.singleton("workspaces.web.bootstrap-placement.runtime", (scope) => createBootstrapPlacementRuntime({ app: scope }));
+    registerBootstrapPayloadHandler(app, "workspaces.web.bootstrap.handler", (scope) => {
+      const runtime = scope.make("workspaces.web.bootstrap-placement.runtime");
+      return Object.freeze({
+        handlerId: "workspaces.web.bootstrap",
+        order: 100,
+        resolveBootstrapRequest(input = {}) {
+          return runtime.resolveBootstrapRequest(input);
+        },
+        applyBootstrapPayload(input = {}) {
+          return runtime.applyBootstrapPayload(input);
+        },
+        handleBootstrapError(input = {}) {
+          return runtime.handleBootstrapError(input);
+        }
+      });
+    });
     app.singleton("workspaces.web.scope-support", () => createWorkspaceScopeSupport());
   }