@intlayer/editor-react 8.10.0-canary.1 → 8.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/EditorProvider.cjs +4 -0
  2. package/dist/cjs/EditorProvider.cjs.map +1 -1
  3. package/dist/esm/EditorProvider.mjs +4 -0
  4. package/dist/esm/EditorProvider.mjs.map +1 -1
  5. package/package.json +6 -6
package/dist/cjs/EditorProvider.cjs CHANGED
@@ -32,6 +32,10 @@ const EditorProvider = ({ children, configuration, postMessage, allowedOrigins }
32
32
  (0, _intlayer_editor.setGlobalEditorManager)(null);
33
33
  };
34
34
  }, [manager]);
35
+ (0, react.useEffect)(() => {
36
+ if (!manager || !configuration || Object.keys(configuration).length === 0) return;
37
+ manager.configuration.set(configuration);
38
+ }, [manager, configuration]);
35
39
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EditorStateContext.EditorStateProvider, {
36
40
  manager,
37
41
  children
package/dist/cjs/EditorProvider.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EditorProvider.cjs","names":["EditorStateManager","EditorStateProvider"],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n defineIntlayerElements,\n EditorStateManager,\n type MessengerConfig,\n setGlobalEditorManager,\n} from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { type FC, type PropsWithChildren, useEffect, useRef } from 'react';\nimport { EditorStateProvider } from './EditorStateContext';\n\nexport type EditorProviderProps = {\n configuration: IntlayerConfig;\n postMessage: (data: any) => void;\n allowedOrigins: string[];\n};\n\n/**\n * EditorProvider creates and manages the lifecycle of an EditorStateManager,\n * provides it to all descendants, and registers the Lit web components.\n */\nexport const EditorProvider: FC<PropsWithChildren<EditorProviderProps>> = ({\n children,\n configuration,\n postMessage,\n allowedOrigins,\n}) => {\n const managerRef = useRef<EditorStateManager | null>(null);\n\n if (!managerRef.current) {\n const messengerConfig: MessengerConfig = {\n allowedOrigins,\n postMessageFn: postMessage,\n };\n\n managerRef.current = new EditorStateManager({\n mode: 'editor',\n messenger: messengerConfig,\n configuration,\n });\n }\n const manager = managerRef.current;\n\n useEffect(() => {\n defineIntlayerElements();\n setGlobalEditorManager(manager);\n\n manager.start();\n return () => {\n manager.stop();\n setGlobalEditorManager(null);\n };\n }, [manager]);\n\n return (\n <EditorStateProvider manager={manager}>{children}</EditorStateProvider>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,kBAA8D,EACzE,UACA,eACA,aACA,qBACI;CACJ,MAAM,+BAA+C,IAAI;CAEzD,IAAI,CAAC,WAAW,SAMd,WAAW,UAAU,IAAIA,oCAAmB;EAC1C,MAAM;EACN,WAAW;GANX;GACA,eAAe;EAKU;EACzB;CACF,CAAC;CAEH,MAAM,UAAU,WAAW;CAE3B,2BAAgB;EACd,6CAAuB;EACvB,6CAAuB,OAAO;EAE9B,QAAQ,MAAM;EACd,aAAa;GACX,QAAQ,KAAK;GACb,6CAAuB,IAAI;EAC7B;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,OACE,2CAACC,gDAAD;EAA8B;EAAU;CAA8B;AAE1E"}
1
+ {"version":3,"file":"EditorProvider.cjs","names":["EditorStateManager","EditorStateProvider"],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n defineIntlayerElements,\n EditorStateManager,\n type MessengerConfig,\n setGlobalEditorManager,\n} from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { type FC, type PropsWithChildren, useEffect, useRef } from 'react';\nimport { EditorStateProvider } from './EditorStateContext';\n\nexport type EditorProviderProps = {\n configuration: IntlayerConfig;\n postMessage: (data: any) => void;\n allowedOrigins: string[];\n};\n\n/**\n * EditorProvider creates and manages the lifecycle of an EditorStateManager,\n * provides it to all descendants, and registers the Lit web components.\n */\nexport const EditorProvider: FC<PropsWithChildren<EditorProviderProps>> = ({\n children,\n configuration,\n postMessage,\n allowedOrigins,\n}) => {\n const managerRef = useRef<EditorStateManager | null>(null);\n\n if (!managerRef.current) {\n const messengerConfig: MessengerConfig = {\n allowedOrigins,\n postMessageFn: postMessage,\n };\n\n managerRef.current = new EditorStateManager({\n mode: 'editor',\n messenger: messengerConfig,\n configuration,\n });\n }\n const manager = managerRef.current;\n\n useEffect(() => {\n defineIntlayerElements();\n setGlobalEditorManager(manager);\n\n manager.start();\n return () => {\n manager.stop();\n setGlobalEditorManager(null);\n };\n }, [manager]);\n\n useEffect(() => {\n if (!manager || !configuration || Object.keys(configuration).length === 0)\n return;\n\n manager.configuration.set(configuration);\n }, [manager, configuration]);\n\n return (\n <EditorStateProvider manager={manager}>{children}</EditorStateProvider>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,kBAA8D,EACzE,UACA,eACA,aACA,qBACI;CACJ,MAAM,+BAA+C,IAAI;CAEzD,IAAI,CAAC,WAAW,SAMd,WAAW,UAAU,IAAIA,oCAAmB;EAC1C,MAAM;EACN,WAAW;GANX;GACA,eAAe;EAKU;EACzB;CACF,CAAC;CAEH,MAAM,UAAU,WAAW;CAE3B,2BAAgB;EACd,6CAAuB;EACvB,6CAAuB,OAAO;EAE9B,QAAQ,MAAM;EACd,aAAa;GACX,QAAQ,KAAK;GACb,6CAAuB,IAAI;EAC7B;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,2BAAgB;EACd,IAAI,CAAC,WAAW,CAAC,iBAAiB,OAAO,KAAK,aAAa,EAAE,WAAW,GACtE;EAEF,QAAQ,cAAc,IAAI,aAAa;CACzC,GAAG,CAAC,SAAS,aAAa,CAAC;CAE3B,OACE,2CAACC,gDAAD;EAA8B;EAAU;CAA8B;AAE1E"}
package/dist/esm/EditorProvider.mjs CHANGED
@@ -30,6 +30,10 @@ const EditorProvider = ({ children, configuration, postMessage, allowedOrigins }
30
30
  setGlobalEditorManager(null);
31
31
  };
32
32
  }, [manager]);
