intlayer-editor 2.0.0

package/dist/cjs/client/EditionPanel/useEditionPanelStore.cjs

@@ -0,0 +1,33 @@
+"use strict";
+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 useEditionPanelStore_exports = {};
+__export(useEditionPanelStore_exports, {
+  useEditionPanelStore: () => useEditionPanelStore
+});
+module.exports = __toCommonJS(useEditionPanelStore_exports);
+var import_zustand = require("zustand");
+const useEditionPanelStore = (0, import_zustand.create)((set) => ({
+  focusedContent: null,
+  setFocusedContent: (content) => set({ focusedContent: content })
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEditionPanelStore
+});
+//# sourceMappingURL=useEditionPanelStore.cjs.map

package/dist/cjs/client/EditionPanel/useEditionPanelStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/EditionPanel/useEditionPanelStore.ts"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport { create } from 'zustand';\n\ntype DictionaryPath = string;\ntype FileContent = {\n  dictionaryPath: DictionaryPath;\n  dictionaryId: string;\n  keyPath: KeyPath[];\n};\n\ntype EditionPanelStore = {\n  focusedContent: FileContent | null;\n  setFocusedContent: (content: FileContent | null) => void;\n};\n\nexport const useEditionPanelStore = create<EditionPanelStore>((set) => ({\n  focusedContent: null,\n  setFocusedContent: (content) => set({ focusedContent: content }),\n}));\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAuB;AAchB,MAAM,2BAAuB,uBAA0B,CAAC,SAAS;AAAA,EACtE,gBAAgB;AAAA,EAChB,mBAAmB,CAAC,YAAY,IAAI,EAAE,gBAAgB,QAAQ,CAAC;AACjE,EAAE;","names":[]}

package/dist/cjs/client/EditionPanel/useEditionPanelStore.d.ts

@@ -0,0 +1,16 @@
+import * as zustand from 'zustand';
+import { KeyPath } from '@intlayer/core';
+
+type DictionaryPath = string;
+type FileContent = {
+    dictionaryPath: DictionaryPath;
+    dictionaryId: string;
+    keyPath: KeyPath[];
+};
+type EditionPanelStore = {
+    focusedContent: FileContent | null;
+    setFocusedContent: (content: FileContent | null) => void;
+};
+declare const useEditionPanelStore: zustand.UseBoundStore<zustand.StoreApi<EditionPanelStore>>;
+
+export { useEditionPanelStore };

package/dist/cjs/client/index.cjs

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var client_exports = {};
+module.exports = __toCommonJS(client_exports);
+__reExport(client_exports, require('./renderContentSelector.cjs'), module.exports);
+__reExport(client_exports, require('./EditionPanel/index.cjs'), module.exports);
+__reExport(client_exports, require('./ContentEditionLayout.cjs'), module.exports);
+__reExport(client_exports, require('./useEditorServer.cjs'), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require('./renderContentSelector.cjs'),
+  ...require('./EditionPanel/index.cjs'),
+  ...require('./ContentEditionLayout.cjs'),
+  ...require('./useEditorServer.cjs')
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './renderContentSelector';\nexport * from './EditionPanel/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,oCAAd;AACA,2BAAc,iCADd;AAEA,2BAAc,mCAFd;AAGA,2BAAc,8BAHd;","names":[]}

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

@@ -0,0 +1,13 @@
+export { renderContentEditor } from './renderContentSelector.js';
+export { EditionPanel } from './EditionPanel/EditionPanel.js';
+export { useEditionPanelStore } from './EditionPanel/useEditionPanelStore.js';
+export { EditedContent, useEditedContentStore } from './EditionPanel/useEditedContentStore.js';
+export { ContentEditionLayout, ContentEditionLayoutProps } from './ContentEditionLayout.js';
+export { useEditorServer } from './useEditorServer.js';
+import 'react/jsx-runtime';
+import '@intlayer/core';
+import '@intlayer/config/client';
+import 'react';
+import 'zustand';
+import 'zustand/middleware';
+import '@intlayer/design-system';

package/dist/cjs/client/renderContentSelector.cjs

@@ -0,0 +1,39 @@
+"use strict";
+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 renderContentSelector_exports = {};
+__export(renderContentSelector_exports, {
+  renderContentEditor: () => renderContentEditor
+});
+module.exports = __toCommonJS(renderContentSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
+const renderContentEditor = (content, dictionaryId, dictionaryPath, keyPath) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_ContentSelectorWrapper.ContentSelectorWrapper,
+  {
+    dictionaryId,
+    dictionaryPath,
+    keyPath,
+    children: content
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderContentEditor
+});
+//# sourceMappingURL=renderContentSelector.cjs.map

package/dist/cjs/client/renderContentSelector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/renderContentSelector.tsx"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport { ContentSelectorWrapper } from './ContentSelectorWrapper';\n\nexport const renderContentEditor = (\n  content: string,\n  dictionaryId: string,\n  dictionaryPath: string,\n  keyPath: KeyPath[]\n) => (\n  <ContentSelectorWrapper\n    dictionaryId={dictionaryId}\n    dictionaryPath={dictionaryPath}\n    keyPath={keyPath}\n  >\n    {content}\n  </ContentSelectorWrapper>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AARF,oCAAuC;AAEhC,MAAM,sBAAsB,CACjC,SACA,cACA,gBACA,YAEA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;","names":[]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KeyPath } from '@intlayer/core';
+
+declare const renderContentEditor: (content: string, dictionaryId: string, dictionaryPath: string, keyPath: KeyPath[]) => react_jsx_runtime.JSX.Element;
+
+export { renderContentEditor };

