intlayer-editor 2.1.0 → 2.1.1

package/README.md

@@ -10,19 +10,19 @@ For more details on how to install the package, see the relevant section below:
 
 ### Integrating with Next.js
 
-For integration with Next.js, refer to the [setup guide](https://github.com/aypineau/intlayer/blob/main/docs/intlayer_with_nextjs.md).
+For integration with Next.js, refer to the [setup guide](https://github.com/aypineau/intlayer/blob/main/docs/docs/intlayer_with_nextjs_en.md).
 
 ### Integrating with Create React App
 
-For integration with Create React App, refer to the [setup guide](https://github.com/aypineau/intlayer/blob/main/docs/intlayer_with_create_react_app.md).
+For integration with Create React App, refer to the [setup guide](https://github.com/aypineau/intlayer/blob/main/docs/docs/intlayer_with_create_react_app_en.md).
 
 ### Integrating with Vite + React
 
-For integration with Vite + React, refer to the [setup guide](https://github.com/aypineau/intlayer/blob/main/docs/intlayer_with_vite+react.md).
+For integration with Vite + React, refer to the [setup guide](https://github.com/aypineau/intlayer/blob/main/docs/docs/intlayer_with_vite+react_en.md).
 
 ## How Intlayer Editor Works
 
-Each time you make a change using Intlayer Editor, the server automatically inserts your changes into your [Intlayer declaration files](https://github.com/aypineau/intlayer/blob/main/docs/content_declaration/get_started.md), wherever these files are declared in your project.
+Each time you make a change using Intlayer Editor, the server automatically inserts your changes into your [Intlayer declaration files](https://github.com/aypineau/intlayer/blob/main/docs/docs/content_declaration/get_started_en.md), wherever these files are declared in your project.
 
 In this way, you don't have to worry about where the file is declared or about finding your key in your dictionary collection.
 
@@ -54,7 +54,7 @@ const config: IntlayerConfig = {
 };
 ```
 
-To see all available parameters, refer to the [configuration documentation](https://github.com/aypineau/intlayer/blob/main/docs/configuration.md).
+To see all available parameters, refer to the [configuration documentation](https://github.com/aypineau/intlayer/blob/main/docs/docs/configuration_en.md).
 
 ### Start Editing
 
@@ -64,7 +64,7 @@ You can also create a custom script in your `package.json` file:
 
 ```json5
 {
-  "scripts": {
+  scripts: {
     "start:editor": "npx intlayer-editor start",
   },
 }
@@ -74,8 +74,8 @@ To start both the Next.js server and the Intlayer Editor simultaneously, you can
 
 ```json5
 {
-  "scripts": {
-    "dev": "next dev",
+  scripts: {
+    dev: "next dev",
     "start:editor": "npx intlayer-editor start",
     "dev:all": "concurrently \"npm run dev:nextjs\" \"npm run dev:intlayer-editor\"",
   },

package/dist/cjs/client/ContentEditionLayout.cjs

@@ -22,25 +22,31 @@ __export(ContentEditionLayout_exports, {
 });
 module.exports = __toCommonJS(ContentEditionLayout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_ContentEditorProvider = require('./ContentEditorProvider.cjs');
 var import_DictionaryEditionDrawer = require('./DictionaryEditionDrawer/index.cjs');
 var import_DictionaryListDrawer = require('./DictionaryListDrawer/index.cjs');
 const ContentEditionLayout = ({
   children,
   locale,
   setLocale,
-  localeList
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-  children,
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_DictionaryEditionDrawer.DictionaryEditionDrawerController,
-    {
-      locale,
-      localeList,
-      setLocale
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DictionaryListDrawer.DictionaryListDrawer, {})
-] });
+  localeList,
+  editorEnabled = true
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ContentEditorProvider.IntlayerEditorProvider, { editorEnabled, children: [
+    children,
+    editorEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DictionaryEditionDrawer.DictionaryEditionDrawerController,
+        {
+          locale,
+          localeList,
+          setLocale
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DictionaryListDrawer.DictionaryListDrawer, {})
+    ] })
+  ] }) });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ContentEditionLayout

package/dist/cjs/client/ContentEditionLayout.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index';\nimport { DictionaryListDrawer } from './DictionaryListDrawer/index';\n\nexport type ContentEditionLayoutProps = {\n  children?: ReactNode;\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> = ({\n  children,\n  locale,\n  setLocale,\n  localeList,\n}) => (\n  <>\n    {children}\n    <DictionaryEditionDrawerController\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n    />\n    <DictionaryListDrawer />\n  </>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBE;AAhBF,qCAAkD;AAClD,kCAAqC;AAS9B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4EACG;AAAA;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,EACA,4CAAC,oDAAqB;AAAA,GACxB;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { IntlayerEditorProvider } from './ContentEditorProvider';\nimport { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index';\nimport { DictionaryListDrawer } from './DictionaryListDrawer/index';\n\nexport type ContentEditionLayoutProps = {\n  children?: ReactNode;\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n  editorEnabled?: boolean;\n};\n\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> = ({\n  children,\n  locale,\n  setLocale,\n  localeList,\n  editorEnabled = true,\n}) => {\n  return (\n    <>\n      <IntlayerEditorProvider editorEnabled={editorEnabled}>\n        {children}\n\n        {editorEnabled && (\n          <>\n            <DictionaryEditionDrawerController\n              locale={locale}\n              localeList={localeList}\n              setLocale={setLocale}\n            />\n            <DictionaryListDrawer />\n          </>\n        )}\n      </IntlayerEditorProvider>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BU;AAzBV,mCAAuC;AACvC,qCAAkD;AAClD,kCAAqC;AAU9B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,MAAM;AACJ,SACE,2EACE,uDAAC,uDAAuB,eACrB;AAAA;AAAA,IAEA,iBACC,4EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,oDAAqB;AAAA,OACxB;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/cjs/client/ContentEditionLayout.d.ts

@@ -6,6 +6,7 @@ type ContentEditionLayoutProps = {
     locale: Locales;
     localeList: Locales[];
     setLocale: (locale: Locales) => void;
+    editorEnabled?: boolean;
 };
 declare const ContentEditionLayout: FC<ContentEditionLayoutProps>;
 

package/dist/cjs/client/ContentEditorProvider.cjs

@@ -0,0 +1,47 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ContentEditorProvider_exports = {};
+__export(ContentEditorProvider_exports, {
+  IntlayerEditorContext: () => IntlayerEditorContext,
+  IntlayerEditorProvider: () => IntlayerEditorProvider,
+  useIntlayerEditorContext: () => useIntlayerEditorContext
+});
+module.exports = __toCommonJS(ContentEditorProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@intlayer/config/client");
+var import_react = require("react");
+const IntlayerEditorContext = (0, import_react.createContext)({
+  editorEnabled: false
+});
+const useIntlayerEditorContext = () => (0, import_react.useContext)(IntlayerEditorContext);
+const {
+  editor: { enabled }
+} = (0, import_client.getConfiguration)();
+const IntlayerEditorProvider = ({
+  children,
+  editorEnabled = enabled
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IntlayerEditorContext.Provider, { value: { editorEnabled }, children });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IntlayerEditorContext,
+  IntlayerEditorProvider,
+  useIntlayerEditorContext
+});
+//# sourceMappingURL=ContentEditorProvider.cjs.map

package/dist/cjs/client/ContentEditorProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/ContentEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  type FC,\n} from 'react';\n\ntype IntlayerEditorValue = {\n  editorEnabled: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerEditorContext = createContext<IntlayerEditorValue>({\n  editorEnabled: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerEditorContext = () => useContext(IntlayerEditorContext);\n\nexport type IntlayerEditorProviderProps = PropsWithChildren & {\n  editorEnabled?: boolean;\n};\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerEditorProvider: FC<IntlayerEditorProviderProps> = ({\n  children,\n  editorEnabled = enabled,\n}) => (\n  <IntlayerEditorContext.Provider value={{ editorEnabled }}>\n    {children}\n  </IntlayerEditorContext.Provider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCE;AAvCF,oBAAiC;AACjC,mBAKO;AASA,MAAM,4BAAwB,4BAAmC;AAAA,EACtE,eAAe;AACjB,CAAC;AAKM,MAAM,2BAA2B,UAAM,yBAAW,qBAAqB;AAM9E,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,QAAI,gCAAiB;AAKd,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,gBAAgB;AAClB,MACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,cAAc,GACpD,UACH;","names":[]}

package/dist/cjs/client/ContentEditorProvider.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { PropsWithChildren, FC } from 'react';
+
+type IntlayerEditorValue = {
+    editorEnabled: boolean;
+};
+/**
+ * Context that store the current locale on the client side
+ */
+declare const IntlayerEditorContext: react.Context<IntlayerEditorValue>;
+/**
+ * Hook that provides the current locale
+ */
+declare const useIntlayerEditorContext: () => IntlayerEditorValue;
+type IntlayerEditorProviderProps = PropsWithChildren & {
+    editorEnabled?: boolean;
+};
+/**
+ * Provider that store the current locale on the client side
+ */
+declare const IntlayerEditorProvider: FC<IntlayerEditorProviderProps>;
+
+export { IntlayerEditorContext, IntlayerEditorProvider, type IntlayerEditorProviderProps, useIntlayerEditorContext };

package/dist/cjs/client/ContentSelectorWrapper.cjs

@@ -26,6 +26,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@intlayer/core");
 var import_design_system = require("@intlayer/design-system");
 var import_react = require("react");
+var import_ContentEditorProvider = require('./ContentEditorProvider.cjs');
 var import_useDictionaryEditionDrawer = require('./DictionaryEditionDrawer/useDictionaryEditionDrawer.cjs');
 const ContentSelectorWrapper = ({
   children,
@@ -35,6 +36,7 @@ const ContentSelectorWrapper = ({
 }) => {
   const { open, getEditedContentValue, focusedContent, isOpen } = (0, import_useDictionaryEditionDrawer.useDictionaryEditionDrawer)(dictionaryId);
   const editedValue = getEditedContentValue(dictionaryPath, keyPath);
+  const { editorEnabled } = (0, import_react.useContext)(import_ContentEditorProvider.IntlayerEditorContext);
   const handleSelect = (0, import_react.useCallback)(
     () => open({
       dictionaryId,
@@ -44,7 +46,18 @@ const ContentSelectorWrapper = ({
     [dictionaryId, dictionaryPath, keyPath, open]
   );
   const isSelected = (isOpen && (focusedContent?.keyPath?.length ?? 0) > 0 && (0, import_core.isSameKeyPath)(focusedContent?.keyPath ?? [], keyPath)) ?? false;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design_system.ContentSelector, { onSelect: handleSelect, isSelecting: isSelected, children: editedValue ?? children });
+  if (!editorEnabled) {
+    return children;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_design_system.ContentSelector,
+    {
+      onSelect: handleSelect,
+      isSelecting: isSelected,
+      popoverContent: "Long press to edit",
+      children: editedValue ?? children
+    }
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/client/ContentSelectorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport { useCallback, type FC, type ReactNode } from 'react';\nimport { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer';\n\ntype ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { open, getEditedContentValue, focusedContent, isOpen } =\n    useDictionaryEditionDrawer(dictionaryId);\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n\n  const handleSelect = useCallback(\n    () =>\n      open({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryId, dictionaryPath, keyPath, open]\n  );\n\n  const isSelected =\n    (isOpen &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n    false;\n\n  return (\n    <ContentSelector onSelect={handleSelect} isSelecting={isSelected}>\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCI;AAvCJ,kBAA4C;AAC5C,2BAAgC;AAChC,mBAAqD;AACrD,wCAA2C;AASpC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,uBAAuB,gBAAgB,OAAO,QAC1D,8DAA2B,YAAY;AACzC,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AAEjE,QAAM,mBAAe;AAAA,IACnB,MACE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,gBAAgB,SAAS,IAAI;AAAA,EAC9C;AAEA,QAAM,cACH,WACE,gBAAgB,SAAS,UAAU,KAAK,SACzC,2BAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAEF,SACE,4CAAC,wCAAgB,UAAU,cAAc,aAAa,YACnD,yBAAe,UAClB;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport { useCallback, useContext, type FC, type ReactNode } from 'react';\nimport { IntlayerEditorContext } from './ContentEditorProvider';\nimport { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer';\n\ntype ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { open, getEditedContentValue, focusedContent, isOpen } =\n    useDictionaryEditionDrawer(dictionaryId);\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n  const { editorEnabled } = useContext(IntlayerEditorContext);\n\n  const handleSelect = useCallback(\n    () =>\n      open({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryId, dictionaryPath, keyPath, open]\n  );\n\n  const isSelected =\n    (isOpen &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n    false;\n\n  if (!editorEnabled) {\n    return children;\n  }\n\n  return (\n    <ContentSelector\n      onSelect={handleSelect}\n      isSelecting={isSelected}\n      popoverContent=\"Long press to edit\"\n    >\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CI;AA7CJ,kBAA4C;AAC5C,2BAAgC;AAChC,mBAAiE;AACjE,mCAAsC;AACtC,wCAA2C;AASpC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,uBAAuB,gBAAgB,OAAO,QAC1D,8DAA2B,YAAY;AACzC,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AACjE,QAAM,EAAE,cAAc,QAAI,yBAAW,kDAAqB;AAE1D,QAAM,mBAAe;AAAA,IACnB,MACE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,gBAAgB,SAAS,IAAI;AAAA,EAC9C;AAEA,QAAM,cACH,WACE,gBAAgB,SAAS,UAAU,KAAK,SACzC,2BAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAEF,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,gBAAe;AAAA,MAEd,yBAAe;AAAA;AAAA,EAClB;AAEJ;","names":[]}

package/dist/cjs/client/DictionaryEditionDrawer/useEditedContentStore.d.ts

@@ -17,7 +17,7 @@ declare const useEditedContentStore: zustand.UseBoundStore<Omit<zustand.StoreApi
     persist: {
         setOptions: (options: Partial<zustand_middleware.PersistOptions<EditedContentStore, EditedContentStore>>) => void;
         clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
+        rehydrate: () => Promise<void> | void;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: EditedContentStore) => void) => () => void;
         onFinishHydration: (fn: (state: EditedContentStore) => void) => () => void;

package/dist/cjs/client/index.cjs

@@ -20,12 +20,14 @@ __reExport(client_exports, require('./DictionaryListDrawer/index.cjs'), module.e
 __reExport(client_exports, require('./ContentEditionLayout.cjs'), module.exports);
 __reExport(client_exports, require('./useEditorServer.cjs'), module.exports);
 __reExport(client_exports, require('./renderContentEditor.cjs'), module.exports);
+__reExport(client_exports, require('./ContentEditorProvider.cjs'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require('./DictionaryEditionDrawer/index.cjs'),
   ...require('./DictionaryListDrawer/index.cjs'),
   ...require('./ContentEditionLayout.cjs'),
   ...require('./useEditorServer.cjs'),
-  ...require('./renderContentEditor.cjs')
+  ...require('./renderContentEditor.cjs'),
+  ...require('./ContentEditorProvider.cjs')
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/client/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer/index';\nexport * from './DictionaryListDrawer/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\nexport * from './renderContentEditor';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,4CAAd;AACA,2BAAc,yCADd;AAEA,2BAAc,mCAFd;AAGA,2BAAc,8BAHd;AAIA,2BAAc,kCAJd;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer/index';\nexport * from './DictionaryListDrawer/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\nexport * from './renderContentEditor';\nexport * from './ContentEditorProvider';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,4CAAd;AACA,2BAAc,yCADd;AAEA,2BAAc,mCAFd;AAGA,2BAAc,8BAHd;AAIA,2BAAc,kCAJd;AAKA,2BAAc,oCALd;","names":[]}

package/dist/cjs/client/index.d.ts

@@ -6,6 +6,7 @@ export { dictionaryListDrawerIdentifier, useDictionaryListDrawer } from './Dicti
 export { ContentEditionLayout, ContentEditionLayoutProps } from './ContentEditionLayout.js';
 export { useEditorServer } from './useEditorServer.js';
 export { IntlayerEditorElementProps, renderIntlayerEditor } from './renderContentEditor.js';
+export { IntlayerEditorContext, IntlayerEditorProvider, IntlayerEditorProviderProps, useIntlayerEditorContext } from './ContentEditorProvider.js';
 import '@intlayer/config/client';
 import 'react';
 import '@intlayer/core';

package/dist/cjs/server/processEdition.cjs

@@ -32,64 +32,54 @@ const { default: generate } = requireFunction("@babel/generator");
 const findNestedProperty = (obj, keyPath) => {
   let currentObj = obj;
   for (const key of keyPath) {
-    let foundProperty;
-    if (
-      // if the keyPath is an object, select the related node
-      key.type === "ObjectExpression"
-    ) {
-      const result = currentObj.properties.find(
-        (prop) => "key" in prop && prop.key.name === key.key
-      );
-      if (result && "value" in result) {
-        currentObj = result.value;
-        foundProperty = result;
-      } else {
-        return void 0;
-      }
-    }
-    if (
-      // if the keyPath is an array, select the related node
-      key.type === "ArrayExpression"
-    ) {
-      const result = currentObj.elements[key.key];
-      currentObj = result;
-    }
-    if (
-      // if the keypath is a translation or enumeration node, go across the function and select the related node
-      Object.values(import_core.NodeType).includes(
-        key.type
-      )
-    ) {
-      const argument = currentObj.arguments[0];
-      const identifierResult = argument.properties.find(
-        (prop) => "key" in prop && prop.key.name === key.key
-      );
-      const stringResult = argument.properties.find(
-        (prop) => "key" in prop && prop.key.value === key.key
-      );
-      if (stringResult) {
-        if ("value" in stringResult) {
-          currentObj = stringResult.value;
-        }
-        foundProperty = stringResult;
-      } else if (identifierResult) {
-        if ("name" in identifierResult) {
-          currentObj = identifierResult.name;
-        }
-        foundProperty = identifierResult;
-      } else {
-        return void 0;
-      }
-    }
+    const nextProperty = getNextProperty(currentObj, key);
+    if (!nextProperty)
+      throw new Error("Could not find the specified key path.");
+    currentObj = nextProperty;
   }
   return currentObj;
 };
+const getNextProperty = (obj, key) => {
+  if (key.type === "ObjectExpression") {
+    return findInObjectExpression(
+      obj,
+      key
+    );
+  }
+  if (key.type === "ArrayExpression") {
+    return obj.elements[key.key];
+  }
+  if (Object.values(import_core.NodeType).includes(key.type)) {
+    return findInTranslationOrEnumerationNode(
+      obj,
+      key
+    );
+  }
+  return void 0;
+};
+const findInObjectExpression = (obj, key) => {
+  const result = obj.properties.find(
+    (prop) => "key" in prop && prop.key.name === key.key
+  );
+  return result && "value" in result ? result.value : void 0;
+};
+const findInTranslationOrEnumerationNode = (obj, key) => {
+  const argument = obj.arguments[0];
+  const identifierResult = argument.properties.find(
+    (prop) => "key" in prop && prop.key.name === key.key
+  );
+  const stringResult = identifierResult.value;
+  return stringResult ? identifierResult : identifierResult && "name" in identifierResult ? identifierResult.name : void 0;
+};
 const findAndUpdate = (objExpr, keyPath, newValue) => {
   const lastKey = keyPath[keyPath.length - 1];
   if (lastKey) {
     const propertyToUpdate = findNestedProperty(objExpr, keyPath);
-    if (propertyToUpdate && "value" in propertyToUpdate) {
-      propertyToUpdate.value = newValue;
+    if (!propertyToUpdate) {
+      throw new Error("Could not find the specified key path.");
+    }
+    if ("value" in propertyToUpdate) {
+      propertyToUpdate.value.value = newValue;
     }
   }
 };
@@ -135,21 +125,29 @@ const traverseNode = (node, keyPath, newValue) => {
 const processEdition = async (editedContent) => {
   for (const dictionaryPath of Object.keys(editedContent)) {
     const fileContent = (0, import_fs.readFileSync)(dictionaryPath, "utf-8");
-    const parsed = (0, import_parser.parse)(fileContent, {
-      sourceType: "module",
-      plugins: ["jsx", "typescript"]
-    });
+    const parsedBase = parseFileContent(fileContent);
+    const parsed = parseFileContent(fileContent);
     for (const { keyPath, newValue } of editedContent[dictionaryPath]) {
       traverseNode(parsed.program, keyPath, newValue);
     }
-    const updatedContent = generate(parsed).code;
-    if (fileContent === updatedContent) {
-      console.info(`Could not find specified key path in ${dictionaryPath}.`);
-    } else {
-      const formattedContent = await (0, import_formatPrettier.format)(updatedContent);
-      (0, import_fs.writeFileSync)(dictionaryPath, formattedContent, "utf-8");
-      console.info("Updated the file successfully.");
-    }
+    await writeUpdatedContent(dictionaryPath, parsedBase, parsed);
+  }
+};
+const parseFileContent = (fileContent) => (0, import_parser.parse)(fileContent, {
+  sourceType: "module",
+  plugins: ["jsx", "typescript"]
+});
+const writeUpdatedContent = async (dictionaryPath, parsedBase, parsed) => {
+  const baseContent = generate(parsedBase).code;
+  const updatedContent = generate(parsed).code;
+  if (baseContent === updatedContent) {
+    console.info(
+      `No change made on the dictionary - dictionaryPath: ${dictionaryPath}.`
+    );
+  } else {
+    const formattedContent = await (0, import_formatPrettier.format)(updatedContent);
+    (0, import_fs.writeFileSync)(dictionaryPath, formattedContent, "utf-8");
+    console.info("Updated the file successfully.");
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/server/processEdition.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/processEdition.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport { readFileSync, writeFileSync } from 'fs';\nimport { createRequire } from 'module';\nimport { parse } from '@babel/parser';\nimport type {\n  ObjectExpression,\n  VariableDeclarator,\n  Program,\n  Identifier,\n  StringLiteral,\n  AssignmentExpression,\n  ObjectProperty,\n  CallExpression,\n  ObjectMethod,\n  SpreadElement,\n  ArrayExpression,\n  PrivateName,\n} from '@babel/types';\nimport {\n  NodeType,\n  type KeyPath,\n  type ArrayExpressionNode,\n  type ObjectExpressionNode,\n  type TranslationOrEnumerationNode,\n} from '@intlayer/core';\nimport type { EditedContent } from '../client/index';\nimport { format } from './formatPrettier';\n\nconst requireFunction =\n  typeof import.meta.url === 'undefined'\n    ? require\n    : createRequire(import.meta.url);\n\nconst { default: generate } = requireFunction('@babel/generator');\n\ntype ObjectOrArrayExpression = ObjectExpression | ArrayExpression;\n\n/**\n * Helper function to find a nested property in an ObjectExpression based on a key path\n */\nconst findNestedProperty = (\n  obj: ObjectOrArrayExpression,\n  keyPath: KeyPath[]\n): ObjectOrArrayExpression | undefined => {\n  let currentObj: ObjectOrArrayExpression = obj;\n\n  for (const key of keyPath) {\n    let foundProperty:\n      | ObjectProperty\n      | ObjectMethod\n      | SpreadElement\n      | undefined;\n\n    if (\n      // if the keyPath is an object, select the related node\n      (key as ObjectExpressionNode).type === 'ObjectExpression'\n    ) {\n      const result = (currentObj as ObjectExpression).properties.find(\n        (prop) =>\n          'key' in prop &&\n          (prop.key as Identifier).name === (key as ObjectExpressionNode).key\n      );\n\n      if (result && 'value' in result) {\n        currentObj = result.value as ObjectExpression;\n        foundProperty = result;\n      } else {\n        return undefined;\n      }\n    }\n\n    if (\n      // if the keyPath is an array, select the related node\n      (key as ArrayExpressionNode).type === 'ArrayExpression'\n    ) {\n      const result = (currentObj as ArrayExpression).elements[\n        (key as ArrayExpressionNode).key\n      ] as unknown as ObjectProperty;\n\n      currentObj = result as unknown as ObjectExpression;\n    }\n\n    if (\n      // if the keypath is a translation or enumeration node, go across the function and select the related node\n      Object.values(NodeType).includes(\n        (key as TranslationOrEnumerationNode).type\n      )\n    ) {\n      const argument = (currentObj as unknown as CallExpression)\n        .arguments[0] as ObjectExpression;\n\n      const identifierResult = argument.properties.find(\n        (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n      );\n\n      const stringResult = argument.properties.find(\n        (prop) => 'key' in prop && (prop.key as StringLiteral).value === key.key\n      );\n\n      if (stringResult) {\n        // Correspond to StringLiteral oject property (e.g., { 'key': 'value' })\n        if ('value' in stringResult) {\n          currentObj = stringResult.value as ObjectExpression;\n        }\n        foundProperty = stringResult;\n      } else if (identifierResult) {\n        // Correspond to Identifier object property (e.g., { key: 'value' })\n        if ('name' in identifierResult) {\n          currentObj = identifierResult.name as ObjectExpression;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        foundProperty = identifierResult;\n      } else {\n        return undefined;\n      }\n    }\n  }\n\n  return currentObj;\n};\n\n/**\n * Find and update specific content based on key path\n */\nconst findAndUpdate = (\n  objExpr: ObjectExpression,\n  keyPath: KeyPath[],\n  newValue: string\n) => {\n  const lastKey = keyPath[keyPath.length - 1]; // Get the last key in the path\n\n  if (lastKey) {\n    const propertyToUpdate = findNestedProperty(objExpr, keyPath); // Traverse the key path\n\n    if (propertyToUpdate && 'value' in propertyToUpdate) {\n      (propertyToUpdate as unknown as StringLiteral).value = newValue; // Update the value of the specified key\n    }\n  }\n};\n\n/**\n * Traverse the AST and update based on key path and new value\n */\nconst traverseNode = (node: Program, keyPath: KeyPath[], newValue: string) => {\n  if (Array.isArray(node.body)) {\n    (node.body as unknown as Program[]).forEach((subNode) =>\n      traverseNode(subNode, keyPath, newValue)\n    );\n  } else if (node.body) {\n    traverseNode(node.body, keyPath, newValue);\n  }\n\n  if (\n    // For ES Module (e.g., `const variable = ...;  export default variable`)\n    'declarations' in node\n  ) {\n    (node.declarations as VariableDeclarator[]).forEach((declaration) => {\n      if (declaration.init?.type === 'ObjectExpression') {\n        findAndUpdate(declaration.init, keyPath, newValue);\n      }\n    });\n  }\n\n  if (\n    // For ES Module (e.g., `export default { ... }`)\n    'declaration' in node &&\n    (node.declaration as ObjectExpression).type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      node.declaration as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n\n  if (\n    // For CommonJS (e.g., `module.exports = ...`)\n    'expression' in node &&\n    (node.expression as AssignmentExpression).right.type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      (node.expression as AssignmentExpression).right as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n};\n\n/**\n * Edit the content of a file based on the key path and new value\n */\nexport const processEdition = async (editedContent: EditedContent) => {\n  // Loop into each dictionary path\n  for (const dictionaryPath of Object.keys(editedContent)) {\n    // Read the file\n    const fileContent = readFileSync(dictionaryPath, 'utf-8');\n\n    // Parse the content with TypeScript support\n    const parsed = parse(fileContent, {\n      sourceType: 'module',\n      plugins: ['jsx', 'typescript'],\n    });\n\n    // Loop into each key path and new value\n    for (const { keyPath, newValue } of editedContent[dictionaryPath]) {\n      // Update values based on key paths\n      traverseNode(parsed.program, keyPath, newValue);\n    }\n\n    // Generate the updated code\n    const updatedContent = generate(parsed).code;\n\n    if (fileContent === updatedContent) {\n      console.info(`Could not find specified key path in ${dictionaryPath}.`);\n    } else {\n      const formattedContent = await format(updatedContent);\n\n      // Write back to the file\n      writeFileSync(dictionaryPath, formattedContent, 'utf-8');\n\n      console.info('Updated the file successfully.');\n    }\n  }\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/server/processEdition.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport { readFileSync, writeFileSync } from 'fs';\nimport { createRequire } from 'module';\nimport { parse } from '@babel/parser';\nimport type {\n  ObjectExpression,\n  VariableDeclarator,\n  Program,\n  Identifier,\n  StringLiteral,\n  AssignmentExpression,\n  ObjectProperty,\n  CallExpression,\n  ArrayExpression,\n} from '@babel/types';\nimport {\n  NodeType,\n  type KeyPath,\n  type ArrayExpressionNode,\n  type ObjectExpressionNode,\n  type TranslationOrEnumerationNode,\n} from '@intlayer/core';\nimport type { EditedContent } from '../client/index';\nimport { format } from './formatPrettier';\n\nconst requireFunction =\n  typeof import.meta.url === 'undefined'\n    ? require\n    : createRequire(import.meta.url);\n\nconst { default: generate } = requireFunction('@babel/generator');\n\ntype ObjectOrArrayExpression = ObjectExpression | ArrayExpression;\n\n/**\n * Helper function to find a nested property in an ObjectExpression based on a key path\n */\nconst findNestedProperty = (\n  obj: ObjectOrArrayExpression,\n  keyPath: KeyPath[]\n): ObjectOrArrayExpression | undefined => {\n  let currentObj: ObjectOrArrayExpression = obj;\n\n  for (const key of keyPath) {\n    const nextProperty = getNextProperty(currentObj, key);\n\n    if (!nextProperty)\n      throw new Error('Could not find the specified key path.');\n\n    currentObj = nextProperty;\n  }\n\n  return currentObj;\n};\n\nconst getNextProperty = (\n  obj: ObjectOrArrayExpression,\n  key: KeyPath\n): ObjectOrArrayExpression | undefined => {\n  if ((key as ObjectExpressionNode).type === 'ObjectExpression') {\n    return findInObjectExpression(\n      obj as ObjectExpression,\n      key as ObjectExpressionNode\n    );\n  }\n\n  if ((key as ArrayExpressionNode).type === 'ArrayExpression') {\n    return (obj as ArrayExpression).elements[\n      (key as ArrayExpressionNode).key\n    ] as ObjectOrArrayExpression;\n  }\n\n  if (\n    Object.values(NodeType).includes((key as TranslationOrEnumerationNode).type)\n  ) {\n    return findInTranslationOrEnumerationNode(\n      obj as unknown as CallExpression,\n      key as TranslationOrEnumerationNode\n    );\n  }\n\n  return undefined;\n};\n\nconst findInObjectExpression = (\n  obj: ObjectExpression,\n  key: ObjectExpressionNode\n): ObjectOrArrayExpression | undefined => {\n  const result = obj.properties.find(\n    (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n  );\n\n  return result && 'value' in result\n    ? (result.value as ObjectOrArrayExpression)\n    : undefined;\n};\n\nconst findInTranslationOrEnumerationNode = (\n  obj: CallExpression,\n  key: TranslationOrEnumerationNode\n): ObjectOrArrayExpression | undefined => {\n  const argument = obj.arguments[0] as ObjectExpression;\n  const identifierResult = argument.properties.find(\n    (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n  ) as ObjectProperty;\n\n  const stringResult = identifierResult.value as StringLiteral;\n\n  return stringResult\n    ? (identifierResult as unknown as ObjectOrArrayExpression)\n    : identifierResult && 'name' in identifierResult\n      ? (identifierResult.name as ObjectOrArrayExpression)\n      : undefined;\n};\n\n/**\n * Find and update specific content based on key path\n */\nconst findAndUpdate = (\n  objExpr: ObjectExpression,\n  keyPath: KeyPath[],\n  newValue: string\n) => {\n  const lastKey = keyPath[keyPath.length - 1]; // Get the last key in the path\n\n  if (lastKey) {\n    const propertyToUpdate = findNestedProperty(objExpr, keyPath); // Traverse the key path\n\n    if (!propertyToUpdate) {\n      throw new Error('Could not find the specified key path.');\n    }\n\n    if ('value' in propertyToUpdate) {\n      (propertyToUpdate.value as StringLiteral).value = newValue; // Update the value of the specified key\n    }\n  }\n};\n\n/**\n * Traverse the AST and update based on key path and new value\n */\nconst traverseNode = (node: Program, keyPath: KeyPath[], newValue: string) => {\n  if (Array.isArray(node.body)) {\n    node.body.forEach((subNode) =>\n      traverseNode(subNode as unknown as Program, keyPath, newValue)\n    );\n  } else if (node.body) {\n    traverseNode(node.body as Program, keyPath, newValue);\n  }\n\n  if (\n    // For ES Module (e.g., `const variable = ...;  export default variable`)\n    'declarations' in node\n  ) {\n    (node.declarations as VariableDeclarator[]).forEach((declaration) => {\n      if (declaration.init?.type === 'ObjectExpression') {\n        findAndUpdate(declaration.init, keyPath, newValue);\n      }\n    });\n  }\n\n  if (\n    // For ES Module (e.g., `export default { ... }`)\n    'declaration' in node &&\n    (node.declaration as ObjectExpression).type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      node.declaration as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n\n  if (\n    // For CommonJS (e.g., `module.exports = ...`)\n    'expression' in node &&\n    (node.expression as AssignmentExpression).right.type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      (node.expression as AssignmentExpression).right as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n};\n\n/**\n * Edit the content of a file based on the key path and new value\n */\nexport const processEdition = async (editedContent: EditedContent) => {\n  for (const dictionaryPath of Object.keys(editedContent)) {\n    const fileContent = readFileSync(dictionaryPath, 'utf-8');\n    const parsedBase = parseFileContent(fileContent);\n    const parsed = parseFileContent(fileContent);\n\n    for (const { keyPath, newValue } of editedContent[dictionaryPath]) {\n      traverseNode(parsed.program, keyPath, newValue);\n    }\n\n    await writeUpdatedContent(dictionaryPath, parsedBase, parsed);\n  }\n};\n\nconst parseFileContent = (fileContent: string) =>\n  parse(fileContent, {\n    sourceType: 'module',\n    plugins: ['jsx', 'typescript'],\n  });\n\nconst writeUpdatedContent = async (\n  dictionaryPath: string,\n  parsedBase: ReturnType<typeof parseFileContent>,\n  parsed: ReturnType<typeof parseFileContent>\n) => {\n  const baseContent = generate(parsedBase).code;\n  const updatedContent = generate(parsed).code;\n\n  if (baseContent === updatedContent) {\n    console.info(\n      `No change made on the dictionary - dictionaryPath: ${dictionaryPath}.`\n    );\n  } else {\n    const formattedContent = await format(updatedContent);\n    writeFileSync(dictionaryPath, formattedContent, 'utf-8');\n    console.info('Updated the file successfully.');\n  }\n};\n"],"mappings":"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","names":[]}

package/dist/esm/client/ContentEditionLayout.d.mts

@@ -6,6 +6,7 @@ type ContentEditionLayoutProps = {
     locale: Locales;
     localeList: Locales[];
     setLocale: (locale: Locales) => void;
+    editorEnabled?: boolean;
 };
 declare const ContentEditionLayout: FC<ContentEditionLayoutProps>;
 

package/dist/esm/client/ContentEditionLayout.mjs

@@ -1,23 +1,29 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { IntlayerEditorProvider } from './ContentEditorProvider.mjs';
 import { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index.mjs';
 import { DictionaryListDrawer } from './DictionaryListDrawer/index.mjs';
 const ContentEditionLayout = ({
   children,
   locale,
   setLocale,
-  localeList
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  children,
-  /* @__PURE__ */ jsx(
-    DictionaryEditionDrawerController,
-    {
-      locale,
-      localeList,
-      setLocale
-    }
-  ),
-  /* @__PURE__ */ jsx(DictionaryListDrawer, {})
-] });
+  localeList,
+  editorEnabled = true
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(IntlayerEditorProvider, { editorEnabled, children: [
+    children,
+    editorEnabled && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        DictionaryEditionDrawerController,
+        {
+          locale,
+          localeList,
+          setLocale
+        }
+      ),
+      /* @__PURE__ */ jsx(DictionaryListDrawer, {})
+    ] })
+  ] }) });
+};
 export {
   ContentEditionLayout
 };

package/dist/esm/client/ContentEditionLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index';\nimport { DictionaryListDrawer } from './DictionaryListDrawer/index';\n\nexport type ContentEditionLayoutProps = {\n  children?: ReactNode;\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> = ({\n  children,\n  locale,\n  setLocale,\n  localeList,\n}) => (\n  <>\n    {children}\n    <DictionaryEditionDrawerController\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n    />\n    <DictionaryListDrawer />\n  </>\n);\n"],"mappings":"AAkBE,mBAEE,KAFF;AAhBF,SAAS,yCAAyC;AAClD,SAAS,4BAA4B;AAS9B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA;AAAA,EACD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,EACA,oBAAC,wBAAqB;AAAA,GACxB;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { IntlayerEditorProvider } from './ContentEditorProvider';\nimport { DictionaryEditionDrawerController } from './DictionaryEditionDrawer/index';\nimport { DictionaryListDrawer } from './DictionaryListDrawer/index';\n\nexport type ContentEditionLayoutProps = {\n  children?: ReactNode;\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n  editorEnabled?: boolean;\n};\n\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> = ({\n  children,\n  locale,\n  setLocale,\n  localeList,\n  editorEnabled = true,\n}) => {\n  return (\n    <>\n      <IntlayerEditorProvider editorEnabled={editorEnabled}>\n        {children}\n\n        {editorEnabled && (\n          <>\n            <DictionaryEditionDrawerController\n              locale={locale}\n              localeList={localeList}\n              setLocale={setLocale}\n            />\n            <DictionaryListDrawer />\n          </>\n        )}\n      </IntlayerEditorProvider>\n    </>\n  );\n};\n"],"mappings":"AA2BU,mBACE,KADF;AAzBV,SAAS,8BAA8B;AACvC,SAAS,yCAAyC;AAClD,SAAS,4BAA4B;AAU9B,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAClB,MAAM;AACJ,SACE,gCACE,+BAAC,0BAAuB,eACrB;AAAA;AAAA,IAEA,iBACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,wBAAqB;AAAA,OACxB;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/esm/client/ContentEditorProvider.d.mts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+import { PropsWithChildren, FC } from 'react';
+
+type IntlayerEditorValue = {
+    editorEnabled: boolean;
+};
+/**
+ * Context that store the current locale on the client side
+ */
+declare const IntlayerEditorContext: react.Context<IntlayerEditorValue>;
+/**
+ * Hook that provides the current locale
+ */
+declare const useIntlayerEditorContext: () => IntlayerEditorValue;
+type IntlayerEditorProviderProps = PropsWithChildren & {
+    editorEnabled?: boolean;
+};
+/**
+ * Provider that store the current locale on the client side
+ */
+declare const IntlayerEditorProvider: FC<IntlayerEditorProviderProps>;
+
+export { IntlayerEditorContext, IntlayerEditorProvider, type IntlayerEditorProviderProps, useIntlayerEditorContext };

package/dist/esm/client/ContentEditorProvider.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { getConfiguration } from "@intlayer/config/client";
+import {
+  createContext,
+  useContext
+} from "react";
+const IntlayerEditorContext = createContext({
+  editorEnabled: false
+});
+const useIntlayerEditorContext = () => useContext(IntlayerEditorContext);
+const {
+  editor: { enabled }
+} = getConfiguration();
+const IntlayerEditorProvider = ({
+  children,
+  editorEnabled = enabled
+}) => /* @__PURE__ */ jsx(IntlayerEditorContext.Provider, { value: { editorEnabled }, children });
+export {
+  IntlayerEditorContext,
+  IntlayerEditorProvider,
+  useIntlayerEditorContext
+};
+//# sourceMappingURL=ContentEditorProvider.mjs.map

package/dist/esm/client/ContentEditorProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/ContentEditorProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  type FC,\n} from 'react';\n\ntype IntlayerEditorValue = {\n  editorEnabled: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerEditorContext = createContext<IntlayerEditorValue>({\n  editorEnabled: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerEditorContext = () => useContext(IntlayerEditorContext);\n\nexport type IntlayerEditorProviderProps = PropsWithChildren & {\n  editorEnabled?: boolean;\n};\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerEditorProvider: FC<IntlayerEditorProviderProps> = ({\n  children,\n  editorEnabled = enabled,\n}) => (\n  <IntlayerEditorContext.Provider value={{ editorEnabled }}>\n    {children}\n  </IntlayerEditorContext.Provider>\n);\n"],"mappings":";AAyCE;AAvCF,SAAS,wBAAwB;AACjC;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AASA,MAAM,wBAAwB,cAAmC;AAAA,EACtE,eAAe;AACjB,CAAC;AAKM,MAAM,2BAA2B,MAAM,WAAW,qBAAqB;AAM9E,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAKd,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,gBAAgB;AAClB,MACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,cAAc,GACpD,UACH;","names":[]}

package/dist/esm/client/ContentSelectorWrapper.mjs

@@ -2,7 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import { isSameKeyPath } from "@intlayer/core";
 import { ContentSelector } from "@intlayer/design-system";
-import { useCallback } from "react";
+import { useCallback, useContext } from "react";
+import { IntlayerEditorContext } from './ContentEditorProvider.mjs';
 import { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs';
 const ContentSelectorWrapper = ({
   children,
@@ -12,6 +13,7 @@ const ContentSelectorWrapper = ({
 }) => {
   const { open, getEditedContentValue, focusedContent, isOpen } = useDictionaryEditionDrawer(dictionaryId);
   const editedValue = getEditedContentValue(dictionaryPath, keyPath);
+  const { editorEnabled } = useContext(IntlayerEditorContext);
   const handleSelect = useCallback(
     () => open({
       dictionaryId,
@@ -21,7 +23,18 @@ const ContentSelectorWrapper = ({
     [dictionaryId, dictionaryPath, keyPath, open]
   );
   const isSelected = (isOpen && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false;
-  return /* @__PURE__ */ jsx(ContentSelector, { onSelect: handleSelect, isSelecting: isSelected, children: editedValue ?? children });
+  if (!editorEnabled) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx(
+    ContentSelector,
+    {
+      onSelect: handleSelect,
+      isSelecting: isSelected,
+      popoverContent: "Long press to edit",
+      children: editedValue ?? children
+    }
+  );
 };
 export {
   ContentSelectorWrapper

package/dist/esm/client/ContentSelectorWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport { useCallback, type FC, type ReactNode } from 'react';\nimport { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer';\n\ntype ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { open, getEditedContentValue, focusedContent, isOpen } =\n    useDictionaryEditionDrawer(dictionaryId);\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n\n  const handleSelect = useCallback(\n    () =>\n      open({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryId, dictionaryPath, keyPath, open]\n  );\n\n  const isSelected =\n    (isOpen &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n    false;\n\n  return (\n    <ContentSelector onSelect={handleSelect} isSelecting={isSelected}>\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AAyCI;AAvCJ,SAAS,qBAAmC;AAC5C,SAAS,uBAAuB;AAChC,SAAS,mBAA4C;AACrD,SAAS,kCAAkC;AASpC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,uBAAuB,gBAAgB,OAAO,IAC1D,2BAA2B,YAAY;AACzC,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AAEjE,QAAM,eAAe;AAAA,IACnB,MACE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,gBAAgB,SAAS,IAAI;AAAA,EAC9C;AAEA,QAAM,cACH,WACE,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAEF,SACE,oBAAC,mBAAgB,UAAU,cAAc,aAAa,YACnD,yBAAe,UAClB;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport { useCallback, useContext, type FC, type ReactNode } from 'react';\nimport { IntlayerEditorContext } from './ContentEditorProvider';\nimport { useDictionaryEditionDrawer } from './DictionaryEditionDrawer/useDictionaryEditionDrawer';\n\ntype ContentSelectorWrapperProps = {\n  children: ReactNode;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryId,\n  dictionaryPath,\n  keyPath,\n}) => {\n  const { open, getEditedContentValue, focusedContent, isOpen } =\n    useDictionaryEditionDrawer(dictionaryId);\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n  const { editorEnabled } = useContext(IntlayerEditorContext);\n\n  const handleSelect = useCallback(\n    () =>\n      open({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      }),\n    [dictionaryId, dictionaryPath, keyPath, open]\n  );\n\n  const isSelected =\n    (isOpen &&\n      (focusedContent?.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n    false;\n\n  if (!editorEnabled) {\n    return children;\n  }\n\n  return (\n    <ContentSelector\n      onSelect={handleSelect}\n      isSelecting={isSelected}\n      popoverContent=\"Long press to edit\"\n    >\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AA+CI;AA7CJ,SAAS,qBAAmC;AAC5C,SAAS,uBAAuB;AAChC,SAAS,aAAa,kBAA2C;AACjE,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AASpC,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,MAAM,uBAAuB,gBAAgB,OAAO,IAC1D,2BAA2B,YAAY;AACzC,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AACjE,QAAM,EAAE,cAAc,IAAI,WAAW,qBAAqB;AAE1D,QAAM,eAAe;AAAA,IACnB,MACE,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,gBAAgB,SAAS,IAAI;AAAA,EAC9C;AAEA,QAAM,cACH,WACE,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAEF,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa;AAAA,MACb,gBAAe;AAAA,MAEd,yBAAe;AAAA;AAAA,EAClB;AAEJ;","names":[]}

package/dist/esm/client/DictionaryEditionDrawer/useEditedContentStore.d.mts

@@ -17,7 +17,7 @@ declare const useEditedContentStore: zustand.UseBoundStore<Omit<zustand.StoreApi
     persist: {
         setOptions: (options: Partial<zustand_middleware.PersistOptions<EditedContentStore, EditedContentStore>>) => void;
         clearStorage: () => void;
-        rehydrate: () => void | Promise<void>;
+        rehydrate: () => Promise<void> | void;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: EditedContentStore) => void) => () => void;
         onFinishHydration: (fn: (state: EditedContentStore) => void) => () => void;

package/dist/esm/client/index.d.mts

@@ -6,6 +6,7 @@ export { dictionaryListDrawerIdentifier, useDictionaryListDrawer } from './Dicti
 export { ContentEditionLayout, ContentEditionLayoutProps } from './ContentEditionLayout.mjs';
 export { useEditorServer } from './useEditorServer.mjs';
 export { IntlayerEditorElementProps, renderIntlayerEditor } from './renderContentEditor.mjs';
+export { IntlayerEditorContext, IntlayerEditorProvider, IntlayerEditorProviderProps, useIntlayerEditorContext } from './ContentEditorProvider.mjs';
 import '@intlayer/config/client';
 import 'react';
 import '@intlayer/core';

package/dist/esm/client/index.mjs

@@ -3,4 +3,5 @@ export * from './DictionaryListDrawer/index.mjs';
 export * from './ContentEditionLayout.mjs';
 export * from './useEditorServer.mjs';
 export * from './renderContentEditor.mjs';
+export * from './ContentEditorProvider.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/esm/client/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer/index';\nexport * from './DictionaryListDrawer/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\nexport * from './renderContentEditor';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './DictionaryEditionDrawer/index';\nexport * from './DictionaryListDrawer/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\nexport * from './renderContentEditor';\nexport * from './ContentEditorProvider';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/server/processEdition.mjs

@@ -10,64 +10,54 @@ const { default: generate } = requireFunction("@babel/generator");
 const findNestedProperty = (obj, keyPath) => {
   let currentObj = obj;
   for (const key of keyPath) {
-    let foundProperty;
-    if (
-      // if the keyPath is an object, select the related node
-      key.type === "ObjectExpression"
-    ) {
-      const result = currentObj.properties.find(
-        (prop) => "key" in prop && prop.key.name === key.key
-      );
-      if (result && "value" in result) {
-        currentObj = result.value;
-        foundProperty = result;
-      } else {
-        return void 0;
-      }
-    }
-    if (
-      // if the keyPath is an array, select the related node
-      key.type === "ArrayExpression"
-    ) {
-      const result = currentObj.elements[key.key];
-      currentObj = result;
-    }
-    if (
-      // if the keypath is a translation or enumeration node, go across the function and select the related node
-      Object.values(NodeType).includes(
-        key.type
-      )
-    ) {
-      const argument = currentObj.arguments[0];
-      const identifierResult = argument.properties.find(
-        (prop) => "key" in prop && prop.key.name === key.key
-      );
-      const stringResult = argument.properties.find(
-        (prop) => "key" in prop && prop.key.value === key.key
-      );
-      if (stringResult) {
-        if ("value" in stringResult) {
-          currentObj = stringResult.value;
-        }
-        foundProperty = stringResult;
-      } else if (identifierResult) {
-        if ("name" in identifierResult) {
-          currentObj = identifierResult.name;
-        }
-        foundProperty = identifierResult;
-      } else {
-        return void 0;
-      }
-    }
+    const nextProperty = getNextProperty(currentObj, key);
+    if (!nextProperty)
+      throw new Error("Could not find the specified key path.");
+    currentObj = nextProperty;
   }
   return currentObj;
 };
+const getNextProperty = (obj, key) => {
+  if (key.type === "ObjectExpression") {
+    return findInObjectExpression(
+      obj,
+      key
+    );
+  }
+  if (key.type === "ArrayExpression") {
+    return obj.elements[key.key];
+  }
+  if (Object.values(NodeType).includes(key.type)) {
+    return findInTranslationOrEnumerationNode(
+      obj,
+      key
+    );
+  }
+  return void 0;
+};
+const findInObjectExpression = (obj, key) => {
+  const result = obj.properties.find(
+    (prop) => "key" in prop && prop.key.name === key.key
+  );
+  return result && "value" in result ? result.value : void 0;
+};
+const findInTranslationOrEnumerationNode = (obj, key) => {
+  const argument = obj.arguments[0];
+  const identifierResult = argument.properties.find(
+    (prop) => "key" in prop && prop.key.name === key.key
+  );
+  const stringResult = identifierResult.value;
+  return stringResult ? identifierResult : identifierResult && "name" in identifierResult ? identifierResult.name : void 0;
+};
 const findAndUpdate = (objExpr, keyPath, newValue) => {
   const lastKey = keyPath[keyPath.length - 1];
   if (lastKey) {
     const propertyToUpdate = findNestedProperty(objExpr, keyPath);
-    if (propertyToUpdate && "value" in propertyToUpdate) {
-      propertyToUpdate.value = newValue;
+    if (!propertyToUpdate) {
+      throw new Error("Could not find the specified key path.");
+    }
+    if ("value" in propertyToUpdate) {
+      propertyToUpdate.value.value = newValue;
     }
   }
 };
@@ -113,21 +103,29 @@ const traverseNode = (node, keyPath, newValue) => {
 const processEdition = async (editedContent) => {
   for (const dictionaryPath of Object.keys(editedContent)) {
     const fileContent = readFileSync(dictionaryPath, "utf-8");
-    const parsed = parse(fileContent, {
-      sourceType: "module",
-      plugins: ["jsx", "typescript"]
-    });
+    const parsedBase = parseFileContent(fileContent);
+    const parsed = parseFileContent(fileContent);
     for (const { keyPath, newValue } of editedContent[dictionaryPath]) {
       traverseNode(parsed.program, keyPath, newValue);
     }
-    const updatedContent = generate(parsed).code;
-    if (fileContent === updatedContent) {
-      console.info(`Could not find specified key path in ${dictionaryPath}.`);
-    } else {
-      const formattedContent = await format(updatedContent);
-      writeFileSync(dictionaryPath, formattedContent, "utf-8");
-      console.info("Updated the file successfully.");
-    }
+    await writeUpdatedContent(dictionaryPath, parsedBase, parsed);
+  }
+};
+const parseFileContent = (fileContent) => parse(fileContent, {
+  sourceType: "module",
+  plugins: ["jsx", "typescript"]
+});
+const writeUpdatedContent = async (dictionaryPath, parsedBase, parsed) => {
+  const baseContent = generate(parsedBase).code;
+  const updatedContent = generate(parsed).code;
+  if (baseContent === updatedContent) {
+    console.info(
+      `No change made on the dictionary - dictionaryPath: ${dictionaryPath}.`
+    );
+  } else {
+    const formattedContent = await format(updatedContent);
+    writeFileSync(dictionaryPath, formattedContent, "utf-8");
+    console.info("Updated the file successfully.");
   }
 };
 export {

package/dist/esm/server/processEdition.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/processEdition.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport { readFileSync, writeFileSync } from 'fs';\nimport { createRequire } from 'module';\nimport { parse } from '@babel/parser';\nimport type {\n  ObjectExpression,\n  VariableDeclarator,\n  Program,\n  Identifier,\n  StringLiteral,\n  AssignmentExpression,\n  ObjectProperty,\n  CallExpression,\n  ObjectMethod,\n  SpreadElement,\n  ArrayExpression,\n  PrivateName,\n} from '@babel/types';\nimport {\n  NodeType,\n  type KeyPath,\n  type ArrayExpressionNode,\n  type ObjectExpressionNode,\n  type TranslationOrEnumerationNode,\n} from '@intlayer/core';\nimport type { EditedContent } from '../client/index';\nimport { format } from './formatPrettier';\n\nconst requireFunction =\n  typeof import.meta.url === 'undefined'\n    ? require\n    : createRequire(import.meta.url);\n\nconst { default: generate } = requireFunction('@babel/generator');\n\ntype ObjectOrArrayExpression = ObjectExpression | ArrayExpression;\n\n/**\n * Helper function to find a nested property in an ObjectExpression based on a key path\n */\nconst findNestedProperty = (\n  obj: ObjectOrArrayExpression,\n  keyPath: KeyPath[]\n): ObjectOrArrayExpression | undefined => {\n  let currentObj: ObjectOrArrayExpression = obj;\n\n  for (const key of keyPath) {\n    let foundProperty:\n      | ObjectProperty\n      | ObjectMethod\n      | SpreadElement\n      | undefined;\n\n    if (\n      // if the keyPath is an object, select the related node\n      (key as ObjectExpressionNode).type === 'ObjectExpression'\n    ) {\n      const result = (currentObj as ObjectExpression).properties.find(\n        (prop) =>\n          'key' in prop &&\n          (prop.key as Identifier).name === (key as ObjectExpressionNode).key\n      );\n\n      if (result && 'value' in result) {\n        currentObj = result.value as ObjectExpression;\n        foundProperty = result;\n      } else {\n        return undefined;\n      }\n    }\n\n    if (\n      // if the keyPath is an array, select the related node\n      (key as ArrayExpressionNode).type === 'ArrayExpression'\n    ) {\n      const result = (currentObj as ArrayExpression).elements[\n        (key as ArrayExpressionNode).key\n      ] as unknown as ObjectProperty;\n\n      currentObj = result as unknown as ObjectExpression;\n    }\n\n    if (\n      // if the keypath is a translation or enumeration node, go across the function and select the related node\n      Object.values(NodeType).includes(\n        (key as TranslationOrEnumerationNode).type\n      )\n    ) {\n      const argument = (currentObj as unknown as CallExpression)\n        .arguments[0] as ObjectExpression;\n\n      const identifierResult = argument.properties.find(\n        (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n      );\n\n      const stringResult = argument.properties.find(\n        (prop) => 'key' in prop && (prop.key as StringLiteral).value === key.key\n      );\n\n      if (stringResult) {\n        // Correspond to StringLiteral oject property (e.g., { 'key': 'value' })\n        if ('value' in stringResult) {\n          currentObj = stringResult.value as ObjectExpression;\n        }\n        foundProperty = stringResult;\n      } else if (identifierResult) {\n        // Correspond to Identifier object property (e.g., { key: 'value' })\n        if ('name' in identifierResult) {\n          currentObj = identifierResult.name as ObjectExpression;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        foundProperty = identifierResult;\n      } else {\n        return undefined;\n      }\n    }\n  }\n\n  return currentObj;\n};\n\n/**\n * Find and update specific content based on key path\n */\nconst findAndUpdate = (\n  objExpr: ObjectExpression,\n  keyPath: KeyPath[],\n  newValue: string\n) => {\n  const lastKey = keyPath[keyPath.length - 1]; // Get the last key in the path\n\n  if (lastKey) {\n    const propertyToUpdate = findNestedProperty(objExpr, keyPath); // Traverse the key path\n\n    if (propertyToUpdate && 'value' in propertyToUpdate) {\n      (propertyToUpdate as unknown as StringLiteral).value = newValue; // Update the value of the specified key\n    }\n  }\n};\n\n/**\n * Traverse the AST and update based on key path and new value\n */\nconst traverseNode = (node: Program, keyPath: KeyPath[], newValue: string) => {\n  if (Array.isArray(node.body)) {\n    (node.body as unknown as Program[]).forEach((subNode) =>\n      traverseNode(subNode, keyPath, newValue)\n    );\n  } else if (node.body) {\n    traverseNode(node.body, keyPath, newValue);\n  }\n\n  if (\n    // For ES Module (e.g., `const variable = ...;  export default variable`)\n    'declarations' in node\n  ) {\n    (node.declarations as VariableDeclarator[]).forEach((declaration) => {\n      if (declaration.init?.type === 'ObjectExpression') {\n        findAndUpdate(declaration.init, keyPath, newValue);\n      }\n    });\n  }\n\n  if (\n    // For ES Module (e.g., `export default { ... }`)\n    'declaration' in node &&\n    (node.declaration as ObjectExpression).type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      node.declaration as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n\n  if (\n    // For CommonJS (e.g., `module.exports = ...`)\n    'expression' in node &&\n    (node.expression as AssignmentExpression).right.type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      (node.expression as AssignmentExpression).right as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n};\n\n/**\n * Edit the content of a file based on the key path and new value\n */\nexport const processEdition = async (editedContent: EditedContent) => {\n  // Loop into each dictionary path\n  for (const dictionaryPath of Object.keys(editedContent)) {\n    // Read the file\n    const fileContent = readFileSync(dictionaryPath, 'utf-8');\n\n    // Parse the content with TypeScript support\n    const parsed = parse(fileContent, {\n      sourceType: 'module',\n      plugins: ['jsx', 'typescript'],\n    });\n\n    // Loop into each key path and new value\n    for (const { keyPath, newValue } of editedContent[dictionaryPath]) {\n      // Update values based on key paths\n      traverseNode(parsed.program, keyPath, newValue);\n    }\n\n    // Generate the updated code\n    const updatedContent = generate(parsed).code;\n\n    if (fileContent === updatedContent) {\n      console.info(`Could not find specified key path in ${dictionaryPath}.`);\n    } else {\n      const formattedContent = await format(updatedContent);\n\n      // Write back to the file\n      writeFileSync(dictionaryPath, formattedContent, 'utf-8');\n\n      console.info('Updated the file successfully.');\n    }\n  }\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/server/processEdition.ts"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport { readFileSync, writeFileSync } from 'fs';\nimport { createRequire } from 'module';\nimport { parse } from '@babel/parser';\nimport type {\n  ObjectExpression,\n  VariableDeclarator,\n  Program,\n  Identifier,\n  StringLiteral,\n  AssignmentExpression,\n  ObjectProperty,\n  CallExpression,\n  ArrayExpression,\n} from '@babel/types';\nimport {\n  NodeType,\n  type KeyPath,\n  type ArrayExpressionNode,\n  type ObjectExpressionNode,\n  type TranslationOrEnumerationNode,\n} from '@intlayer/core';\nimport type { EditedContent } from '../client/index';\nimport { format } from './formatPrettier';\n\nconst requireFunction =\n  typeof import.meta.url === 'undefined'\n    ? require\n    : createRequire(import.meta.url);\n\nconst { default: generate } = requireFunction('@babel/generator');\n\ntype ObjectOrArrayExpression = ObjectExpression | ArrayExpression;\n\n/**\n * Helper function to find a nested property in an ObjectExpression based on a key path\n */\nconst findNestedProperty = (\n  obj: ObjectOrArrayExpression,\n  keyPath: KeyPath[]\n): ObjectOrArrayExpression | undefined => {\n  let currentObj: ObjectOrArrayExpression = obj;\n\n  for (const key of keyPath) {\n    const nextProperty = getNextProperty(currentObj, key);\n\n    if (!nextProperty)\n      throw new Error('Could not find the specified key path.');\n\n    currentObj = nextProperty;\n  }\n\n  return currentObj;\n};\n\nconst getNextProperty = (\n  obj: ObjectOrArrayExpression,\n  key: KeyPath\n): ObjectOrArrayExpression | undefined => {\n  if ((key as ObjectExpressionNode).type === 'ObjectExpression') {\n    return findInObjectExpression(\n      obj as ObjectExpression,\n      key as ObjectExpressionNode\n    );\n  }\n\n  if ((key as ArrayExpressionNode).type === 'ArrayExpression') {\n    return (obj as ArrayExpression).elements[\n      (key as ArrayExpressionNode).key\n    ] as ObjectOrArrayExpression;\n  }\n\n  if (\n    Object.values(NodeType).includes((key as TranslationOrEnumerationNode).type)\n  ) {\n    return findInTranslationOrEnumerationNode(\n      obj as unknown as CallExpression,\n      key as TranslationOrEnumerationNode\n    );\n  }\n\n  return undefined;\n};\n\nconst findInObjectExpression = (\n  obj: ObjectExpression,\n  key: ObjectExpressionNode\n): ObjectOrArrayExpression | undefined => {\n  const result = obj.properties.find(\n    (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n  );\n\n  return result && 'value' in result\n    ? (result.value as ObjectOrArrayExpression)\n    : undefined;\n};\n\nconst findInTranslationOrEnumerationNode = (\n  obj: CallExpression,\n  key: TranslationOrEnumerationNode\n): ObjectOrArrayExpression | undefined => {\n  const argument = obj.arguments[0] as ObjectExpression;\n  const identifierResult = argument.properties.find(\n    (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n  ) as ObjectProperty;\n\n  const stringResult = identifierResult.value as StringLiteral;\n\n  return stringResult\n    ? (identifierResult as unknown as ObjectOrArrayExpression)\n    : identifierResult && 'name' in identifierResult\n      ? (identifierResult.name as ObjectOrArrayExpression)\n      : undefined;\n};\n\n/**\n * Find and update specific content based on key path\n */\nconst findAndUpdate = (\n  objExpr: ObjectExpression,\n  keyPath: KeyPath[],\n  newValue: string\n) => {\n  const lastKey = keyPath[keyPath.length - 1]; // Get the last key in the path\n\n  if (lastKey) {\n    const propertyToUpdate = findNestedProperty(objExpr, keyPath); // Traverse the key path\n\n    if (!propertyToUpdate) {\n      throw new Error('Could not find the specified key path.');\n    }\n\n    if ('value' in propertyToUpdate) {\n      (propertyToUpdate.value as StringLiteral).value = newValue; // Update the value of the specified key\n    }\n  }\n};\n\n/**\n * Traverse the AST and update based on key path and new value\n */\nconst traverseNode = (node: Program, keyPath: KeyPath[], newValue: string) => {\n  if (Array.isArray(node.body)) {\n    node.body.forEach((subNode) =>\n      traverseNode(subNode as unknown as Program, keyPath, newValue)\n    );\n  } else if (node.body) {\n    traverseNode(node.body as Program, keyPath, newValue);\n  }\n\n  if (\n    // For ES Module (e.g., `const variable = ...;  export default variable`)\n    'declarations' in node\n  ) {\n    (node.declarations as VariableDeclarator[]).forEach((declaration) => {\n      if (declaration.init?.type === 'ObjectExpression') {\n        findAndUpdate(declaration.init, keyPath, newValue);\n      }\n    });\n  }\n\n  if (\n    // For ES Module (e.g., `export default { ... }`)\n    'declaration' in node &&\n    (node.declaration as ObjectExpression).type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      node.declaration as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n\n  if (\n    // For CommonJS (e.g., `module.exports = ...`)\n    'expression' in node &&\n    (node.expression as AssignmentExpression).right.type === 'ObjectExpression'\n  ) {\n    return findAndUpdate(\n      (node.expression as AssignmentExpression).right as ObjectExpression,\n      keyPath,\n      newValue\n    );\n  }\n};\n\n/**\n * Edit the content of a file based on the key path and new value\n */\nexport const processEdition = async (editedContent: EditedContent) => {\n  for (const dictionaryPath of Object.keys(editedContent)) {\n    const fileContent = readFileSync(dictionaryPath, 'utf-8');\n    const parsedBase = parseFileContent(fileContent);\n    const parsed = parseFileContent(fileContent);\n\n    for (const { keyPath, newValue } of editedContent[dictionaryPath]) {\n      traverseNode(parsed.program, keyPath, newValue);\n    }\n\n    await writeUpdatedContent(dictionaryPath, parsedBase, parsed);\n  }\n};\n\nconst parseFileContent = (fileContent: string) =>\n  parse(fileContent, {\n    sourceType: 'module',\n    plugins: ['jsx', 'typescript'],\n  });\n\nconst writeUpdatedContent = async (\n  dictionaryPath: string,\n  parsedBase: ReturnType<typeof parseFileContent>,\n  parsed: ReturnType<typeof parseFileContent>\n) => {\n  const baseContent = generate(parsedBase).code;\n  const updatedContent = generate(parsed).code;\n\n  if (baseContent === updatedContent) {\n    console.info(\n      `No change made on the dictionary - dictionaryPath: ${dictionaryPath}.`\n    );\n  } else {\n    const formattedContent = await format(updatedContent);\n    writeFileSync(dictionaryPath, formattedContent, 'utf-8');\n    console.info('Updated the file successfully.');\n  }\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intlayer-editor",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": false,
   "description": "IntLayer Editor is a tool that allow you to edit your IntLayer declaration files using a graphical interface.",
   "keywords": [
@@ -53,19 +53,19 @@
   "dependencies": {
     "@types/body-parser": "^1.19.5",
     "body-parser": "^1.20.2",
-    "commander": "^12.0.0",
+    "commander": "^12.1.0",
     "express": "^4.19.2",
     "lucide-react": "^0.376.0",
     "magic-regexp": "^0.8.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "webpack": "^5.91.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "webpack": "^5.92.1",
     "zustand": "^4.5.2",
-    "@intlayer/config": "^2.0.1",
-    "@intlayer/core": "^2.0.1",
-    "@intlayer/design-system": "^2.0.1",
-    "@intlayer/dictionaries-entry": "^2.0.1",
-    "intlayer": "^2.0.1"
+    "@intlayer/config": "^2.0.2",
+    "@intlayer/core": "^2.0.2",
+    "@intlayer/design-system": "^2.0.2",
+    "@intlayer/dictionaries-entry": "^2.0.2",
+    "intlayer": "^2.0.2"
   },
   "devDependencies": {
     "@babel/generator": "7.24.4",
@@ -75,15 +75,15 @@
     "@changesets/cli": "2.27.1",
     "@types/babel__generator": "^7.6.8",
     "@types/express": "^4.17.21",
-    "@types/node": "^20.12.7",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
+    "@types/node": "^20.14.9",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "rimraf": "5.0.5",
     "ts-node": "^10.9.2",
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.5",
-    "@utils/eslint-config": "^1.0.1",
-    "@utils/ts-config": "^1.0.1"
+    "tsup": "^8.1.0",
+    "typescript": "^5.5.2",
+    "@utils/eslint-config": "^1.0.2",
+    "@utils/ts-config": "^1.0.2"
   },
   "engines": {
     "node": ">=14.18"