intlayer-editor 2.0.0 → 2.1.1

package/dist/esm/client/DictionaryEditionDrawer/DictionaryEditionDrawer.mjs

@@ -0,0 +1,104 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  RightDrawer,
+  DictionaryEditor,
+  LocaleSwitcher
+} from "@intlayer/design-system";
+import dictionaries from "@intlayer/dictionaries-entry";
+import { useDictionaryListDrawer } from '../DictionaryListDrawer/index.mjs';
+import {
+  useDictionaryEditionDrawer
+} from './useDictionaryEditionDrawer.mjs';
+import { useEditionPanelStore } from './useFocusContentStore.mjs';
+const DictionaryEditionDrawerContent = ({ focusedContent, locale, identifier }) => {
+  const {
+    setFocusedContent,
+    editContentRequest,
+    editedContent,
+    addEditedContent,
+    clearEditedDictionaryContent
+  } = useDictionaryEditionDrawer(identifier);
+  const dictionaryId = focusedContent.dictionaryId;
+  const dictionary = dictionaries[dictionaryId];
+  const dictionaryPath = dictionary.filePath;
+  const editedDictionaryContent = editedContent[dictionaryPath];
+  return /* @__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)
+    }
+  );
+};
+const getDrawerIdentifier = (dictionaryId) => `dictionary_edition_${dictionaryId}`;
+const DictionaryEditionDrawer = ({
+  locale,
+  localeList,
+  setLocale,
+  dictionaryId
+}) => {
+  const id = getDrawerIdentifier(dictionaryId);
+  const { focusedContent, close } = useDictionaryEditionDrawer(dictionaryId);
+  const { open: openDictionaryListDrawer } = useDictionaryListDrawer();
+  const handleOnBack = () => {
+    close();
+    openDictionaryListDrawer();
+  };
+  return /* @__PURE__ */ jsx(
+    RightDrawer,
+    {
+      title: dictionaryId,
+      identifier: id,
+      header: /* @__PURE__ */ jsx(
+        LocaleSwitcher,
+        {
+          setLocale,
+          locale,
+          localeList
+        }
+      ),
+      backButton: {
+        onBack: handleOnBack,
+        text: "Dictionary list"
+      },
+      children: focusedContent && /* @__PURE__ */ jsx(
+        DictionaryEditionDrawerContent,
+        {
+          focusedContent,
+          locale,
+          identifier: id
+        }
+      )
+    }
+  );
+};
+const DictionaryEditionDrawerController = ({ locale, localeList, setLocale }) => {
+  const focusedContent = useEditionPanelStore((s) => s.focusedContent);
+  const dictionaryId = focusedContent?.dictionaryId;
+  if (!dictionaryId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    DictionaryEditionDrawer,
+    {
+      locale,
+      localeList,
+      setLocale,
+      dictionaryId
+    }
+  );
+};
+export {
+  DictionaryEditionDrawer,
+  DictionaryEditionDrawerContent,
+  DictionaryEditionDrawerController,
+  getDrawerIdentifier
+};
+//# sourceMappingURL=DictionaryEditionDrawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/DictionaryEditionDrawer.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  RightDrawer,\n  DictionaryEditor,\n  LocaleSwitcher,\n  type FileContent,\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 } from 'react';\nimport { useDictionaryListDrawer } from '../DictionaryListDrawer/index';\nimport {\n  type FileContent as FileContentWithDictionaryPath,\n  useDictionaryEditionDrawer,\n} from './useDictionaryEditionDrawer';\nimport { useEditionPanelStore } from './useFocusContentStore';\n\ntype DictionaryEditionDrawerContentProps = {\n  focusedContent: FileContentWithDictionaryPath;\n  locale: Locales;\n  identifier: string;\n};\n\nexport const DictionaryEditionDrawerContent: FC<\n  DictionaryEditionDrawerContentProps\n> = ({ focusedContent, locale, identifier }) => {\n  const {\n    setFocusedContent,\n    editContentRequest,\n    editedContent,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  } = useDictionaryEditionDrawer(identifier);\n\n  const dictionaryId: string = focusedContent.dictionaryId;\n  const dictionary: Dictionary = dictionaries[dictionaryId];\n  const dictionaryPath: string = dictionary.filePath;\n  const editedDictionaryContent: FileContent[] = editedContent[dictionaryPath];\n\n  return (\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={() => clearEditedDictionaryContent(dictionaryPath)}\n    />\n  );\n};\n\ntype DictionaryEditionDrawerProps = DictionaryEditionDrawerControllerProps & {\n  dictionaryId: string;\n};\n\nexport const getDrawerIdentifier = (dictionaryId: string) =>\n  `dictionary_edition_${dictionaryId}`;\n\nexport const DictionaryEditionDrawer: FC<DictionaryEditionDrawerProps> = ({\n  locale,\n  localeList,\n  setLocale,\n  dictionaryId,\n}) => {\n  const id = getDrawerIdentifier(dictionaryId);\n\n  const { focusedContent, close } = useDictionaryEditionDrawer(dictionaryId);\n  const { open: openDictionaryListDrawer } = useDictionaryListDrawer();\n\n  const handleOnBack = () => {\n    close();\n    openDictionaryListDrawer();\n  };\n\n  return (\n    <RightDrawer\n      title={dictionaryId}\n      identifier={id}\n      header={\n        <LocaleSwitcher\n          setLocale={setLocale}\n          locale={locale}\n          localeList={localeList}\n        />\n      }\n      backButton={{\n        onBack: handleOnBack,\n        text: 'Dictionary list',\n      }}\n    >\n      {focusedContent && (\n        <DictionaryEditionDrawerContent\n          focusedContent={focusedContent}\n          locale={locale}\n          identifier={id}\n        />\n      )}\n    </RightDrawer>\n  );\n};\n\ntype DictionaryEditionDrawerControllerProps = {\n  locale: Locales;\n  localeList: Locales[];\n  setLocale: (locale: Locales) => void;\n};\n\nexport const DictionaryEditionDrawerController: FC<\n  DictionaryEditionDrawerControllerProps\n> = ({ locale, localeList, setLocale }) => {\n  const focusedContent = useEditionPanelStore((s) => s.focusedContent);\n  const dictionaryId: string | undefined = focusedContent?.dictionaryId;\n\n  if (!dictionaryId) {\n    return null;\n  }\n\n  return (\n    <DictionaryEditionDrawer\n      locale={locale}\n      localeList={localeList}\n      setLocale={setLocale}\n      dictionaryId={dictionaryId}\n    />\n  );\n};\n"],"mappings":";AA+CI;AA3CJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAMP,OAAO,kBAAkB;AAEzB,SAAS,+BAA+B;AACxC;AAAA,EAEE;AAAA,OACK;AACP,SAAS,4BAA4B;AAQ9B,MAAM,iCAET,CAAC,EAAE,gBAAgB,QAAQ,WAAW,MAAM;AAC9C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,UAAU;AAEzC,QAAM,eAAuB,eAAe;AAC5C,QAAM,aAAyB,aAAa,YAAY;AACxD,QAAM,iBAAyB,WAAW;AAC1C,QAAM,0BAAyC,cAAc,cAAc;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAgB,eAAe;AAAA,MAC/B,eAAe;AAAA,MACf,gBAAgB,CAAC,YACf,kBAAkB,EAAE,GAAG,gBAAgB,QAAQ,CAAC;AAAA,MAElD,iBAAiB,CAAC,SAAS,aACzB,iBAAiB,gBAAgB,SAAS,QAAQ;AAAA,MAEpD,gBAAgB;AAAA,MAChB,iBAAiB,MAAM,6BAA6B,cAAc;AAAA;AAAA,EACpE;AAEJ;AAMO,MAAM,sBAAsB,CAAC,iBAClC,sBAAsB,YAAY;AAE7B,MAAM,0BAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,KAAK,oBAAoB,YAAY;AAE3C,QAAM,EAAE,gBAAgB,MAAM,IAAI,2BAA2B,YAAY;AACzE,QAAM,EAAE,MAAM,yBAAyB,IAAI,wBAAwB;AAEnE,QAAM,eAAe,MAAM;AACzB,UAAM;AACN,6BAAyB;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,QACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,MAAM;AAAA,MACR;AAAA,MAEC,4BACC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,YAAY;AAAA;AAAA,MACd;AAAA;AAAA,EAEJ;AAEJ;AAQO,MAAM,oCAET,CAAC,EAAE,QAAQ,YAAY,UAAU,MAAM;AACzC,QAAM,iBAAiB,qBAAqB,CAAC,MAAM,EAAE,cAAc;AACnE,QAAM,eAAmC,gBAAgB;AAEzD,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -0,0 +1,9 @@
+export { DictionaryEditionDrawer, DictionaryEditionDrawerContent, DictionaryEditionDrawerController, getDrawerIdentifier } from './DictionaryEditionDrawer.mjs';
+export { FileContent, useDictionaryEditionDrawer, useDictionaryEditionDrawerControl } from './useDictionaryEditionDrawer.mjs';
+export { EditedContent, useEditedContentStore } from './useEditedContentStore.mjs';
+import '@intlayer/config/client';
+import 'react';
+import '@intlayer/core';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/design-system';

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { KeyPath } from '@intlayer/core';
+import { EditedContent } from './useEditedContentStore.mjs';
+import 'zustand/middleware';
+import 'zustand';
+import '@intlayer/design-system';
+
+type DictionaryPath = string;
+type FileContent = {
+    dictionaryPath: DictionaryPath;
+    dictionaryId: string;
+    keyPath?: KeyPath[];
+};
+type DictionaryEditionDrawer = {
+    focusedContent: FileContent | null;
+    setFocusedContent: (content: FileContent | null) => void;
+    isOpen: boolean;
+    open: (content: FileContent) => void;
+    close: () => void;
+    editContentRequest: () => Promise<void>;
+    editedContent: EditedContent;
+    addEditedContent: (dictionaryPath: DictionaryPath, keyPath: KeyPath[], newValue: string) => void;
+    getEditedContentValue: (dictionaryPath: DictionaryPath, keyPath: KeyPath[]) => string | undefined;
+    clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;
+};
+declare const useDictionaryEditionDrawer: (dictionaryId: string) => DictionaryEditionDrawer;
+type DictionaryEditionDrawerControl = {
+    open: (content: FileContent) => void;
+    close: (dictionaryId: string) => void;
+};
+declare const useDictionaryEditionDrawerControl: () => DictionaryEditionDrawerControl;
+
+export { type FileContent, useDictionaryEditionDrawer, useDictionaryEditionDrawerControl };