package/dist/cjs/client/useEditorServer.cjs

@@ -0,0 +1,53 @@
+"use strict";
+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 useEditorServer_exports = {};
+__export(useEditorServer_exports, {
+  useEditorServer: () => useEditorServer
+});
+module.exports = __toCommonJS(useEditorServer_exports);
+var import_client = require("@intlayer/config/client");
+var import_useEditedContentStore = require('./EditionPanel/useEditedContentStore.cjs');
+const useEditorServer = () => {
+  const { editedContent, clearEditedContent } = (0, import_useEditedContentStore.useEditedContentStore)();
+  const editContentRequest = async () => {
+    const {
+      editor: { port }
+    } = (0, import_client.getConfiguration)();
+    await fetch(`http://localhost:${port}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(editedContent)
+    }).then((response) => {
+      if (!response.ok) {
+        throw new Error("Failed to edit content");
+      }
+      clearEditedContent();
+    }).catch((error) => {
+      console.error("Failed to edit content:", error);
+    });
+  };
+  return { editContentRequest };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEditorServer
+});
+//# sourceMappingURL=useEditorServer.cjs.map

package/dist/cjs/client/useEditorServer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useEditorServer.ts"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport { useEditedContentStore } from './EditionPanel/useEditedContentStore';\n\nexport const useEditorServer = () => {\n  const { editedContent, clearEditedContent } = useEditedContentStore();\n\n  const editContentRequest = async () => {\n    const {\n      editor: { port },\n    } = getConfiguration();\n\n    await fetch(`http://localhost:${port}`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(editedContent),\n    })\n      .then((response) => {\n        if (!response.ok) {\n          throw new Error('Failed to edit content');\n        }\n        clearEditedContent();\n      })\n      .catch((error) => {\n        console.error('Failed to edit content:', error);\n      });\n  };\n\n  return { editContentRequest };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiC;AACjC,mCAAsC;AAE/B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,eAAe,mBAAmB,QAAI,oDAAsB;AAEpE,QAAM,qBAAqB,YAAY;AACrC,UAAM;AAAA,MACJ,QAAQ,EAAE,KAAK;AAAA,IACjB,QAAI,gCAAiB;AAErB,UAAM,MAAM,oBAAoB,IAAI,IAAI;AAAA,MACtC,QAAQ;AAAA,MACR,SAAS;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,MAAM,KAAK,UAAU,aAAa;AAAA,IACpC,CAAC,EACE,KAAK,CAAC,aAAa;AAClB,UAAI,CAAC,SAAS,IAAI;AAChB,cAAM,IAAI,MAAM,wBAAwB;AAAA,MAC1C;AACA,yBAAmB;AAAA,IACrB,CAAC,EACA,MAAM,CAAC,UAAU;AAChB,cAAQ,MAAM,2BAA2B,KAAK;AAAA,IAChD,CAAC;AAAA,EACL;AAEA,SAAO,EAAE,mBAAmB;AAC9B;","names":[]}

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

@@ -0,0 +1,5 @@
+declare const useEditorServer: () => {
+    editContentRequest: () => Promise<void>;
+};
+
+export { useEditorServer };

package/dist/cjs/server/content-editor.cjs

@@ -0,0 +1,156 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var content_editor_exports = {};
+__export(content_editor_exports, {
+  editContent: () => editContent
+});
+module.exports = __toCommonJS(content_editor_exports);
+var import_fs = require("fs");
+var import_module = require("module");
+var import_parser = require("@babel/parser");
+var import_core = require("@intlayer/core");
+var import_prettier = __toESM(require("prettier"));
+const import_meta = {};
+const requireFunction = typeof import_meta.url === "undefined" ? require : (0, import_module.createRequire)(import_meta.url);
+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"
+    ) {
+      foundProperty = currentObj.properties.find(
+        (prop) => "key" in prop && prop.key.name === key.key
+      );
+    }
+    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
+      )
+    ) {
+      foundProperty = currentObj.arguments[0].properties.find(
+        (prop) => "key" in prop && prop.key.name === key.key
+      );
+    }
+    if (foundProperty && "value" in foundProperty) {
+      currentObj = foundProperty.value;
+    } else {
+      return void 0;
+    }
+  }
+  return currentObj;
+};
+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;
+    }
+  }
+};
+const traverseNode = (node, keyPath, newValue) => {
+  if (Array.isArray(node.body)) {
+    node.body.forEach(
+      (subNode) => traverseNode(subNode, keyPath, newValue)
+    );
+  } else if (node.body) {
+    traverseNode(node.body, keyPath, newValue);
+  }
+  if (
+    // For ES Module (e.g., `const variable = ...;  export default variable`)
+    "declarations" in node
+  ) {
+    node.declarations.forEach((declaration) => {
+      if (declaration.init?.type === "ObjectExpression") {
+        findAndUpdate(declaration.init, keyPath, newValue);
+      }
+    });
+  }
+  if (
+    // For ES Module (e.g., `export default { ... }`)
+    "declaration" in node && node.declaration.type === "ObjectExpression"
+  ) {
+    return findAndUpdate(
+      node.declaration,
+      keyPath,
+      newValue
+    );
+  }
+  if (
+    // For CommonJS (e.g., `module.exports = ...`)
+    "expression" in node && node.expression.right.type === "ObjectExpression"
+  ) {
+    return findAndUpdate(
+      node.expression.right,
+      keyPath,
+      newValue
+    );
+  }
+};
+const format = async (content) => {
+  let options = {};
+  try {
+    options = await import_prettier.default.resolveConfig(content, {
+      editorconfig: true
+    }) ?? {};
+  } catch (error) {
+    console.error("Failed to resolve Prettier configuration:", error);
+  }
+  const config = { ...options, parser: "typescript" };
+  return import_prettier.default.format(content, config);
+};
+const editContent = 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"]
+    });
+    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);
+      (0, import_fs.writeFileSync)(dictionaryPath, formattedContent, "utf-8");
+      console.info("Updated the file successfully.");
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  editContent
+});
+//# sourceMappingURL=content-editor.cjs.map

