intlayer-editor 2.0.0

package/dist/esm/client/EditionPanel/EditionPanel.mjs

@@ -0,0 +1,72 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  useRightDrawerStore,
+  RightDrawer,
+  DictionaryEditor,
+  LocaleSwitcher
+} from "@intlayer/design-system";
+import dictionaries from "@intlayer/dictionaries-entry";
+import { useEffect } from "react";
+import { useEditorServer } from '../useEditorServer.mjs';
+import { useEditedContentStore } from './useEditedContentStore.mjs';
+import { useEditionPanelStore } from './useEditionPanelStore.mjs';
+const EditionPanel = ({
+  locale,
+  localeList,
+  setLocale
+}) => {
+  const { open } = useRightDrawerStore();
+  const { focusedContent, setFocusedContent } = useEditionPanelStore();
+  const { editedContent, addEditedContent, clearEditedDictionaryContent } = useEditedContentStore();
+  const { editContentRequest } = useEditorServer();
+  useEffect(() => {
+    if (focusedContent !== null) {
+      open();
+    }
+  }, [focusedContent, open]);
+  if (!focusedContent) {
+    return null;
+  }
+  const dictionary = dictionaries[focusedContent.dictionaryId];
+  if (!dictionary?.filePath) {
+    return null;
+  }
+  const dictionaryPath = dictionary.filePath;
+  const editedDictionaryContent = editedContent[dictionaryPath] ?? [];
+  return /* @__PURE__ */ jsx(
+    RightDrawer,
+    {
+      title: dictionary.id,
+      label: `Edit dictionary ${dictionary.id}`,
+      header: /* @__PURE__ */ jsx(
+        LocaleSwitcher,
+        {
+          setLocale,
+          locale,
+          localeList
+        }
+      ),
+      children: /* @__PURE__ */ jsx(
+        DictionaryEditor,
+        {
+          dictionary,
+          locale,
+          focusedKeyPath: focusedContent.keyPath,
+          editedContent: editedDictionaryContent,
+          onFocusKeyPath: (keyPath) => setFocusedContent({ ...focusedContent, keyPath }),
+          onContentChange: (keyPath, newValue) => addEditedContent(dictionaryPath, keyPath, newValue),
+          onValidEdition: editContentRequest,
+          onCancelEdition: () => {
+            clearEditedDictionaryContent(dictionaryPath);
+            setFocusedContent(null);
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  EditionPanel
+};
+//# sourceMappingURL=EditionPanel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/EditionPanel/EditionPanel.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { ContentModule } from '@intlayer/core';\nimport {\n  useRightDrawerStore,\n  RightDrawer,\n  DictionaryEditor,\n  LocaleSwitcher,\n} from '@intlayer/design-system';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport { type FC, useEffect } from 'react';\nimport { useEditorServer } from '../useEditorServer';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\n\ntype EditionPanelProps = {\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const EditionPanel: FC<EditionPanelProps> = ({\n  locale,\n  localeList,\n  setLocale,\n}) => {\n  const { open } = useRightDrawerStore();\n  const { focusedContent, setFocusedContent } = useEditionPanelStore();\n  const { editedContent, addEditedContent, clearEditedDictionaryContent } =\n    useEditedContentStore();\n  const { editContentRequest } = useEditorServer();\n\n  // Use effect to react to changes in focusedContent\n  useEffect(() => {\n    if (focusedContent !== null) {\n      open(); // Call the open function from useRightDrawerStore\n    }\n  }, [focusedContent, open]); // Depend on focusedContent and open to trigger the effect\n\n  if (!focusedContent) {\n    return null;\n  }\n\n  const dictionary: ContentModule = dictionaries[focusedContent.dictionaryId];\n\n  if (!dictionary?.filePath) {\n    return null;\n  }\n\n  const dictionaryPath = dictionary.filePath;\n  const editedDictionaryContent = editedContent[dictionaryPath] ?? [];\n\n  return (\n    <RightDrawer\n      title={dictionary.id}\n      label={`Edit dictionary ${dictionary.id}`}\n      header={\n        <LocaleSwitcher\n          setLocale={setLocale}\n          locale={locale}\n          localeList={localeList}\n        />\n      }\n    >\n      <DictionaryEditor\n        dictionary={dictionary}\n        locale={locale}\n        focusedKeyPath={focusedContent.keyPath}\n        editedContent={editedDictionaryContent}\n        onFocusKeyPath={(keyPath) =>\n          setFocusedContent({ ...focusedContent, keyPath })\n        }\n        onContentChange={(keyPath, newValue) =>\n          addEditedContent(dictionaryPath, keyPath, newValue)\n        }\n        onValidEdition={editContentRequest}\n        onCancelEdition={() => {\n          clearEditedDictionaryContent(dictionaryPath);\n          setFocusedContent(null);\n        }}\n      />\n    </RightDrawer>\n  );\n};\n"],"mappings":";AA+DQ;AA3DR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,OAAO,kBAAkB;AACzB,SAAkB,iBAAiB;AACnC,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAQ9B,MAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,KAAK,IAAI,oBAAoB;AACrC,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,qBAAqB;AACnE,QAAM,EAAE,eAAe,kBAAkB,6BAA6B,IACpE,sBAAsB;AACxB,QAAM,EAAE,mBAAmB,IAAI,gBAAgB;AAG/C,YAAU,MAAM;AACd,QAAI,mBAAmB,MAAM;AAC3B,WAAK;AAAA,IACP;AAAA,EACF,GAAG,CAAC,gBAAgB,IAAI,CAAC;AAEzB,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,EACT;AAEA,QAAM,aAA4B,aAAa,eAAe,YAAY;AAE1E,MAAI,CAAC,YAAY,UAAU;AACzB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,WAAW;AAClC,QAAM,0BAA0B,cAAc,cAAc,KAAK,CAAC;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,WAAW;AAAA,MAClB,OAAO,mBAAmB,WAAW,EAAE;AAAA,MACvC,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,gBAAgB,eAAe;AAAA,UAC/B,eAAe;AAAA,UACf,gBAAgB,CAAC,YACf,kBAAkB,EAAE,GAAG,gBAAgB,QAAQ,CAAC;AAAA,UAElD,iBAAiB,CAAC,SAAS,aACzB,iBAAiB,gBAAgB,SAAS,QAAQ;AAAA,UAEpD,gBAAgB;AAAA,UAChB,iBAAiB,MAAM;AACrB,yCAA6B,cAAc;AAC3C,8BAAkB,IAAI;AAAA,UACxB;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,9 @@
+export { EditionPanel } from './EditionPanel.mjs';
+export { useEditionPanelStore } from './useEditionPanelStore.mjs';
+export { EditedContent, useEditedContentStore } from './useEditedContentStore.mjs';
+import '@intlayer/config/client';
+import 'react';
+import 'zustand';
+import '@intlayer/core';
+import 'zustand/middleware';
+import '@intlayer/design-system';

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

@@ -0,0 +1,4 @@
+export * from './EditionPanel.mjs';
+export * from './useEditionPanelStore.mjs';
+export * from './useEditedContentStore.mjs';
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/EditionPanel/index.ts"],"sourcesContent":["export * from './EditionPanel';\nexport * from './useEditionPanelStore';\nexport * from './useEditedContentStore';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,28 @@
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+import { KeyPath } from '@intlayer/core';
+import { FileContent } from '@intlayer/design-system';
+
+type DictionaryPath = string;
+type EditedContent = Record<DictionaryPath, FileContent[]>;
+type EditedContentStore = {
+    editedContent: EditedContent;
+    addEditedContent: (dictionaryPath: DictionaryPath, keyPath: KeyPath[], newValue: string) => void;
+    removeEditedContent: (dictionaryPath: DictionaryPath, keyPath: KeyPath[]) => void;
+    clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;
+    clearEditedContent: () => void;
+    getEditedContentValue: (dictionaryPath: DictionaryPath, keyPath: KeyPath[]) => string | undefined;
+};
+declare const useEditedContentStore: zustand.UseBoundStore<Omit<zustand.StoreApi<EditedContentStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<EditedContentStore, EditedContentStore>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: EditedContentStore) => void) => () => void;
+        onFinishHydration: (fn: (state: EditedContentStore) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<EditedContentStore, EditedContentStore>>;
+    };
+}>;
+
+export { type EditedContent, useEditedContentStore };

package/dist/esm/client/EditionPanel/useEditedContentStore.mjs

@@ -0,0 +1,66 @@
+import { create } from "zustand";
+import { persist, createJSONStorage } from "zustand/middleware";
+const isSameKeyPath = (keyPath1, keyPath2) => keyPath1.every(
+  (element, index) => keyPath2[index] && keyPath2[index].key === element.key && keyPath2[index].type === element.type
+);
+const useEditedContentStore = create(
+  persist(
+    (set, get) => ({
+      editedContent: {},
+      addEditedContent: (dictionaryPath, keyPath, newValue) => {
+        set((state) => {
+          const editedContent = state.editedContent[dictionaryPath] ?? [];
+          return {
+            editedContent: {
+              ...state.editedContent,
+              [dictionaryPath]: [
+                ...editedContent.filter(
+                  (content) => !isSameKeyPath(content.keyPath, keyPath)
+                ),
+                {
+                  keyPath,
+                  newValue
+                }
+              ]
+            }
+          };
+        });
+      },
+      removeEditedContent: (dictionaryPath, keyPath) => {
+        set((state) => {
+          const editedContent = state.editedContent[dictionaryPath] ?? [];
+          return {
+            editedContent: {
+              ...state.editedContent,
+              [dictionaryPath]: editedContent.filter(
+                (content) => content.keyPath !== keyPath
+              )
+            }
+          };
+        });
+      },
+      clearEditedDictionaryContent: (dictionaryPath) => {
+        set((state) => ({
+          editedContent: {
+            ...state.editedContent,
+            [dictionaryPath]: []
+          }
+        }));
+      },
+      clearEditedContent: () => {
+        set({ editedContent: {} });
+      },
+      getEditedContentValue: (dictionaryPath, keyPath) => get().editedContent[dictionaryPath]?.find(
+        (content) => isSameKeyPath(content.keyPath, keyPath)
+      )?.newValue
+    }),
+    {
+      name: "edited-content-store",
+      storage: createJSONStorage(() => sessionStorage)
+    }
+  )
+);
+export {
+  useEditedContentStore
+};
+//# sourceMappingURL=useEditedContentStore.mjs.map

package/dist/esm/client/EditionPanel/useEditedContentStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/EditionPanel/useEditedContentStore.ts"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport type { FileContent } from '@intlayer/design-system';\nimport { create } from 'zustand';\nimport { persist, createJSONStorage } from 'zustand/middleware';\n\ntype DictionaryPath = string;\n\nexport type EditedContent = Record<DictionaryPath, FileContent[]>;\n\ntype EditedContentStore = {\n  editedContent: EditedContent;\n  addEditedContent: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[],\n    newValue: string\n  ) => void;\n  removeEditedContent: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[]\n  ) => void;\n  clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;\n  clearEditedContent: () => void;\n  getEditedContentValue: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[]\n  ) => string | undefined;\n};\n\nconst isSameKeyPath = (keyPath1: KeyPath[], keyPath2: KeyPath[]) =>\n  keyPath1.every(\n    (element, index) =>\n      keyPath2[index] &&\n      keyPath2[index].key === element.key &&\n      keyPath2[index].type === element.type\n  );\n\nexport const useEditedContentStore = create(\n  persist<EditedContentStore>(\n    (set, get) => ({\n      editedContent: {},\n      addEditedContent: (dictionaryPath, keyPath, newValue) => {\n        set((state) => {\n          const editedContent = state.editedContent[dictionaryPath] ?? [];\n          return {\n            editedContent: {\n              ...state.editedContent,\n              [dictionaryPath]: [\n                ...editedContent.filter(\n                  (content) => !isSameKeyPath(content.keyPath, keyPath)\n                ),\n                {\n                  keyPath,\n                  newValue,\n                },\n              ],\n            },\n          };\n        });\n      },\n\n      removeEditedContent: (dictionaryPath, keyPath) => {\n        set((state) => {\n          const editedContent = state.editedContent[dictionaryPath] ?? [];\n          return {\n            editedContent: {\n              ...state.editedContent,\n              [dictionaryPath]: editedContent.filter(\n                (content) => content.keyPath !== keyPath\n              ),\n            },\n          };\n        });\n      },\n\n      clearEditedDictionaryContent: (dictionaryPath) => {\n        set((state) => ({\n          editedContent: {\n            ...state.editedContent,\n            [dictionaryPath]: [],\n          },\n        }));\n      },\n\n      clearEditedContent: () => {\n        set({ editedContent: {} });\n      },\n\n      getEditedContentValue: (dictionaryPath, keyPath): string | undefined =>\n        get().editedContent[dictionaryPath]?.find((content) =>\n          isSameKeyPath(content.keyPath, keyPath)\n        )?.newValue,\n    }),\n    {\n      name: 'edited-content-store',\n      storage: createJSONStorage(() => sessionStorage),\n    }\n  )\n);\n"],"mappings":"AAEA,SAAS,cAAc;AACvB,SAAS,SAAS,yBAAyB;AAyB3C,MAAM,gBAAgB,CAAC,UAAqB,aAC1C,SAAS;AAAA,EACP,CAAC,SAAS,UACR,SAAS,KAAK,KACd,SAAS,KAAK,EAAE,QAAQ,QAAQ,OAChC,SAAS,KAAK,EAAE,SAAS,QAAQ;AACrC;AAEK,MAAM,wBAAwB;AAAA,EACnC;AAAA,IACE,CAAC,KAAK,SAAS;AAAA,MACb,eAAe,CAAC;AAAA,MAChB,kBAAkB,CAAC,gBAAgB,SAAS,aAAa;AACvD,YAAI,CAAC,UAAU;AACb,gBAAM,gBAAgB,MAAM,cAAc,cAAc,KAAK,CAAC;AAC9D,iBAAO;AAAA,YACL,eAAe;AAAA,cACb,GAAG,MAAM;AAAA,cACT,CAAC,cAAc,GAAG;AAAA,gBAChB,GAAG,cAAc;AAAA,kBACf,CAAC,YAAY,CAAC,cAAc,QAAQ,SAAS,OAAO;AAAA,gBACtD;AAAA,gBACA;AAAA,kBACE;AAAA,kBACA;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,qBAAqB,CAAC,gBAAgB,YAAY;AAChD,YAAI,CAAC,UAAU;AACb,gBAAM,gBAAgB,MAAM,cAAc,cAAc,KAAK,CAAC;AAC9D,iBAAO;AAAA,YACL,eAAe;AAAA,cACb,GAAG,MAAM;AAAA,cACT,CAAC,cAAc,GAAG,cAAc;AAAA,gBAC9B,CAAC,YAAY,QAAQ,YAAY;AAAA,cACnC;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEA,8BAA8B,CAAC,mBAAmB;AAChD,YAAI,CAAC,WAAW;AAAA,UACd,eAAe;AAAA,YACb,GAAG,MAAM;AAAA,YACT,CAAC,cAAc,GAAG,CAAC;AAAA,UACrB;AAAA,QACF,EAAE;AAAA,MACJ;AAAA,MAEA,oBAAoB,MAAM;AACxB,YAAI,EAAE,eAAe,CAAC,EAAE,CAAC;AAAA,MAC3B;AAAA,MAEA,uBAAuB,CAAC,gBAAgB,YACtC,IAAI,EAAE,cAAc,cAAc,GAAG;AAAA,QAAK,CAAC,YACzC,cAAc,QAAQ,SAAS,OAAO;AAAA,MACxC,GAAG;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS,kBAAkB,MAAM,cAAc;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}

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

@@ -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/esm/client/EditionPanel/useEditionPanelStore.mjs

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+const useEditionPanelStore = create((set) => ({
+  focusedContent: null,
+  setFocusedContent: (content) => set({ focusedContent: content })
+}));
+export {
+  useEditionPanelStore
+};
+//# sourceMappingURL=useEditionPanelStore.mjs.map

package/dist/esm/client/EditionPanel/useEditionPanelStore.mjs.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":"AACA,SAAS,cAAc;AAchB,MAAM,uBAAuB,OAA0B,CAAC,SAAS;AAAA,EACtE,gBAAgB;AAAA,EAChB,mBAAmB,CAAC,YAAY,IAAI,EAAE,gBAAgB,QAAQ,CAAC;AACjE,EAAE;","names":[]}

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

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

package/dist/esm/client/index.mjs

@@ -0,0 +1,5 @@
+export * from './renderContentSelector.mjs';
+export * from './EditionPanel/index.mjs';
+export * from './ContentEditionLayout.mjs';
+export * from './useEditorServer.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/esm/client/index.mjs.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,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -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/esm/client/renderContentSelector.mjs

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { ContentSelectorWrapper } from './ContentSelectorWrapper.mjs';
+const renderContentEditor = (content, dictionaryId, dictionaryPath, keyPath) => /* @__PURE__ */ jsx(
+  ContentSelectorWrapper,
+  {
+    dictionaryId,
+    dictionaryPath,
+    keyPath,
+    children: content
+  }
+);
+export {
+  renderContentEditor
+};
+//# sourceMappingURL=renderContentSelector.mjs.map

package/dist/esm/client/renderContentSelector.mjs.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":"AASE;AARF,SAAS,8BAA8B;AAEhC,MAAM,sBAAsB,CACjC,SACA,cACA,gBACA,YAEA;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IAEC;AAAA;AACH;","names":[]}

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

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

package/dist/esm/client/useEditorServer.mjs

@@ -0,0 +1,29 @@
+import { getConfiguration } from "@intlayer/config/client";
+import { useEditedContentStore } from './EditionPanel/useEditedContentStore.mjs';
+const useEditorServer = () => {
+  const { editedContent, clearEditedContent } = useEditedContentStore();
+  const editContentRequest = async () => {
+    const {
+      editor: { port }
+    } = 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 };
+};
+export {
+  useEditorServer
+};
+//# sourceMappingURL=useEditorServer.mjs.map

package/dist/esm/client/useEditorServer.mjs.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,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AAE/B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,eAAe,mBAAmB,IAAI,sBAAsB;AAEpE,QAAM,qBAAqB,YAAY;AACrC,UAAM;AAAA,MACJ,QAAQ,EAAE,KAAK;AAAA,IACjB,IAAI,iBAAiB;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/esm/server/content-editor.d.mts

@@ -0,0 +1,12 @@
+import { EditedContent } from '../client/EditionPanel/useEditedContentStore.mjs';
+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/esm/server/content-editor.mjs

@@ -0,0 +1,123 @@
+import { readFileSync, writeFileSync } from "fs";
+import { createRequire } from "module";
+import { parse } from "@babel/parser";
+import {
+  NodeType
+} from "@intlayer/core";
+import prettier from "prettier";
+const requireFunction = typeof import.meta.url === "undefined" ? require : 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(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 prettier.resolveConfig(content, {
+      editorconfig: true
+    }) ?? {};
+  } catch (error) {
+    console.error("Failed to resolve Prettier configuration:", error);
+  }
+  const config = { ...options, parser: "typescript" };
+  return prettier.format(content, config);
+};
+const editContent = async (editedContent) => {
+  for (const dictionaryPath of Object.keys(editedContent)) {
+    const fileContent = readFileSync(dictionaryPath, "utf-8");
+    const parsed = 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);
+      writeFileSync(dictionaryPath, formattedContent, "utf-8");
+      console.info("Updated the file successfully.");
+    }
+  }
+};
+export {
+  editContent
+};
+//# sourceMappingURL=content-editor.mjs.map