package/dist/esm/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs

@@ -0,0 +1,80 @@
+import { useRightDrawerStore } from "@intlayer/design-system";
+import { useEditorServer } from '../useEditorServer.mjs';
+import { getDrawerIdentifier } from './DictionaryEditionDrawer.mjs';
+import {
+  useEditedContentStore
+} from './useEditedContentStore.mjs';
+import { useEditionPanelStore } from './useFocusContentStore.mjs';
+const useDictionaryEditionDrawer = (dictionaryId) => {
+  const id = getDrawerIdentifier(dictionaryId);
+  const { isOpen, open, close } = useRightDrawerStore(id)();
+  const {
+    editedContent,
+    getEditedContentValue,
+    addEditedContent,
+    clearEditedDictionaryContent
+  } = useEditedContentStore((s) => ({
+    editedContent: s.editedContent,
+    addEditedContent: s.addEditedContent,
+    getEditedContentValue: s.getEditedContentValue,
+    clearEditedDictionaryContent: s.clearEditedDictionaryContent
+  }));
+  const { setFocusedContent, focusedContent } = useEditionPanelStore((s) => ({
+    focusedContent: s.focusedContent,
+    setFocusedContent: s.setFocusedContent
+  }));
+  const { editContentRequest } = useEditorServer();
+  const openDictionaryEditionDrawer = ({
+    dictionaryId: dictionaryId2,
+    dictionaryPath,
+    keyPath = []
+  }) => {
+    setFocusedContent({
+      dictionaryId: dictionaryId2,
+      dictionaryPath,
+      keyPath
+    });
+    open();
+  };
+  return {
+    isOpen,
+    focusedContent,
+    setFocusedContent,
+    open: openDictionaryEditionDrawer,
+    close,
+    getEditedContentValue,
+    editContentRequest,
+    editedContent,
+    addEditedContent,
+    clearEditedDictionaryContent
+  };
+};
+const useDictionaryEditionDrawerControl = () => {
+  const setFocusedContent = useEditionPanelStore((s) => s.setFocusedContent);
+  const open = ({
+    dictionaryId,
+    dictionaryPath,
+    keyPath = []
+  }) => {
+    setFocusedContent({
+      dictionaryId,
+      dictionaryPath,
+      keyPath
+    });
+    const id = getDrawerIdentifier(dictionaryId);
+    useRightDrawerStore(id).getState().open();
+  };
+  const close = (dictionaryId) => {
+    const id = getDrawerIdentifier(dictionaryId);
+    useRightDrawerStore(id).getState().close();
+  };
+  return {
+    open,
+    close
+  };
+};
+export {
+  useDictionaryEditionDrawer,
+  useDictionaryEditionDrawerControl
+};
+//# sourceMappingURL=useDictionaryEditionDrawer.mjs.map

