@the-portland-company/shell 0.16.5 → 0.16.7

package/dist/chrome.css

@@ -384,3 +384,12 @@
 .dark .topbar-widget-slot [class*="hover:bg-slate-"]:hover {
   background-color: var(--panel);
 }
+
+/* Badge anchor: DevNotes nests its count inside an inner `relative` span that
+   wraps only the glyph, so identical offsets anchored to the GLYPH, not the
+   32px circle like every other slot. Neutralize inner positioning so the
+   badge anchors to the (relative) button — one universal badge placement. */
+.topbar-widget-slot button > span,
+.topbar-widget-slot > div > button:first-of-type > span {
+  position: static;
+}

package/dist/native.cjs

@@ -214,7 +214,25 @@ function NavChromeProvider({
   fetchJson,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(NavChromeContext.Provider, { value: { fetchJson }, children });
+  const [me, setMe] = react.useState(null);
+  const [meLoaded, setMeLoaded] = react.useState(false);
+  react.useEffect(() => {
+    let cancelled = false;
+    fetchJson("me").then((data) => {
+      if (!cancelled) setMe(data);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setMeLoaded(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [fetchJson]);
+  return /* @__PURE__ */ jsxRuntime.jsx(NavChromeContext.Provider, { value: { fetchJson, me, meLoaded }, children });
+}
+function useChromeMe() {
+  const ctx = react.useContext(NavChromeContext);
+  return { me: ctx?.me ?? null, loaded: ctx?.meLoaded ?? false };
 }
 function useNavChrome(component) {
   const ctx = react.useContext(NavChromeContext);
@@ -677,23 +695,21 @@ function useThemePreference() {
     setValueState(pref);
     applyThemePreference(pref);
   }, []);
+  const meCtx = react.useContext(NavChromeContext);
   react.useEffect(() => {
-    if (!fetchJson || reconciled.current) return;
-    reconciled.current = true;
-    fetchJson("me").then((data) => {
-      const pref = data?.themePreference;
-      if (isThemePreference(pref)) {
-        setValueState(pref);
-        applyThemePreference(pref);
-        writeThemeCookie(pref);
-        try {
-          localStorage.setItem(THEME_STORAGE_KEY, pref);
-        } catch {
-        }
+    if (reconciled.current) return;
+    const pref = meCtx?.me?.themePreference;
+    if (isThemePreference(pref)) {
+      reconciled.current = true;
+      setValueState(pref);
+      applyThemePreference(pref);
+      writeThemeCookie(pref);
+      try {
+        localStorage.setItem(THEME_STORAGE_KEY, pref);
+      } catch {
       }
-    }).catch(() => {
-    });
-  }, [fetchJson]);
+    }
+  }, [meCtx?.me]);
   react.useEffect(() => {
     const onStorage = (e) => {
       if (e.key === THEME_STORAGE_KEY && isThemePreference(e.newValue)) {
@@ -1660,6 +1676,7 @@ exports.envChipClasses = envChipClasses;
 exports.isNavItemActive = isNavItemActive;
 exports.standardPolitogyNav = standardPolitogyNav;
 exports.topBarIconButtonClass = topBarIconButtonClass;
+exports.useChromeMe = useChromeMe;
 exports.useChromeOrgs = useChromeOrgs;
 exports.useThemePreference = useThemePreference;
 //# sourceMappingURL=native.cjs.map