@datawheel/bespoke 0.3.10 → 0.3.12

package/dist/index.js

@@ -1935,7 +1935,8 @@ var init_statusSlice = __esm({
         tools: true,
         settings: false,
         reportEditor: false
-      }
+      },
+      isCMS: false
     };
     statusSlice = createSlice({
       name: "status",
@@ -3019,7 +3020,7 @@ var init_store = __esm({
     storeWrapper = createWrapper(storeFactory);
   }
 });
-function withFetcher(Component, useRef15) {
+function withFetcher(Component, useRef16) {
   const ComponentWithFetcher = (props) => {
     const {
       id,
@@ -3027,7 +3028,7 @@ function withFetcher(Component, useRef15) {
       skelWidth,
       ...otherProps
     } = props;
-    const ref = useRef15(id);
+    const ref = useRef16(id);
     if (ref.isUninitialized || ref.isFetching) {
       return /* @__PURE__ */ jsx(Skeleton, { width: skelWidth, height: skelHeight });
     }
@@ -4739,6 +4740,40 @@ function useInitialState(pathSegmentsKey) {
   return loading || !privateBlocks.resolved;
 }
 
+// frontend/hooks/useScrollToAnchor.ts
+init_esm_shims();
+function useScrollToAnchor() {
+  const router = useRouter();
+  const isScrollingRef = useRef(false);
+  const delay = 500;
+  useEffect(() => {
+    const scrollToAnchor = () => {
+      const { asPath } = router;
+      if (!isScrollingRef.current && asPath.includes("#")) {
+        const anchorId = asPath.split("#")[1];
+        const anchorElement = document.getElementById(anchorId);
+        if (anchorElement) {
+          isScrollingRef.current = true;
+          setTimeout(() => {
+            anchorElement.scrollIntoView({
+              behavior: "smooth"
+            });
+            isScrollingRef.current = false;
+          }, delay);
+        }
+      }
+    };
+    scrollToAnchor();
+    const handleHashChange = () => {
+      scrollToAnchor();
+    };
+    router.events.on("hashChangeComplete", handleHashChange);
+    return () => {
+      router.events.off("hashChangeComplete", handleHashChange);
+    };
+  }, [router]);
+}
+
 // hooks/useContentOutline.ts
 init_esm_shims();
 init_store2();
@@ -6593,7 +6628,6 @@ function useCurrentLocale() {
   const { currentLocale, locales: locales4 } = useAppSelector((state) => state.status);
   const paramLocale = query.locale || "";
   useEffect(() => {
-    console.log();
     if (paramLocale && paramLocale !== "" && locales4.includes(paramLocale) && paramLocale !== currentLocale) {
       dispatch(actions_exports.setCurrentLocale(paramLocale));
     }
@@ -7256,10 +7290,13 @@ var guessResponse = (response) => {
 function DataTab(props) {
   const { section } = props;
   const readMemberFn = useReadMemberFn();
-  const locale = useAppSelector((state2) => state2.status.currentLocale);
+  const router = useRouter();
+  const isCMS = useAppSelector((state2) => state2.status.isCMS);
+  const statusLocale = useAppSelector((state2) => state2.status.currentLocale);
+  const routerLocale = router.locale;
+  const locale = isCMS ? statusLocale : routerLocale;
   const PREVIEW_SIZE = 50;
   const formatterFunctions = useFormatterFunctionsForLocale(locale);
-  const router = useRouter();
   const optionsTranslations = useBespokeTranslations("options");
   const translations = { ...DEFAULT_TRANSLATIONS2, ...optionsTranslations["data_tab"] };
   const [sourcesOptions, setSourcesOptions] = useState([]);
@@ -8918,6 +8955,7 @@ var Section_default = Section;
 function Report() {
   const sectionList = useSectionList();
   const comparison = useComparison();
+  useScrollToAnchor();
   return /* @__PURE__ */ jsx(Container, { className: comparison.comparisonLoaded ? "compare" : "", p: 0, pos: "relative", fluid: true, children: sectionList.isSuccess && sectionList.data.sort(orderSort).map((section) => /* @__PURE__ */ jsx(Section_default, { section }, section.id)) });
 }
 var Report_default = Report;
@@ -15746,6 +15784,8 @@ function UsersEditor() {
 // views/BespokeManager.tsx
 init_ErrorBoundary();
 init_envvars();
+init_statusSlice();
+init_store2();
 function BespokeManager(options) {
   const {
     title = "Bespoke CMS",
@@ -15935,6 +15975,10 @@ function BespokeManagerShell(props) {
     }
     return /* @__PURE__ */ jsx(NotFoundView, {});
   }, [location, user]);
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    dispatch(statusActions.setStatus({ isCMS: true }));
+  }, []);
   return /* @__PURE__ */ jsx(AppShell, { styles: {
     main: {
       background: "#f8f9fa",

package/dist/server.js

@@ -4998,7 +4998,8 @@ var initialState = {
     tools: true,
     settings: false,
     reportEditor: false
-  }
+  },
+  isCMS: false
 };
 var statusSlice = createSlice({
   name: "status",
@@ -5750,7 +5751,9 @@ function BespokeManagerServerSideProps(options) {
           dispatch(readEntity("report", {
             id: parseReportId(ctx.query[pathSegmentsKey]),
             include: true
-          }))
+          })),
+          // Mark the status as CMS environment
+          dispatch(statusActions.setStatus({ isCMS: true }))
         ]);
         const postResult = await postResolve(store, ctx);
         return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datawheel/bespoke",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "Content management system for creating automated data reports",
   "exports": {
     ".": {