package/dist/esm/server/content-editor.mjs.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":"AAAA,SAAS,cAAc,qBAAqB;AAC5C,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAatB;AAAA,EACE;AAAA,OAIK;AACP,OAAO,cAAc;AAGrB,MAAM,kBACJ,OAAO,YAAY,QAAQ,cACvB,UACA,cAAc,YAAY,GAAG;AAEnC,MAAM,EAAE,SAAS,SAAS,IAAI,gBAAgB,kBAAkB;AAKhE,MAAM,qBAAqB,CACzB,KACA,YACiC;AACjC,MAAI,aAAa;AACjB,aAAW,OAAO,SAAS;AACzB,QAAI;AAMJ;AAAA;AAAA,MAEG,IAA6B,SAAS;AAAA,MACvC;AACA,sBAAgB,WAAW,WAAW;AAAA,QACpC,CAAC,SACC,SAAS,QACR,KAAK,IAAmB,SAAU,IAA6B;AAAA,MACpE;AAAA,IACF;AAEA;AAAA;AAAA,MAEE,OAAO,OAAO,QAAQ,EAAE;AAAA,QACrB,IAAqC;AAAA,MACxC;AAAA,MACA;AACA,sBACG,WACE,UAAU,CAAC,EACd,WAAW;AAAA,QACX,CAAC,SAAS,SAAS,QAAS,KAAK,IAAmB,SAAS,IAAI;AAAA,MACnE;AAAA,IACF;AAEA,QAAI,iBAAiB,WAAW,eAAe;AAC7C,mBAAa,cAAc;AAAA,IAC7B,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAKA,MAAM,gBAAgB,CACpB,SACA,SACA,aACG;AACH,QAAM,UAAU,QAAQ,QAAQ,SAAS,CAAC;AAE1C,MAAI,SAAS;AACX,UAAM,mBAAmB,mBAAmB,SAAS,OAAO;AAE5D,QAAI,oBAAoB,WAAW,kBAAkB;AACnD,MAAC,iBAA8C,QAAQ;AAAA,IACzD;AAAA,EACF;AACF;AAKA,MAAM,eAAe,CAAC,MAAe,SAAoB,aAAqB;AAC5E,MAAI,MAAM,QAAQ,KAAK,IAAI,GAAG;AAC5B,IAAC,KAAK,KAA8B;AAAA,MAAQ,CAAC,YAC3C,aAAa,SAAS,SAAS,QAAQ;AAAA,IACzC;AAAA,EACF,WAAW,KAAK,MAAM;AACpB,iBAAa,KAAK,MAAM,SAAS,QAAQ;AAAA,EAC3C;AAEA;AAAA;AAAA,IAEE,kBAAkB;AAAA,IAClB;AACA,IAAC,KAAK,aAAsC,QAAQ,CAAC,gBAAgB;AACnE,UAAI,YAAY,MAAM,SAAS,oBAAoB;AACjD,sBAAc,YAAY,MAAM,SAAS,QAAQ;AAAA,MACnD;AAAA,IACF,CAAC;AAAA,EACH;AAEA;AAAA;AAAA,IAEE,iBAAiB,QAChB,KAAK,YAAiC,SAAS;AAAA,IAChD;AACA,WAAO;AAAA,MACL,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA;AAAA;AAAA,IAEE,gBAAgB,QACf,KAAK,WAAoC,MAAM,SAAS;AAAA,IACzD;AACA,WAAO;AAAA,MACJ,KAAK,WAAoC;AAAA,MAC1C;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGF;AAKA,MAAM,SAAS,OAAO,YAAoB;AAExC,MAAI,UAA4B,CAAC;AAEjC,MAAI;AAEF,cACG,MAAM,SAAS,cAAc,SAAS;AAAA,MACrC,cAAc;AAAA,IAChB,CAAC,KAAM,CAAC;AAAA,EACZ,SAAS,OAAO;AACd,YAAQ,MAAM,6CAA6C,KAAK;AAAA,EAClE;AAGA,QAAM,SAA2B,EAAE,GAAG,SAAS,QAAQ,aAAa;AAEpE,SAAO,SAAS,OAAO,SAAS,MAAM;AACxC;AAKO,MAAM,cAAc,OAAO,kBAAiC;AAEjE,aAAW,kBAAkB,OAAO,KAAK,aAAa,GAAG;AAEvD,UAAM,cAAc,aAAa,gBAAgB,OAAO;AAGxD,UAAM,SAAS,MAAM,aAAa;AAAA,MAChC,YAAY;AAAA,MACZ,SAAS,CAAC,OAAO,YAAY;AAAA,IAC/B,CAAC;AAGD,eAAW,EAAE,SAAS,SAAS,KAAK,cAAc,cAAc,GAAG;AAEjE,mBAAa,OAAO,SAAS,SAAS,QAAQ;AAAA,IAChD;AAGA,UAAM,iBAAiB,SAAS,MAAM,EAAE;AAExC,QAAI,gBAAgB,gBAAgB;AAClC,cAAQ,KAAK,wCAAwC,cAAc,GAAG;AAAA,IACxE,OAAO;AACL,YAAM,mBAAmB,MAAM,OAAO,cAAc;AAGpD,oBAAc,gBAAgB,kBAAkB,OAAO;AAEvD,cAAQ,KAAK,gCAAgC;AAAA,IAC/C;AAAA,EACF;AACF;","names":[]}

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

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

