@ynput/ayon-addon-dev 0.3.0 → 0.4.0

package/dist/shell/index.js

@@ -3,7 +3,7 @@ import { useCallback, createContext, useContext, useState, useMemo, useEffect, u
 import { createRoot } from "react-dom/client";
 import { provideHost, isKnownSlot, getRegistry, contributionTitle, getHost, registerManifest, setManifestsLoading } from "@ynput/ayon-addon/host";
 import { useGetProjectFoldersQuery, useGetCurrentUserQuery, usersApi, useListProjectsQuery, useGetEntitiesDetailsPanelQuery, useGetUsersQuery, useGetProjectQuery, useGetUsersAssigneeQuery, createStandaloneStore } from "@ynput/ayon-frontend-shared/api";
-import { AddonMoreMenu, AddonEntityPicker, SlicerHost, ProjectPageLayoutHost, JsonViewer, AddonButton, useUserDetailsSlotContext, useAddonUserMenuItems, AddonUserDetailsSections, useAddonCustomizeSections, useAddonTableShortcuts, shortcutEntities, SettingsPanel, AddonDialog, useStudioPageSlotContext, useProjectPageSlotContext, SplitterStyles, LoginPage, AddonServices } from "@ynput/ayon-frontend-shared/components";
+import { AddonMoreMenu, AddonEntityPicker, SlicerHost, ProjectPageLayoutHost, useAddonContextMenu, JsonViewer, AddonButton, AddonProfileSections, useUserDetailsSlotContext, useAddonUserMenuItems, AddonUserDetailsSections, useAddonCustomizeSections, useAddonTableShortcuts, shortcutEntities, SettingsPanel, AddonDialog, useStudioPageSlotContext, useProjectPageSlotContext, SplitterStyles, LoginPage, AddonServices } from "@ynput/ayon-frontend-shared/components";
 import { useGlobalContext, usePowerpack, useMenuContext, useSettingsPanel, useScopedDetailsPanel, EntityUpdatesProvider, GlobalProvider, PowerpackProvider, MenuProvider, URIProvider, DetailsPanelProvider, PiPProvider, DeleteEntitiesProvider, SettingsPanelProvider, ProjectContextProvider, ProjectFoldersContextProvider } from "@ynput/ayon-frontend-shared/context";
 import { buildProjectsTableData, ProjectsTable, PROJECTS_LIST_MENU_ID, parseProjectFolderRowId } from "@ynput/ayon-frontend-shared/ProjectsTable";
 import { getProjectDisplayName, clearAccessToken, storeAccessToken } from "@ynput/ayon-frontend-shared/util";
@@ -158,6 +158,7 @@ const ProjectList = ({ multiSelect = false }) => {
 };
 const provideShellHost = () => provideHost({
   useUser,
+  useContextMenu: useAddonContextMenu,
   components: {
     ProjectPageLayout: ProjectPageLayoutHost,
     Slicer: SlicerHost,
@@ -418,6 +419,11 @@ const SLOT_AREAS = [
         ]
       }
     ]
+  },
+  {
+    label: "Account",
+    icon: "account_circle",
+    sections: [{ label: "Profile", slots: [{ slot: "profile.section", label: "Sections" }] }]
   }
 ];
 const slotPath = (slot) => {
@@ -436,7 +442,8 @@ const NO_PROJECT = [
   "projectList.menuItem",
   "app.service",
   "userDetails.section",
-  "userDetails.menuItem"
+  "userDetails.menuItem",
+  "profile.section"
 ];
 const PROJECTS = ["studio.page", "projectList.menuItem"];
 const ENTITIES = [
@@ -1238,6 +1245,26 @@ const ServiceStage = ({ contribution, selection }) => {
   useReport(contribution, context, true);
   return /* @__PURE__ */ jsx(ServiceNote, {});
 };
+const PROFILE_CONTEXT = {};
+const ProfileStage = ({ contribution }) => {
+  const user2 = useUser$1();
+  const { powerLicense, isLoading } = usePowerpack();
+  const hidden = !!contribution.powerFeature && (isLoading || !powerLicense);
+  useReport(contribution, PROFILE_CONTEXT, !!user2 && !hidden);
+  if (!user2) return /* @__PURE__ */ jsx(Hint, { children: "Signing in…" });
+  return /* @__PURE__ */ jsx("div", { className: "ayon-shell-body", style: { justifyContent: "center" }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: { width: "min(600px, 100%)", display: "flex", flexDirection: "column", gap: 4 },
+      "data-shell-surface": "profile",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "ayon-shell-bar", children: /* @__PURE__ */ jsx("strong", { children: user2.fullName || user2.name }) }),
+        hidden && !isLoading && /* @__PURE__ */ jsx(Hint, { children: "A power feature: this section shows with a Power Pack licence only." }),
+        /* @__PURE__ */ jsx(AddonProfileSections, {})
+      ]
+    }
+  ) });
+};
 const UserDetailsStage = ({ contribution }) => {
   const signedIn = useUser$1();
   const { data: users = [], isLoading } = useGetUsersQuery({ selfName: signedIn?.name });
@@ -1547,6 +1574,8 @@ const Stage = ({
       case "userDetails.section":
       case "userDetails.menuItem":
         return /* @__PURE__ */ jsx(UserDetailsStage, { ...props });
+      case "profile.section":
+        return /* @__PURE__ */ jsx(ProfileStage, { ...props });
       default:
         return /* @__PURE__ */ jsxs(Hint, { children: [
           "The shell has no stage for ",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-addon-dev",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Dev tooling for AYON addon frontends: Vite plugin, dev server, CLI, lint preset",
   "repository": {
     "type": "git",
@@ -41,9 +41,9 @@
   },
   "peerDependencies": {
     "@module-federation/vite": ">=1.14",
-    "@ynput/ayon-addon": "0.4.0",
+    "@ynput/ayon-addon": "0.5.0",
     "vite": ">=6",
-    "@ynput/ayon-frontend-shared": ">=0.8.1",
+    "@ynput/ayon-frontend-shared": ">=0.9.0",
     "@ynput/ayon-react-components": "^1.25.1",
     "primereact": ">=9",
     "react": ">=18",