package/dist/cjs/server/content-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/server/content-editor.ts"],"sourcesContent":["import { 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} from '@babel/types';\nimport {\n  NodeType,\n  type KeyPath,\n  type ObjectExpressionNode,\n  type TranslationOrEnumerationNode,\n} from '@intlayer/core';\nimport prettier from 'prettier';\nimport type { EditedContent } from '../client/index';\n\nconst requireFunction =\n  typeof import.meta.url === 'undefined'\n    ? require\n    : createRequire(import.meta.url);\n\nconst { default: generate } = requireFunction('@babel/generator');\n\n/**\n * Helper function to find a nested property in an ObjectExpression based on a key path\n */\nconst findNestedProperty = (\n  obj: ObjectExpression,\n  keyPath: KeyPath[]\n): ObjectExpression | undefined => {\n  let currentObj = obj;\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      foundProperty = currentObj.properties.find(\n        (prop) =>\n          'key' in prop &&\n          (prop.key as Identifier).name === (key as ObjectExpressionNode).key\n      );\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      foundProperty = (\n        (currentObj as unknown as CallExpression)\n          .arguments[0] as ObjectExpression\n      ).properties.find(\n        (prop) => 'key' in prop && (prop.key as Identifier).name === key.key\n      );\n    }\n\n    if (foundProperty && 'value' in foundProperty) {\n      currentObj = foundProperty.value as ObjectExpression;\n    } else {\n      return undefined;\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  // throw new Error('Could not find the specified key path in the AST.');\n};\n\n/**\n * Format the content with Prettier\n */\nconst format = async (content: string) => {\n  // Resolve the configuration from the project\n  let options: prettier.Options = {};\n\n  try {\n    // Resolve the prettier configuration from the project\n    options =\n      (await prettier.resolveConfig(content, {\n        editorconfig: true,\n      })) ?? {};\n  } catch (error) {\n    console.error('Failed to resolve Prettier configuration:', error);\n  }\n\n  // Add the parser option to the resolved config\n  const config: prettier.Options = { ...options, parser: 'typescript' };\n\n  return prettier.format(content, config);\n};\n\n/**\n * Edit the content of a file based on the key path and new value\n */\nexport const editContent = 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":["prettier"]}

package/dist/cjs/server/content-editor.d.ts

@@ -0,0 +1,12 @@
+import { EditedContent } from '../client/EditionPanel/useEditedContentStore.js';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/core';
+import '@intlayer/design-system';
+
+/**
+ * Edit the content of a file based on the key path and new value
+ */
+declare const editContent: (editedContent: EditedContent) => Promise<void>;
+
+export { editContent };

package/dist/cjs/server/index.cjs

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var server_exports = {};
+__export(server_exports, {
+  startIntlayerEditor: () => startIntlayerEditor
+});
+module.exports = __toCommonJS(server_exports);
+var import_config = require("@intlayer/config");
+var import_body_parser = __toESM(require("body-parser"));
+var import_express = __toESM(require("express"));
+var import_content_editor = require('./content-editor.cjs');
+const startIntlayerEditor = () => {
+  const app = (0, import_express.default)();
+  const {
+    editor: { port }
+  } = (0, import_config.getConfiguration)();
+  app.use(import_body_parser.default.json());
+  app.use(import_body_parser.default.urlencoded({ extended: true }));
+  app.post(
+    "/",
+    async (req, res) => {
+      const editedContent = req.body;
+      try {
+        await (0, import_content_editor.editContent)(editedContent);
+        res.send({ success: true, editedContent });
+      } catch (error) {
+        console.error(error);
+        res.status(500).send({ success: false });
+      }
+    }
+  );
+  app.listen(port, () => {
+    console.info(
+      `Intlayer editor server is running on http://localhost:${port}`
+    );
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  startIntlayerEditor
+});
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/server/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/server/index.ts"],"sourcesContent":["import { getConfiguration } from '@intlayer/config';\nimport bodyParser from 'body-parser';\nimport express, { type Request, type Response } from 'express';\nimport type { EditedContent } from '../client';\nimport { editContent } from './content-editor';\n\nexport const startIntlayerEditor = () => {\n  const app = express();\n  const {\n    editor: { port },\n  } = getConfiguration();\n\n  app.use(bodyParser.json());\n  app.use(bodyParser.urlencoded({ extended: true }));\n\n  app.post(\n    '/',\n    async (\n      req: Request<undefined, undefined, EditedContent>,\n      res: Response\n    ) => {\n      const editedContent = req.body;\n\n      try {\n        await editContent(editedContent);\n\n        res.send({ success: true, editedContent });\n      } catch (error) {\n        console.error(error);\n        res.status(500).send({ success: false });\n      }\n    }\n  );\n\n  app.listen(port, () => {\n    console.info(\n      `Intlayer editor server is running on http://localhost:${port}`\n    );\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiC;AACjC,yBAAuB;AACvB,qBAAqD;AAErD,4BAA4B;AAErB,MAAM,sBAAsB,MAAM;AACvC,QAAM,UAAM,eAAAA,SAAQ;AACpB,QAAM;AAAA,IACJ,QAAQ,EAAE,KAAK;AAAA,EACjB,QAAI,gCAAiB;AAErB,MAAI,IAAI,mBAAAC,QAAW,KAAK,CAAC;AACzB,MAAI,IAAI,mBAAAA,QAAW,WAAW,EAAE,UAAU,KAAK,CAAC,CAAC;AAEjD,MAAI;AAAA,IACF;AAAA,IACA,OACE,KACA,QACG;AACH,YAAM,gBAAgB,IAAI;AAE1B,UAAI;AACF,kBAAM,mCAAY,aAAa;AAE/B,YAAI,KAAK,EAAE,SAAS,MAAM,cAAc,CAAC;AAAA,MAC3C,SAAS,OAAO;AACd,gBAAQ,MAAM,KAAK;AACnB,YAAI,OAAO,GAAG,EAAE,KAAK,EAAE,SAAS,MAAM,CAAC;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AAEA,MAAI,OAAO,MAAM,MAAM;AACrB,YAAQ;AAAA,MACN,yDAAyD,IAAI;AAAA,IAC/D;AAAA,EACF,CAAC;AACH;","names":["express","bodyParser"]}

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

@@ -0,0 +1,3 @@
+declare const startIntlayerEditor: () => void;
+
+export { startIntlayerEditor };

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

@@ -0,0 +1,12 @@
+import { Locales } from '@intlayer/config/client';
+import { ReactNode, FC } from 'react';
+
+type ContentEditionLayoutProps = {
+    children?: ReactNode;
+    locale: Locales;
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
+};
+declare const ContentEditionLayout: FC<ContentEditionLayoutProps>;
+
+export { ContentEditionLayout, type ContentEditionLayoutProps };

package/dist/esm/client/ContentEditionLayout.mjs

@@ -0,0 +1,22 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { EditionPanel } from './EditionPanel/index.mjs';
+const ContentEditionLayout = ({
+  children,
+  locale,
+  setLocale,
+  localeList
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  children,
+  /* @__PURE__ */ jsx(
+    EditionPanel,
+    {
+      locale,
+      localeList,
+      setLocale
+    }
+  )
+] });
+export {
+  ContentEditionLayout
+};
+//# sourceMappingURL=ContentEditionLayout.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { FC, ReactNode } from 'react';\nimport { EditionPanel } from './EditionPanel/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    <EditionPanel\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n    />\n  </>\n);\n"],"mappings":"AAiBE,mBAEE,KAFF;AAfF,SAAS,oBAAoB;AAStB,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,GACF;","names":[]}

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

@@ -0,0 +1,12 @@
+import { KeyPath } from '@intlayer/core';
+import { FC } from 'react';
+
+type ContentSelectorWrapperProps = {
+    children: string;
+    dictionaryId: string;
+    dictionaryPath: string;
+    keyPath: KeyPath[];
+};
+declare const ContentSelectorWrapper: FC<ContentSelectorWrapperProps>;
+
+export { ContentSelectorWrapper };

package/dist/esm/client/ContentSelectorWrapper.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ContentSelector } from "@intlayer/design-system";
+import { useEditedContentStore } from './EditionPanel/useEditedContentStore.mjs';
+import { useEditionPanelStore } from './EditionPanel/useEditionPanelStore.mjs';
+const ContentSelectorWrapper = ({
+  children,
+  dictionaryId,
+  dictionaryPath,
+  keyPath
+}) => {
+  const { setFocusedContent } = useEditionPanelStore();
+  const handleSelect = () => setFocusedContent({
+    dictionaryId,
+    dictionaryPath,
+    keyPath
+  });
+  const { getEditedContentValue } = useEditedContentStore();
+  const editedValue = getEditedContentValue(dictionaryPath, keyPath);
+  return /* @__PURE__ */ jsx(ContentSelector, { onSelect: handleSelect, children: editedValue ?? children });
+};
+export {
+  ContentSelectorWrapper
+};
+//# sourceMappingURL=ContentSelectorWrapper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type { KeyPath } from '@intlayer/core';\nimport { ContentSelector } from '@intlayer/design-system';\nimport type { FC } from 'react';\nimport { useEditedContentStore } from './EditionPanel/useEditedContentStore';\nimport { useEditionPanelStore } from './EditionPanel/useEditionPanelStore';\n\ntype ContentSelectorWrapperProps = {\n  children: string;\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 { setFocusedContent } = useEditionPanelStore();\n  const handleSelect = () =>\n    setFocusedContent({\n      dictionaryId,\n      dictionaryPath,\n      keyPath,\n    });\n\n  const { getEditedContentValue } = useEditedContentStore();\n  const editedValue = getEditedContentValue(dictionaryPath, keyPath);\n\n  return (\n    <ContentSelector onSelect={handleSelect}>\n      {editedValue ?? children}\n    </ContentSelector>\n  );\n};\n"],"mappings":";AAiCI;AA9BJ,SAAS,uBAAuB;AAEhC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAS9B,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,kBAAkB,IAAI,qBAAqB;AACnD,QAAM,eAAe,MACnB,kBAAkB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,QAAM,EAAE,sBAAsB,IAAI,sBAAsB;AACxD,QAAM,cAAc,sBAAsB,gBAAgB,OAAO;AAEjE,SACE,oBAAC,mBAAgB,UAAU,cACxB,yBAAe,UAClB;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import { Locales } from '@intlayer/config/client';
+import { FC } from 'react';
+
+type EditionPanelProps = {
+    locale: Locales;
+    localeList: Locales[];
+    setLocale: (locale: Locales) => void;
+};
+declare const EditionPanel: FC<EditionPanelProps>;
+
+export { EditionPanel };