package/dist/esm/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/useDictionaryEditionDrawer.ts"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport { useRightDrawerStore } from '@intlayer/design-system';\nimport { useEditorServer } from '../useEditorServer';\nimport { getDrawerIdentifier } from './DictionaryEditionDrawer';\nimport {\n  type EditedContent,\n  useEditedContentStore,\n} from './useEditedContentStore';\nimport { useEditionPanelStore } from './useFocusContentStore';\n\ntype DictionaryPath = string;\nexport type FileContent = {\n  dictionaryPath: DictionaryPath;\n  dictionaryId: string;\n  keyPath?: KeyPath[];\n};\n\ntype DictionaryEditionDrawer = {\n  focusedContent: FileContent | null;\n  setFocusedContent: (content: FileContent | null) => void;\n  isOpen: boolean;\n  open: (content: FileContent) => void;\n  close: () => void;\n  editContentRequest: () => Promise<void>;\n  editedContent: EditedContent;\n  addEditedContent: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[],\n    newValue: string\n  ) => void;\n  getEditedContentValue: (\n    dictionaryPath: DictionaryPath,\n    keyPath: KeyPath[]\n  ) => string | undefined;\n  clearEditedDictionaryContent: (dictionaryPath: DictionaryPath) => void;\n};\n\ntype OpenDictionaryEditionDrawerProps = {\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath?: KeyPath[];\n};\n\nexport const useDictionaryEditionDrawer = (\n  dictionaryId: string\n): DictionaryEditionDrawer => {\n  const id = getDrawerIdentifier(dictionaryId);\n  const { isOpen, open, close } = useRightDrawerStore(id)();\n  const {\n    editedContent,\n    getEditedContentValue,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  } = useEditedContentStore((s) => ({\n    editedContent: s.editedContent,\n    addEditedContent: s.addEditedContent,\n    getEditedContentValue: s.getEditedContentValue,\n    clearEditedDictionaryContent: s.clearEditedDictionaryContent,\n  }));\n  const { setFocusedContent, focusedContent } = useEditionPanelStore((s) => ({\n    focusedContent: s.focusedContent,\n    setFocusedContent: s.setFocusedContent,\n  }));\n  const { editContentRequest } = useEditorServer();\n\n  const openDictionaryEditionDrawer = ({\n    dictionaryId,\n    dictionaryPath,\n    keyPath = [],\n  }: OpenDictionaryEditionDrawerProps) => {\n    setFocusedContent({\n      dictionaryId,\n      dictionaryPath,\n      keyPath,\n    });\n\n    open();\n  };\n\n  return {\n    isOpen,\n    focusedContent,\n    setFocusedContent,\n    open: openDictionaryEditionDrawer,\n    close,\n    getEditedContentValue,\n    editContentRequest,\n    editedContent,\n    addEditedContent,\n    clearEditedDictionaryContent,\n  };\n};\n\ntype DictionaryEditionDrawerControl = {\n  open: (content: FileContent) => void;\n  close: (dictionaryId: string) => void;\n};\n\nexport const useDictionaryEditionDrawerControl =\n  (): DictionaryEditionDrawerControl => {\n    const setFocusedContent = useEditionPanelStore((s) => s.setFocusedContent);\n\n    const open = ({\n      dictionaryId,\n      dictionaryPath,\n      keyPath = [],\n    }: OpenDictionaryEditionDrawerProps) => {\n      setFocusedContent({\n        dictionaryId,\n        dictionaryPath,\n        keyPath,\n      });\n\n      const id = getDrawerIdentifier(dictionaryId);\n\n      useRightDrawerStore(id).getState().open();\n    };\n\n    const close = (dictionaryId: string) => {\n      const id = getDrawerIdentifier(dictionaryId);\n\n      useRightDrawerStore(id).getState().close();\n    };\n\n    return {\n      open,\n      close,\n    };\n  };\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC;AAAA,EAEE;AAAA,OACK;AACP,SAAS,4BAA4B;AAmC9B,MAAM,6BAA6B,CACxC,iBAC4B;AAC5B,QAAM,KAAK,oBAAoB,YAAY;AAC3C,QAAM,EAAE,QAAQ,MAAM,MAAM,IAAI,oBAAoB,EAAE,EAAE;AACxD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB,CAAC,OAAO;AAAA,IAChC,eAAe,EAAE;AAAA,IACjB,kBAAkB,EAAE;AAAA,IACpB,uBAAuB,EAAE;AAAA,IACzB,8BAA8B,EAAE;AAAA,EAClC,EAAE;AACF,QAAM,EAAE,mBAAmB,eAAe,IAAI,qBAAqB,CAAC,OAAO;AAAA,IACzE,gBAAgB,EAAE;AAAA,IAClB,mBAAmB,EAAE;AAAA,EACvB,EAAE;AACF,QAAM,EAAE,mBAAmB,IAAI,gBAAgB;AAE/C,QAAM,8BAA8B,CAAC;AAAA,IACnC,cAAAA;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAwC;AACtC,sBAAkB;AAAA,MAChB,cAAAA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,SAAK;AAAA,EACP;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAOO,MAAM,oCACX,MAAsC;AACpC,QAAM,oBAAoB,qBAAqB,CAAC,MAAM,EAAE,iBAAiB;AAEzE,QAAM,OAAO,CAAC;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAwC;AACtC,sBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,KAAK,oBAAoB,YAAY;AAE3C,wBAAoB,EAAE,EAAE,SAAS,EAAE,KAAK;AAAA,EAC1C;AAEA,QAAM,QAAQ,CAAC,iBAAyB;AACtC,UAAM,KAAK,oBAAoB,YAAY;AAE3C,wBAAoB,EAAE,EAAE,SAAS,EAAE,MAAM;AAAA,EAC3C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaryId"]}