33
+ useEffect(() => {
34
+ if (!manager || !configuration || Object.keys(configuration).length === 0) return;
35
+ manager.configuration.set(configuration);
36
+ }, [manager, configuration]);
33
37
  return /* @__PURE__ */ jsx(EditorStateProvider, {
34
38
  manager,
35
39
  children
package/dist/esm/EditorProvider.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EditorProvider.mjs","names":[],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n defineIntlayerElements,\n EditorStateManager,\n type MessengerConfig,\n setGlobalEditorManager,\n} from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { type FC, type PropsWithChildren, useEffect, useRef } from 'react';\nimport { EditorStateProvider } from './EditorStateContext';\n\nexport type EditorProviderProps = {\n configuration: IntlayerConfig;\n postMessage: (data: any) => void;\n allowedOrigins: string[];\n};\n\n/**\n * EditorProvider creates and manages the lifecycle of an EditorStateManager,\n * provides it to all descendants, and registers the Lit web components.\n */\nexport const EditorProvider: FC<PropsWithChildren<EditorProviderProps>> = ({\n children,\n configuration,\n postMessage,\n allowedOrigins,\n}) => {\n const managerRef = useRef<EditorStateManager | null>(null);\n\n if (!managerRef.current) {\n const messengerConfig: MessengerConfig = {\n allowedOrigins,\n postMessageFn: postMessage,\n };\n\n managerRef.current = new EditorStateManager({\n mode: 'editor',\n messenger: messengerConfig,\n configuration,\n });\n }\n const manager = managerRef.current;\n\n useEffect(() => {\n defineIntlayerElements();\n setGlobalEditorManager(manager);\n\n manager.start();\n return () => {\n manager.stop();\n setGlobalEditorManager(null);\n };\n }, [manager]);\n\n return (\n <EditorStateProvider manager={manager}>{children}</EditorStateProvider>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAa,kBAA8D,EACzE,UACA,eACA,aACA,qBACI;CACJ,MAAM,aAAa,OAAkC,IAAI;CAEzD,IAAI,CAAC,WAAW,SAMd,WAAW,UAAU,IAAI,mBAAmB;EAC1C,MAAM;EACN,WAAW;GANX;GACA,eAAe;EAKU;EACzB;CACF,CAAC;CAEH,MAAM,UAAU,WAAW;CAE3B,gBAAgB;EACd,uBAAuB;EACvB,uBAAuB,OAAO;EAE9B,QAAQ,MAAM;EACd,aAAa;GACX,QAAQ,KAAK;GACb,uBAAuB,IAAI;EAC7B;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,OACE,oBAAC,qBAAD;EAA8B;EAAU;CAA8B;AAE1E"}
1
+ {"version":3,"file":"EditorProvider.mjs","names":[],"sources":["../../src/EditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n defineIntlayerElements,\n EditorStateManager,\n type MessengerConfig,\n setGlobalEditorManager,\n} from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { type FC, type PropsWithChildren, useEffect, useRef } from 'react';\nimport { EditorStateProvider } from './EditorStateContext';\n\nexport type EditorProviderProps = {\n configuration: IntlayerConfig;\n postMessage: (data: any) => void;\n allowedOrigins: string[];\n};\n\n/**\n * EditorProvider creates and manages the lifecycle of an EditorStateManager,\n * provides it to all descendants, and registers the Lit web components.\n */\nexport const EditorProvider: FC<PropsWithChildren<EditorProviderProps>> = ({\n children,\n configuration,\n postMessage,\n allowedOrigins,\n}) => {\n const managerRef = useRef<EditorStateManager | null>(null);\n\n if (!managerRef.current) {\n const messengerConfig: MessengerConfig = {\n allowedOrigins,\n postMessageFn: postMessage,\n };\n\n managerRef.current = new EditorStateManager({\n mode: 'editor',\n messenger: messengerConfig,\n configuration,\n });\n }\n const manager = managerRef.current;\n\n useEffect(() => {\n defineIntlayerElements();\n setGlobalEditorManager(manager);\n\n manager.start();\n return () => {\n manager.stop();\n setGlobalEditorManager(null);\n };\n }, [manager]);\n\n useEffect(() => {\n if (!manager || !configuration || Object.keys(configuration).length === 0)\n return;\n\n manager.configuration.set(configuration);\n }, [manager, configuration]);\n\n return (\n <EditorStateProvider manager={manager}>{children}</EditorStateProvider>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAa,kBAA8D,EACzE,UACA,eACA,aACA,qBACI;CACJ,MAAM,aAAa,OAAkC,IAAI;CAEzD,IAAI,CAAC,WAAW,SAMd,WAAW,UAAU,IAAI,mBAAmB;EAC1C,MAAM;EACN,WAAW;GANX;GACA,eAAe;EAKU;EACzB;CACF,CAAC;CAEH,MAAM,UAAU,WAAW;CAE3B,gBAAgB;EACd,uBAAuB;EACvB,uBAAuB,OAAO;EAE9B,QAAQ,MAAM;EACd,aAAa;GACX,QAAQ,KAAK;GACb,uBAAuB,IAAI;EAC7B;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,iBAAiB,OAAO,KAAK,aAAa,EAAE,WAAW,GACtE;EAEF,QAAQ,cAAc,IAAI,aAAa;CACzC,GAAG,CAAC,SAAS,aAAa,CAAC;CAE3B,OACE,oBAAC,qBAAD;EAA8B;EAAU;CAA8B;AAE1E"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/editor-react",
3
- "version": "8.10.0-canary.1",
3
+ "version": "8.10.1",
4
4
  "private": false,
5
5
  "description": "Provides the states, contexts, hooks and components to interact with the Intlayer editor for a React application",
6
6
  "keywords": [
@@ -70,11 +70,11 @@
70
70
  "typecheck": "tsc --noEmit --project tsconfig.types.json"
71
71
  },
72
72
  "dependencies": {
73
- "@intlayer/config": "8.10.0-canary.1",
74
- "@intlayer/core": "8.10.0-canary.1",
75
- "@intlayer/editor": "8.10.0-canary.1",
76
- "@intlayer/types": "8.10.0-canary.1",
77
- "@intlayer/unmerged-dictionaries-entry": "8.10.0-canary.1"
73
+ "@intlayer/config": "8.10.1",
74
+ "@intlayer/core": "8.10.1",
75
+ "@intlayer/editor": "8.10.1",
76
+ "@intlayer/types": "8.10.1",
77
+ "@intlayer/unmerged-dictionaries-entry": "8.10.1"
78
78
  },
79
79
  "devDependencies": {
80
80
  "@types/node": "25.9.1",