@saltcorn/builder 1.6.0-alpha.7 → 1.6.0-alpha.8

package/src/hooks/useTranslation.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import optionsCtx from "../components/context";
+
+const useTranslation = () => {
+  const options = useContext(optionsCtx);
+  const translations = options.translations || {};
+  const t = (phrase) => translations[phrase] || phrase;
+  return { t };
+};
+
+export default useTranslation;

package/src/index.js

@@ -49,8 +49,8 @@
  */
 
 import React from "react";
+import { createRoot } from "react-dom/client";
 import Builder from "./components/Builder";
-import ReactDOM from "react-dom";
 
 /**
  * 
@@ -60,13 +60,16 @@ import ReactDOM from "react-dom";
  * @param {string} mode 
  */
 function renderBuilder(id, options, layout, mode) {
-  ReactDOM.render(
+  const container = document.getElementById(id);
+  if (!container) return;
+  const root = container.__scRoot || createRoot(container);
+  container.__scRoot = root;
+  root.render(
     <Builder
       options={JSON.parse(decodeURIComponent(options))}
       layout={JSON.parse(decodeURIComponent(layout))}
       mode={mode}
     />,
-    document.getElementById(id)
   );
 }