package/dist/esm/client/{EditionPanel → 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/{EditionPanel → DictionaryEditionDrawer}/useEditedContentStore.mjs

@@ -1,8 +1,6 @@
+import { isSameKeyPath } from "@intlayer/core";
 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) => ({
@@ -40,12 +38,22 @@ const useEditedContentStore = create(
         });
       },
       clearEditedDictionaryContent: (dictionaryPath) => {
-        set((state) => ({
-          editedContent: {
-            ...state.editedContent,
-            [dictionaryPath]: []
-          }
-        }));
+        set((state) => {
+          const filteredEditedContent = Object.entries(
+            state.editedContent
+          ).reduce((acc, [path, content]) => {
+            if (path === dictionaryPath) {
+              return acc;
+            }
+            return {
+              ...acc,
+              [path]: content
+            };
+          }, {});
+          return {
+            editedContent: filteredEditedContent
+          };
+        });
       },
       clearEditedContent: () => {
         set({ editedContent: {} });

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/useEditedContentStore.ts"],"sourcesContent":["import { type KeyPath, isSameKeyPath } 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\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          const filteredEditedContent = Object.entries(\n            state.editedContent\n          ).reduce((acc, [path, content]) => {\n            if (path === dictionaryPath) {\n              return acc;\n            }\n\n            return {\n              ...acc,\n              [path]: content,\n            };\n          }, {});\n\n          return {\n            editedContent: filteredEditedContent,\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":"AAAA,SAAuB,qBAAqB;AAE5C,SAAS,cAAc;AACvB,SAAS,SAAS,yBAAyB;AAyBpC,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,UAAU;AACb,gBAAM,wBAAwB,OAAO;AAAA,YACnC,MAAM;AAAA,UACR,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,OAAO,MAAM;AACjC,gBAAI,SAAS,gBAAgB;AAC3B,qBAAO;AAAA,YACT;AAEA,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,CAAC,IAAI,GAAG;AAAA,YACV;AAAA,UACF,GAAG,CAAC,CAAC;AAEL,iBAAO;AAAA,YACL,eAAe;AAAA,UACjB;AAAA,QACF,CAAC;AAAA,MACH;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 → DictionaryEditionDrawer/useFocusContentStore.d.mts}

@@ -5,7 +5,7 @@ type DictionaryPath = string;
 type FileContent = {
     dictionaryPath: DictionaryPath;
     dictionaryId: string;
-    keyPath: KeyPath[];
+    keyPath?: KeyPath[];
 };
 type EditionPanelStore = {
     focusedContent: FileContent | null;

package/dist/esm/client/{EditionPanel/useEditionPanelStore.mjs → DictionaryEditionDrawer/useFocusContentStore.mjs}

@@ -6,4 +6,4 @@ const useEditionPanelStore = create((set) => ({
 export {
   useEditionPanelStore
 };
-//# sourceMappingURL=useEditionPanelStore.mjs.map
+//# sourceMappingURL=useFocusContentStore.mjs.map

package/dist/esm/client/DictionaryEditionDrawer/useFocusContentStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryEditionDrawer/useFocusContentStore.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/DictionaryListDrawer/DictionaryListDrawer.d.mts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+
+declare const DictionaryListDrawer: FC;
+
+export { DictionaryListDrawer };

package/dist/esm/client/DictionaryListDrawer/DictionaryListDrawer.mjs

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { RightDrawer, RedirectionButton } from "@intlayer/design-system";
+import dictionaries from "@intlayer/dictionaries-entry";
+import {
+  useDictionaryEditionDrawerControl,
+  useEditedContentStore
+} from '../DictionaryEditionDrawer/index.mjs';
+import {
+  dictionaryListDrawerIdentifier,
+  useDictionaryListDrawer
+} from './useDictionaryListDrawer.mjs';
+const DictionaryListDrawer = () => {
+  const dictionaryKeyList = Object.keys(dictionaries);
+  const { open: openDictionaryEditionDrawer } = useDictionaryEditionDrawerControl();
+  const { close } = useDictionaryListDrawer();
+  const editedContent = useEditedContentStore((s) => s.editedContent);
+  const handleClickDictionary = (dictionaryId) => {
+    const { filePath } = dictionaries[dictionaryId];
+    close();
+    openDictionaryEditionDrawer({ dictionaryId, dictionaryPath: filePath });
+  };
+  const isDictionaryEdited = (dictionaryId) => {
+    const dictionaryPath = dictionaries[dictionaryId].filePath;
+    return Object.keys(editedContent).includes(dictionaryPath);
+  };
+  return /* @__PURE__ */ jsx(
+    RightDrawer,
+    {
+      title: "Dictionary list",
+      identifier: dictionaryListDrawerIdentifier,
+      children: dictionaryKeyList.map((dictionaryId) => /* @__PURE__ */ jsx(
+        RedirectionButton,
+        {
+          label: `Open dictionary editor ${dictionaryId}`,
+          onClick: () => handleClickDictionary(dictionaryId),
+          children: isDictionaryEdited(dictionaryId) ? `\u270E ${dictionaryId}` : dictionaryId
+        },
+        dictionaryId
+      ))
+    }
+  );
+};
+export {
+  DictionaryListDrawer
+};
+//# sourceMappingURL=DictionaryListDrawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryListDrawer/DictionaryListDrawer.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport { RightDrawer, RedirectionButton } 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 } from 'react';\nimport {\n  useDictionaryEditionDrawerControl,\n  useEditedContentStore,\n} from '../DictionaryEditionDrawer/index';\nimport {\n  dictionaryListDrawerIdentifier,\n  useDictionaryListDrawer,\n} from './useDictionaryListDrawer';\n\nexport const DictionaryListDrawer: FC = () => {\n  const dictionaryKeyList = Object.keys(dictionaries) as Locales[];\n  const { open: openDictionaryEditionDrawer } =\n    useDictionaryEditionDrawerControl();\n  const { close } = useDictionaryListDrawer();\n  const editedContent = useEditedContentStore((s) => s.editedContent);\n\n  const handleClickDictionary = (dictionaryId: string) => {\n    const { filePath } = dictionaries[dictionaryId];\n\n    close();\n    openDictionaryEditionDrawer({ dictionaryId, dictionaryPath: filePath });\n  };\n\n  const isDictionaryEdited = (dictionaryId: string) => {\n    const dictionaryPath = dictionaries[dictionaryId].filePath;\n\n    return Object.keys(editedContent).includes(dictionaryPath);\n  };\n\n  return (\n    <RightDrawer\n      title=\"Dictionary list\"\n      identifier={dictionaryListDrawerIdentifier}\n    >\n      {dictionaryKeyList.map((dictionaryId) => (\n        <RedirectionButton\n          key={dictionaryId}\n          label={`Open dictionary editor ${dictionaryId}`}\n          onClick={() => handleClickDictionary(dictionaryId)}\n        >\n          {isDictionaryEdited(dictionaryId)\n            ? `✎ ${dictionaryId}`\n            : dictionaryId}\n        </RedirectionButton>\n      ))}\n    </RightDrawer>\n  );\n};\n"],"mappings":"AA4CQ;AA3CR,SAAS,aAAa,yBAAyB;AAM/C,OAAO,kBAAkB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,uBAA2B,MAAM;AAC5C,QAAM,oBAAoB,OAAO,KAAK,YAAY;AAClD,QAAM,EAAE,MAAM,4BAA4B,IACxC,kCAAkC;AACpC,QAAM,EAAE,MAAM,IAAI,wBAAwB;AAC1C,QAAM,gBAAgB,sBAAsB,CAAC,MAAM,EAAE,aAAa;AAElE,QAAM,wBAAwB,CAAC,iBAAyB;AACtD,UAAM,EAAE,SAAS,IAAI,aAAa,YAAY;AAE9C,UAAM;AACN,gCAA4B,EAAE,cAAc,gBAAgB,SAAS,CAAC;AAAA,EACxE;AAEA,QAAM,qBAAqB,CAAC,iBAAyB;AACnD,UAAM,iBAAiB,aAAa,YAAY,EAAE;AAElD,WAAO,OAAO,KAAK,aAAa,EAAE,SAAS,cAAc;AAAA,EAC3D;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAY;AAAA,MAEX,4BAAkB,IAAI,CAAC,iBACtB;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,0BAA0B,YAAY;AAAA,UAC7C,SAAS,MAAM,sBAAsB,YAAY;AAAA,UAEhD,6BAAmB,YAAY,IAC5B,UAAK,YAAY,KACjB;AAAA;AAAA,QANC;AAAA,MAOP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,3 @@
+export { DictionaryListDrawer } from './DictionaryListDrawer.mjs';
+export { dictionaryListDrawerIdentifier, useDictionaryListDrawer } from './useDictionaryListDrawer.mjs';
+import 'react';

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

@@ -0,0 +1,3 @@
+export * from './DictionaryListDrawer.mjs';
+export * from './useDictionaryListDrawer.mjs';
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/esm/client/DictionaryListDrawer/useDictionaryListDrawer.d.mts

@@ -0,0 +1,8 @@
+declare const dictionaryListDrawerIdentifier = "dictionaryList";
+declare const useDictionaryListDrawer: () => {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+};
+
+export { dictionaryListDrawerIdentifier, useDictionaryListDrawer };

package/dist/esm/client/DictionaryListDrawer/useDictionaryListDrawer.mjs

@@ -0,0 +1,8 @@
+import { useRightDrawerStore } from "@intlayer/design-system";
+const dictionaryListDrawerIdentifier = "dictionaryList";
+const useDictionaryListDrawer = () => useRightDrawerStore(dictionaryListDrawerIdentifier)();
+export {
+  dictionaryListDrawerIdentifier,
+  useDictionaryListDrawer
+};
+//# sourceMappingURL=useDictionaryListDrawer.mjs.map

package/dist/esm/client/DictionaryListDrawer/useDictionaryListDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/DictionaryListDrawer/useDictionaryListDrawer.ts"],"sourcesContent":["import { useRightDrawerStore } from '@intlayer/design-system';\n\nexport const dictionaryListDrawerIdentifier = 'dictionaryList';\n\nexport const useDictionaryListDrawer = () =>\n  useRightDrawerStore(dictionaryListDrawerIdentifier)();\n"],"mappings":"AAAA,SAAS,2BAA2B;AAE7B,MAAM,iCAAiC;AAEvC,MAAM,0BAA0B,MACrC,oBAAoB,8BAA8B,EAAE;","names":[]}

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

@@ -1,13 +1,15 @@
-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 { DictionaryEditionDrawer, DictionaryEditionDrawerContent, DictionaryEditionDrawerController, getDrawerIdentifier } from './DictionaryEditionDrawer/DictionaryEditionDrawer.mjs';
+export { FileContent, useDictionaryEditionDrawer, useDictionaryEditionDrawerControl } from './DictionaryEditionDrawer/useDictionaryEditionDrawer.mjs';
+export { EditedContent, useEditedContentStore } from './DictionaryEditionDrawer/useEditedContentStore.mjs';
+export { DictionaryListDrawer } from './DictionaryListDrawer/DictionaryListDrawer.mjs';
+export { dictionaryListDrawerIdentifier, useDictionaryListDrawer } from './DictionaryListDrawer/useDictionaryListDrawer.mjs';
 export { ContentEditionLayout, ContentEditionLayoutProps } from './ContentEditionLayout.mjs';
 export { useEditorServer } from './useEditorServer.mjs';
-import 'react/jsx-runtime';
-import '@intlayer/core';
+export { IntlayerEditorElementProps, renderIntlayerEditor } from './renderContentEditor.mjs';
+export { IntlayerEditorContext, IntlayerEditorProvider, IntlayerEditorProviderProps, useIntlayerEditorContext } from './ContentEditorProvider.mjs';
 import '@intlayer/config/client';
 import 'react';
-import 'zustand';
+import '@intlayer/core';
 import 'zustand/middleware';
+import 'zustand';
 import '@intlayer/design-system';

package/dist/esm/client/index.mjs

@@ -1,5 +1,7 @@
-export * from './renderContentSelector.mjs';
-export * from './EditionPanel/index.mjs';
+export * from './DictionaryEditionDrawer/index.mjs';
+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 './renderContentSelector';\nexport * from './EditionPanel/index';\nexport * from './ContentEditionLayout';\nexport * from './useEditorServer';\n"],"mappings":"AAAA,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/client/renderContentEditor.d.mts

@@ -0,0 +1,15 @@
+import { KeyPath } from '@intlayer/core';
+import { ReactNode } from 'react';
+
+type IntlayerEditorElementProps = {
+    content: string;
+    dictionaryId: string;
+    dictionaryPath: string;
+    keyPath: KeyPath[];
+};
+type RenderIntlayerEditorResult = ReactNode & {
+    value: string;
+};
+declare const renderIntlayerEditor: (data: IntlayerEditorElementProps) => RenderIntlayerEditorResult;
+
+export { type IntlayerEditorElementProps, renderIntlayerEditor };

package/dist/esm/client/renderContentEditor.mjs

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { getConfiguration } from "@intlayer/config/client";
+import { ContentSelectorWrapper } from './ContentSelectorWrapper.mjs';
+const {
+  editor: { enabled }
+} = getConfiguration();
+const IntlayerEditorElement = ({
+  content,
+  ...props
+}) => {
+  if (enabled) {
+    return /* @__PURE__ */ jsx(ContentSelectorWrapper, { ...props, children: content });
+  }
+  return content;
+};
+IntlayerEditorElement.content = "";
+const renderIntlayerEditor = (data) => {
+  const Result = /* @__PURE__ */ jsx(IntlayerEditorElement, { ...data });
+  return { ...Result, value: data.content };
+};
+export {
+  renderIntlayerEditor
+};
+//# sourceMappingURL=renderContentEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/renderContentEditor.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { ReactNode } from 'react';\nimport { ContentSelectorWrapper } from './ContentSelectorWrapper';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nexport type IntlayerEditorElementProps = {\n  content: string;\n  dictionaryId: string;\n  dictionaryPath: string;\n  keyPath: KeyPath[];\n};\n\ntype RenderIntlayerEditorResult = ReactNode & { value: string };\n\nconst IntlayerEditorElement = ({\n  content,\n  ...props\n}: IntlayerEditorElementProps) => {\n  if (enabled) {\n    return (\n      <ContentSelectorWrapper {...props}>{content}</ContentSelectorWrapper>\n    );\n  }\n  return content;\n};\n\nIntlayerEditorElement.content = '';\n\nexport const renderIntlayerEditor = (\n  data: IntlayerEditorElementProps\n): RenderIntlayerEditorResult => {\n  const Result = <IntlayerEditorElement {...data} />;\n\n  return { ...Result, value: data.content };\n};\n"],"mappings":"AAwBM;AAxBN,SAAS,wBAAwB;AAGjC,SAAS,8BAA8B;AAEvC,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAWrB,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,MAAkC;AAChC,MAAI,SAAS;AACX,WACE,oBAAC,0BAAwB,GAAG,OAAQ,mBAAQ;AAAA,EAEhD;AACA,SAAO;AACT;AAEA,sBAAsB,UAAU;AAEzB,MAAM,uBAAuB,CAClC,SAC+B;AAC/B,QAAM,SAAS,oBAAC,yBAAuB,GAAG,MAAM;AAEhD,SAAO,EAAE,GAAG,QAAQ,OAAO,KAAK,QAAQ;AAC1C;","names":[]}

package/dist/esm/client/useEditorServer.mjs

@@ -1,7 +1,10 @@
 import { getConfiguration } from "@intlayer/config/client";
-import { useEditedContentStore } from './EditionPanel/useEditedContentStore.mjs';
+import { useEditedContentStore } from './DictionaryEditionDrawer/useEditedContentStore.mjs';
 const useEditorServer = () => {
-  const { editedContent, clearEditedContent } = useEditedContentStore();
+  const { editedContent, clearEditedContent } = useEditedContentStore((s) => ({
+    editedContent: s.editedContent,
+    clearEditedContent: s.clearEditedContent
+  }));
   const editContentRequest = async () => {
     const {
       editor: { port }

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/client/useEditorServer.ts"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport { useEditedContentStore } from './DictionaryEditionDrawer/useEditedContentStore';\n\nexport const useEditorServer = () => {\n  const { editedContent, clearEditedContent } = useEditedContentStore((s) => ({\n    editedContent: s.editedContent,\n    clearEditedContent: s.clearEditedContent,\n  }));\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,CAAC,OAAO;AAAA,IAC1E,eAAe,EAAE;AAAA,IACjB,oBAAoB,EAAE;AAAA,EACxB,EAAE;AAEF,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/formatPrettier.d.mts

@@ -0,0 +1,6 @@
+/**
+ * Format the content with Prettier
+ */
+declare const format: (content: string) => Promise<string>;
+
+export { format };

package/dist/esm/server/formatPrettier.mjs

@@ -0,0 +1,17 @@
+import prettier from "prettier";
+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);
+};
+export {
+  format
+};
+//# sourceMappingURL=formatPrettier.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/server/formatPrettier.ts"],"sourcesContent":["import prettier from 'prettier';\n\n/**\n * Format the content with Prettier\n */\nexport const 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"],"mappings":"AAAA,OAAO,cAAc;AAKd,MAAM,SAAS,OAAO,YAAoB;AAE/C,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;","names":[]}

package/dist/esm/server/index.mjs

@@ -1,7 +1,7 @@
 import { getConfiguration } from "@intlayer/config";
 import bodyParser from "body-parser";
 import express from "express";
-import { editContent } from './content-editor.mjs';
+import { processEdition } from './processEdition.mjs';
 const startIntlayerEditor = () => {
   const app = express();
   const {
@@ -14,7 +14,7 @@ const startIntlayerEditor = () => {
     async (req, res) => {
       const editedContent = req.body;
       try {
-        await editContent(editedContent);
+        await processEdition(editedContent);
         res.send({ success: true, editedContent });
       } catch (error) {
         console.error(error);

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

@@ -1 +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":[]}
+{"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 { processEdition } from './processEdition';\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 processEdition(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,sBAAsB;AAExB,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,eAAe,aAAa;AAElC,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":[]}