refreshAttributeSelect API (#480)

* add refreshAttributeSelect api

* mv inside of feature flag

* 1.6.0

Author: mdroidian

docs/attribute-select.md

@@ -49,6 +49,12 @@ You can customize the appearance of the dropdowns by targeting the following CSS
 - Dropdown button: `roamjs-attribute-select-button`
 - Popover content: `roamjs-attribute-select-popover`
 
+## Developer API
+
+For developers of other extensions who want to interact with the Attribute Select feature, we expose the following API, available on the global `window.roamjs.extension.workbench` object:
+
+- `refreshAttributeSelect` - `() => void` Refreshes the defined attributes and updates the attribute observer. This is useful when attributes or options have been programmatically updated and need to be reflected in the UI without a page reload.
+
 <!-- # Demo -->
 
 <!-- TODO -->

package-lock.json

@@ -23,7 +23,7 @@
     "@types/mozilla-readability": "^0.2.0",
     "@types/turndown": "^5.0.1"
   },
-  "version": "1.5.5",
+  "version": "1.6.0",
   "samepage": {
     "extends": "node_modules/roamjs-components/package.json"
   }

package.json

@@ -766,12 +766,22 @@ export const toggleFeature = async (flag: boolean) => {
 
     updateAttributeObserver();
 
+    window.roamjs.extension.workbench = {
+      refreshAttributeSelect: () => {
+        definedAttributes = getDefinedAttributes();
+        updateAttributeObserver();
+      },
+    };
+
     unloads.add(() => {
       observer.disconnect();
       attributeObserver.disconnect();
     });
   } else {
     unloads.forEach((u) => u());
     unloads.clear();
+    if (window.roamjs?.extension?.workbench?.refreshAttributeSelect) {
+      delete window.roamjs.extension.workbench.refreshAttributeSelect;
+    }
   }
 };