ENG-1454: Base getter() task

apps/roam/src/components/settings/AdminPanel.tsx

@@ -39,6 +39,8 @@ import deleteBlock from "roamjs-components/writes/deleteBlock";
 import { USE_REIFIED_RELATIONS } from "~/data/userSettings";
 import posthog from "posthog-js";
 import { setFeatureFlag } from "~/components/settings/utils/accessors";
+import { FeatureFlagPanel } from "./components/BlockPropSettingPanels";
+import { getFeatureFlag } from "./utils/accessors";
 
 const NodeRow = ({ node }: { node: PConceptFull }) => {
   return (
@@ -467,6 +469,13 @@ const FeatureFlagsTab = (): React.ReactElement => {
         }
       />
 
+      <FeatureFlagPanel
+        title="Use new settings store"
+        description="When enabled, accessor getters read from block props instead of the old system. Surfaces dual-write gaps during development."
+        featureKey="Use new settings store"
+        initialValue={getFeatureFlag("Use new settings store")}
+      />
+
       <Button
         className="w-96"
         icon="send-message"

apps/roam/src/components/settings/utils/accessors.ts

@@ -285,6 +285,10 @@ export const getFeatureFlag = (key: keyof FeatureFlags): boolean => {
   return flags[key];
 };
 
+export const isNewSettingsStoreEnabled = (): boolean => {
+  return getFeatureFlag("Use new settings store");
+};
+
 export const setFeatureFlag = (
   key: keyof FeatureFlags,
   value: boolean,

apps/roam/src/components/settings/utils/zodSchema.example.ts

@@ -90,12 +90,14 @@ const featureFlags: FeatureFlags = {
   "Enable left sidebar": true,
   "Suggestive mode enabled": true,
   "Reified relation triples": false,
+  "Use new settings store": false,
 };
 
 const defaultFeatureFlags: FeatureFlags = {
   "Enable left sidebar": false,
   "Suggestive mode enabled": false,
   "Reified relation triples": false,
+  "Use new settings store": false,
 };
 
 const exportSettings: ExportSettings = {

apps/roam/src/components/settings/utils/zodSchema.ts

@@ -157,6 +157,7 @@ export const FeatureFlagsSchema = z.object({
   "Enable left sidebar": z.boolean().default(false),
   "Suggestive mode enabled": z.boolean().default(false),
   "Reified relation triples": z.boolean().default(false),
+  "Use new settings store": z.boolean().default(false),
 });
 
 export const ExportSettingsSchema = z.object({

apps/roam/src/index.ts

@@ -42,7 +42,6 @@ import {
   DISALLOW_DIAGNOSTICS,
 } from "./data/userSettings";
 import { initSchema } from "./components/settings/utils/init";
-
 export const DEFAULT_CANVAS_PAGE_FORMAT = "Canvas/*";
 
 export default runExtension(async (onloadArgs) => {
@@ -156,6 +155,7 @@ export default runExtension(async (onloadArgs) => {
   }
 
   await initSchema();
+
   return {
     elements: [
       style,