package/dist/esm/server/index.mjs

@@ -0,0 +1,34 @@
+import { getConfiguration } from "@intlayer/config";
+import bodyParser from "body-parser";
+import express from "express";
+import { editContent } from './content-editor.mjs';
+const startIntlayerEditor = () => {
+  const app = express();
+  const {
+    editor: { port }
+  } = getConfiguration();
+  app.use(bodyParser.json());
+  app.use(bodyParser.urlencoded({ extended: true }));
+  app.post(
+    "/",
+    async (req, res) => {
+      const editedContent = req.body;
+      try {
+        await 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}`
+    );
+  });
+};
+export {
+  startIntlayerEditor
+};
+//# sourceMappingURL=index.mjs.map

package/dist/esm/server/index.mjs.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,SAAS,wBAAwB;AACjC,OAAO,gBAAgB;AACvB,OAAO,aAA8C;AAErD,SAAS,mBAAmB;AAErB,MAAM,sBAAsB,MAAM;AACvC,QAAM,MAAM,QAAQ;AACpB,QAAM;AAAA,IACJ,QAAQ,EAAE,KAAK;AAAA,EACjB,IAAI,iBAAiB;AAErB,MAAI,IAAI,WAAW,KAAK,CAAC;AACzB,MAAI,IAAI,WAAW,WAAW,EAAE,UAAU,KAAK,CAAC,CAAC;AAEjD,MAAI;AAAA,IACF;AAAA,IACA,OACE,KACA,QACG;AACH,YAAM,gBAAgB,IAAI;AAE1B,UAAI;AACF,cAAM,YAAY,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":[]}