@ea-lab/reactive-json 0.0.10 → 0.0.12

package/lib/engine/ReactiveJsonRoot.jsx

@@ -284,6 +284,8 @@ function ReactiveJsonRoot({
 
     const debugMode_bool = stringToBoolean(debugMode);
 
+    console.log(plugins)
+
     const mainBuild = (
         <EventDispatcherProvider>
             <GlobalDataContextProvider

package/lib/main.jsx

@@ -5,48 +5,48 @@ import "bootstrap/dist/css/bootstrap.min.css";
 
 import ReactiveJsonRoot from "./engine/ReactiveJsonRoot.jsx";
 import {mergeComponentCollections} from "./engine/ComponentCollector.js";
-// import {StrictMode} from "react"
-// import {createRoot} from "react-dom/client";
+import {StrictMode} from "react"
+import {createRoot} from "react-dom/client";
 
 /**
  * mergeComponentCollections helps in loading plugins when reactive-json is loaded in library mode.
  */
 export {ReactiveJsonRoot, mergeComponentCollections};
 
-// /**
-//  * Standalone mode.
-//  * @example
-//  * <reactive-json data-method="GET" data-url="https://your-site.example/rjs-build/build.json">
-//  *     <data-source-request-header data-header-field="X-Header-Field-Name" data-header-value="Your value"></data-source-request-header>
-//  * </reactive-json>
-//  */
-// document.querySelectorAll("reactive-json").forEach((element) => {
-//     // Use this to change the fetch method.
-//     const maybeMethod = element.dataset?.method;
-//
-//     // Get data included in the root element.
-//     const headersForData_asElements = element.querySelectorAll("data-source-request-header");
-//     const headersForData = headersForData_asElements.length ? {} : undefined;
-//
-//     headersForData_asElements.forEach((headerElement, key, parent) => {
-//         const headerField = headerElement?.dataset?.headerField;
-//         const headerValue = headerElement?.dataset?.headerValue;
-//
-//         if (!headerField || !headerValue) {
-//             return;
-//         }
-//
-//         headersForData[headerField] = headerValue;
-//     });
-//
-//     // TODO: Retrieve the reactive-json plugins and inject them in ReactiveJsonRoot.
-//     createRoot(element).render(
-//         <StrictMode>
-//             <ReactiveJsonRoot
-//                 dataFetchMethod={maybeMethod}
-//                 dataUrl={element.dataset.url}
-//                 headersForData={headersForData}
-//             />
-//         </StrictMode>,
-//     );
-// });
+/**
+ * Standalone mode.
+ * @example
+ * <reactive-json data-method="GET" data-url="https://your-site.example/rjs-build/build.json">
+ *     <data-source-request-header data-header-field="X-Header-Field-Name" data-header-value="Your value"></data-source-request-header>
+ * </reactive-json>
+ */
+document.querySelectorAll("reactive-json").forEach((element) => {
+    // Use this to change the fetch method.
+    const maybeMethod = element.dataset?.method;
+
+    // Get data included in the root element.
+    const headersForData_asElements = element.querySelectorAll("data-source-request-header");
+    const headersForData = headersForData_asElements.length ? {} : undefined;
+
+    headersForData_asElements.forEach((headerElement, key, parent) => {
+        const headerField = headerElement?.dataset?.headerField;
+        const headerValue = headerElement?.dataset?.headerValue;
+
+        if (!headerField || !headerValue) {
+            return;
+        }
+
+        headersForData[headerField] = headerValue;
+    });
+
+    // TODO: Retrieve the reactive-json plugins and inject them in ReactiveJsonRoot.
+    createRoot(element).render(
+        <StrictMode>
+            <ReactiveJsonRoot
+                dataFetchMethod={maybeMethod}
+                dataUrl={element.dataset.url}
+                headersForData={headersForData}
+            />
+        </StrictMode>,
+    );
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ea-lab/reactive-json",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "files": [
     "dist",