@payloadcms/richtext-lexical 3.68.0-internal-debug.35482da → 3.68.0-internal.2b8df4a

package/dist/features/textState/i18n.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/textState/i18n.ts"],"sourcesContent":["import type { GenericLanguages } from '@payloadcms/translations'\n\nexport const i18n: Partial<GenericLanguages> = {\n  ar: { defaultStyle: 'النمط الافتراضي' },\n  az: { defaultStyle: 'Defolt üslub' },\n  bg: { defaultStyle: 'Стандартен стил' },\n  cs: { defaultStyle: 'Výchozí styl' },\n  da: { defaultStyle: 'Standardstil' },\n  de: { defaultStyle: 'Standardstil' },\n  en: { defaultStyle: 'Default style' },\n  es: { defaultStyle: 'Estilo predeterminado' },\n  et: { defaultStyle: 'Vaikimisi stiil' },\n  fa: { defaultStyle: 'سبک پیش‌فرض' },\n  fr: { defaultStyle: 'Style par défaut' },\n  he: { defaultStyle: 'סגנון ברירת מחדל' },\n  hr: { defaultStyle: 'Zadani stil' },\n  hu: { defaultStyle: 'Alapértelmezett stílus' },\n  is: { defaultStyle: 'Sjálfgefinn stíll' },\n  it: { defaultStyle: 'Stile predefinito' },\n  ja: { defaultStyle: 'デフォルトスタイル' },\n  ko: { defaultStyle: '기본 스타일' },\n  my: { defaultStyle: 'Gaya lalai' },\n  nb: { defaultStyle: 'Standardstil' },\n  nl: { defaultStyle: 'Standaardstijl' },\n  pl: { defaultStyle: 'Domyślny styl' },\n  pt: { defaultStyle: 'Estilo padrão' },\n  ro: { defaultStyle: 'Stil implicit' },\n  rs: { defaultStyle: 'Подразумевани стил' },\n  'rs-latin': { defaultStyle: 'Podrazumevani stil' },\n  ru: { defaultStyle: 'Стиль по умолчанию' },\n  sk: { defaultStyle: 'Predvolený štýl' },\n  sl: { defaultStyle: 'Privzeti slog' },\n  sv: { defaultStyle: 'Standardstil' },\n  ta: { defaultStyle: 'பொது பாணி' },\n  th: { defaultStyle: 'สไตล์เริ่มต้น' },\n  tr: { defaultStyle: 'Varsayılan stil' },\n  uk: { defaultStyle: 'Стиль за замовчуванням' },\n  vi: { defaultStyle: 'Kiểu mặc định' },\n  zh: { defaultStyle: '默认样式' },\n  'zh-TW': { defaultStyle: '預設樣式' },\n}\n"],"names":["i18n","ar","defaultStyle","az","bg","cs","da","de","en","es","et","fa","fr","he","hr","hu","is","it","ja","ko","my","nb","nl","pl","pt","ro","rs","ru","sk","sl","sv","ta","th","tr","uk","vi","zh"],"mappings":"AAEA,OAAO,MAAMA,OAAkC;IAC7CC,IAAI;QAAEC,cAAc;IAAkB;IACtCC,IAAI;QAAED,cAAc;IAAe;IACnCE,IAAI;QAAEF,cAAc;IAAkB;IACtCG,IAAI;QAAEH,cAAc;IAAe;IACnCI,IAAI;QAAEJ,cAAc;IAAe;IACnCK,IAAI;QAAEL,cAAc;IAAe;IACnCM,IAAI;QAAEN,cAAc;IAAgB;IACpCO,IAAI;QAAEP,cAAc;IAAwB;IAC5CQ,IAAI;QAAER,cAAc;IAAkB;IACtCS,IAAI;QAAET,cAAc;IAAc;IAClCU,IAAI;QAAEV,cAAc;IAAmB;IACvCW,IAAI;QAAEX,cAAc;IAAmB;IACvCY,IAAI;QAAEZ,cAAc;IAAc;IAClCa,IAAI;QAAEb,cAAc;IAAyB;IAC7Cc,IAAI;QAAEd,cAAc;IAAoB;IACxCe,IAAI;QAAEf,cAAc;IAAoB;IACxCgB,IAAI;QAAEhB,cAAc;IAAY;IAChCiB,IAAI;QAAEjB,cAAc;IAAS;IAC7BkB,IAAI;QAAElB,cAAc;IAAa;IACjCmB,IAAI;QAAEnB,cAAc;IAAe;IACnCoB,IAAI;QAAEpB,cAAc;IAAiB;IACrCqB,IAAI;QAAErB,cAAc;IAAgB;IACpCsB,IAAI;QAAEtB,cAAc;IAAgB;IACpCuB,IAAI;QAAEvB,cAAc;IAAgB;IACpCwB,IAAI;QAAExB,cAAc;IAAqB;IACzC,YAAY;QAAEA,cAAc;IAAqB;IACjDyB,IAAI;QAAEzB,cAAc;IAAqB;IACzC0B,IAAI;QAAE1B,cAAc;IAAkB;IACtC2B,IAAI;QAAE3B,cAAc;IAAgB;IACpC4B,IAAI;QAAE5B,cAAc;IAAe;IACnC6B,IAAI;QAAE7B,cAAc;IAAY;IAChC8B,IAAI;QAAE9B,cAAc;IAAgB;IACpC+B,IAAI;QAAE/B,cAAc;IAAkB;IACtCgC,IAAI;QAAEhC,cAAc;IAAyB;IAC7CiC,IAAI;QAAEjC,cAAc;IAAgB;IACpCkC,IAAI;QAAElC,cAAc;IAAO;IAC3B,SAAS;QAAEA,cAAc;IAAO;AAClC,EAAC"}
+{"version":3,"file":"i18n.js","names":["i18n","ar","defaultStyle","az","bg","cs","da","de","en","es","et","fa","fr","he","hr","hu","is","it","ja","ko","my","nb","nl","pl","pt","ro","rs","ru","sk","sl","sv","ta","th","tr","uk","vi","zh"],"sources":["../../../src/features/textState/i18n.ts"],"sourcesContent":["import type { GenericLanguages } from '@payloadcms/translations'\n\nexport const i18n: Partial<GenericLanguages> = {\n  ar: { defaultStyle: 'النمط الافتراضي' },\n  az: { defaultStyle: 'Defolt üslub' },\n  bg: { defaultStyle: 'Стандартен стил' },\n  cs: { defaultStyle: 'Výchozí styl' },\n  da: { defaultStyle: 'Standardstil' },\n  de: { defaultStyle: 'Standardstil' },\n  en: { defaultStyle: 'Default style' },\n  es: { defaultStyle: 'Estilo predeterminado' },\n  et: { defaultStyle: 'Vaikimisi stiil' },\n  fa: { defaultStyle: 'سبک پیش‌فرض' },\n  fr: { defaultStyle: 'Style par défaut' },\n  he: { defaultStyle: 'סגנון ברירת מחדל' },\n  hr: { defaultStyle: 'Zadani stil' },\n  hu: { defaultStyle: 'Alapértelmezett stílus' },\n  is: { defaultStyle: 'Sjálfgefinn stíll' },\n  it: { defaultStyle: 'Stile predefinito' },\n  ja: { defaultStyle: 'デフォルトスタイル' },\n  ko: { defaultStyle: '기본 스타일' },\n  my: { defaultStyle: 'Gaya lalai' },\n  nb: { defaultStyle: 'Standardstil' },\n  nl: { defaultStyle: 'Standaardstijl' },\n  pl: { defaultStyle: 'Domyślny styl' },\n  pt: { defaultStyle: 'Estilo padrão' },\n  ro: { defaultStyle: 'Stil implicit' },\n  rs: { defaultStyle: 'Подразумевани стил' },\n  'rs-latin': { defaultStyle: 'Podrazumevani stil' },\n  ru: { defaultStyle: 'Стиль по умолчанию' },\n  sk: { defaultStyle: 'Predvolený štýl' },\n  sl: { defaultStyle: 'Privzeti slog' },\n  sv: { defaultStyle: 'Standardstil' },\n  ta: { defaultStyle: 'பொது பாணி' },\n  th: { defaultStyle: 'สไตล์เริ่มต้น' },\n  tr: { defaultStyle: 'Varsayılan stil' },\n  uk: { defaultStyle: 'Стиль за замовчуванням' },\n  vi: { defaultStyle: 'Kiểu mặc định' },\n  zh: { defaultStyle: '默认样式' },\n  'zh-TW': { defaultStyle: '預設樣式' },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,IAAA,GAAkC;EAC7CC,EAAA,EAAI;IAAEC,YAAA,EAAc;EAAkB;EACtCC,EAAA,EAAI;IAAED,YAAA,EAAc;EAAe;EACnCE,EAAA,EAAI;IAAEF,YAAA,EAAc;EAAkB;EACtCG,EAAA,EAAI;IAAEH,YAAA,EAAc;EAAe;EACnCI,EAAA,EAAI;IAAEJ,YAAA,EAAc;EAAe;EACnCK,EAAA,EAAI;IAAEL,YAAA,EAAc;EAAe;EACnCM,EAAA,EAAI;IAAEN,YAAA,EAAc;EAAgB;EACpCO,EAAA,EAAI;IAAEP,YAAA,EAAc;EAAwB;EAC5CQ,EAAA,EAAI;IAAER,YAAA,EAAc;EAAkB;EACtCS,EAAA,EAAI;IAAET,YAAA,EAAc;EAAc;EAClCU,EAAA,EAAI;IAAEV,YAAA,EAAc;EAAmB;EACvCW,EAAA,EAAI;IAAEX,YAAA,EAAc;EAAmB;EACvCY,EAAA,EAAI;IAAEZ,YAAA,EAAc;EAAc;EAClCa,EAAA,EAAI;IAAEb,YAAA,EAAc;EAAyB;EAC7Cc,EAAA,EAAI;IAAEd,YAAA,EAAc;EAAoB;EACxCe,EAAA,EAAI;IAAEf,YAAA,EAAc;EAAoB;EACxCgB,EAAA,EAAI;IAAEhB,YAAA,EAAc;EAAY;EAChCiB,EAAA,EAAI;IAAEjB,YAAA,EAAc;EAAS;EAC7BkB,EAAA,EAAI;IAAElB,YAAA,EAAc;EAAa;EACjCmB,EAAA,EAAI;IAAEnB,YAAA,EAAc;EAAe;EACnCoB,EAAA,EAAI;IAAEpB,YAAA,EAAc;EAAiB;EACrCqB,EAAA,EAAI;IAAErB,YAAA,EAAc;EAAgB;EACpCsB,EAAA,EAAI;IAAEtB,YAAA,EAAc;EAAgB;EACpCuB,EAAA,EAAI;IAAEvB,YAAA,EAAc;EAAgB;EACpCwB,EAAA,EAAI;IAAExB,YAAA,EAAc;EAAqB;EACzC,YAAY;IAAEA,YAAA,EAAc;EAAqB;EACjDyB,EAAA,EAAI;IAAEzB,YAAA,EAAc;EAAqB;EACzC0B,EAAA,EAAI;IAAE1B,YAAA,EAAc;EAAkB;EACtC2B,EAAA,EAAI;IAAE3B,YAAA,EAAc;EAAgB;EACpC4B,EAAA,EAAI;IAAE5B,YAAA,EAAc;EAAe;EACnC6B,EAAA,EAAI;IAAE7B,YAAA,EAAc;EAAY;EAChC8B,EAAA,EAAI;IAAE9B,YAAA,EAAc;EAAgB;EACpC+B,EAAA,EAAI;IAAE/B,YAAA,EAAc;EAAkB;EACtCgC,EAAA,EAAI;IAAEhC,YAAA,EAAc;EAAyB;EAC7CiC,EAAA,EAAI;IAAEjC,YAAA,EAAc;EAAgB;EACpCkC,EAAA,EAAI;IAAElC,YAAA,EAAc;EAAO;EAC3B,SAAS;IAAEA,YAAA,EAAc;EAAO;AAClC","ignoreList":[]}

package/dist/features/textState/textState.js

@@ -3,73 +3,71 @@ import { $forEachSelectedTextNode } from '@lexical/selection';
 import { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical';
 import { useEffect } from 'react';
 export function registerTextStates(state) {
-    const stateMap = new Map();
-    for(const stateKey in state){
-        const stateValues = state[stateKey];
-        const stateConfig = createState(stateKey, {
-            parse: (value)=>typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined
-        });
-        stateMap.set(stateKey, {
-            stateConfig,
-            stateValues
-        });
-    }
-    return stateMap;
+  const stateMap = new Map();
+  for (const stateKey in state) {
+    const stateValues = state[stateKey];
+    const stateConfig = createState(stateKey, {
+      parse: value => typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined
+    });
+    stateMap.set(stateKey, {
+      stateConfig,
+      stateValues
+    });
+  }
+  return stateMap;
 }
 export function setTextState(editor, stateMap, stateKey, value) {
-    editor.update(()=>{
-        $forEachSelectedTextNode((textNode)=>{
-            const stateMapEntry = stateMap.get(stateKey);
-            if (!stateMapEntry) {
-                throw new Error(`State config for ${stateKey} not found`);
-            }
-            $setState(textNode, stateMapEntry.stateConfig, value);
-        });
+  editor.update(() => {
+    $forEachSelectedTextNode(textNode => {
+      const stateMapEntry = stateMap.get(stateKey);
+      if (!stateMapEntry) {
+        throw new Error(`State config for ${stateKey} not found`);
+      }
+      $setState(textNode, stateMapEntry.stateConfig, value);
     });
+  });
 }
-export function StatePlugin({ stateMap }) {
-    const [editor] = useLexicalComposerContext();
-    useEffect(()=>{
-        return editor.registerMutationListener(TextNode, (mutatedNodes)=>{
-            editor.getEditorState().read(()=>{
-                for (const [nodeKey, mutation] of mutatedNodes){
-                    if (mutation === 'destroyed') {
-                        continue;
-                    }
-                    const node = $getNodeByKey(nodeKey);
-                    const dom = editor.getElementByKey(nodeKey);
-                    if (!node || !dom) {
-                        continue;
-                    }
-                    const mergedStyles = Object.create(null);
-                    // Examples:
-                    // stateKey: 'color'
-                    // stateValue: 'bg-red'
-                    stateMap.forEach((stateEntry, stateKey)=>{
-                        const stateValue = $getState(node, stateEntry.stateConfig);
-                        if (!stateValue) {
-                            // clear the previous dataset value for this key
-                            delete dom.dataset[stateKey];
-                            return;
-                        }
-                        // skip - nothing else to do
-                        dom.dataset[stateKey] = stateValue;
-                        const css = stateEntry.stateValues[stateValue]?.css;
-                        if (css) {
-                            // merge existing styles with the new ones
-                            Object.assign(mergedStyles, css);
-                        }
-                    });
-                    // wipe previous inline styles once, then set the merged ones
-                    dom.style.cssText = '';
-                    Object.assign(dom.style, mergedStyles);
-                }
-            });
-        });
-    }, [
-        editor
-    ]);
-    return null;
+export function StatePlugin({
+  stateMap
+}) {
+  const [editor] = useLexicalComposerContext();
+  useEffect(() => {
+    return editor.registerMutationListener(TextNode, mutatedNodes => {
+      editor.getEditorState().read(() => {
+        for (const [nodeKey, mutation] of mutatedNodes) {
+          if (mutation === 'destroyed') {
+            continue;
+          }
+          const node = $getNodeByKey(nodeKey);
+          const dom = editor.getElementByKey(nodeKey);
+          if (!node || !dom) {
+            continue;
+          }
+          const mergedStyles = Object.create(null);
+          // Examples:
+          // stateKey: 'color'
+          // stateValue: 'bg-red'
+          stateMap.forEach((stateEntry, stateKey) => {
+            const stateValue = $getState(node, stateEntry.stateConfig);
+            if (!stateValue) {
+              // clear the previous dataset value for this key
+              delete dom.dataset[stateKey];
+              return;
+            } // skip - nothing else to do
+            dom.dataset[stateKey] = stateValue;
+            const css = stateEntry.stateValues[stateValue]?.css;
+            if (css) {
+              // merge existing styles with the new ones
+              Object.assign(mergedStyles, css);
+            }
+          });
+          // wipe previous inline styles once, then set the merged ones
+          dom.style.cssText = '';
+          Object.assign(dom.style, mergedStyles);
+        }
+      });
+    });
+  }, [editor]);
+  return null;
 }
-
 //# sourceMappingURL=textState.js.map

package/dist/features/textState/textState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/textState/textState.ts"],"sourcesContent":["import type { LexicalEditor, StateConfig } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $forEachSelectedTextNode } from '@lexical/selection'\nimport { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport { type StateValues, type TextStateFeatureProps } from './feature.server.js'\n\nexport type StateMap = Map<\n  string,\n  {\n    stateConfig: StateConfig<string, string | undefined>\n    stateValues: StateValues\n  }\n>\n\nexport function registerTextStates(state: TextStateFeatureProps['state']) {\n  const stateMap: StateMap = new Map()\n\n  for (const stateKey in state) {\n    const stateValues = state[stateKey]!\n    const stateConfig = createState(stateKey, {\n      parse: (value) =>\n        typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined,\n    })\n    stateMap.set(stateKey, { stateConfig, stateValues })\n  }\n  return stateMap\n}\n\nexport function setTextState(\n  editor: LexicalEditor,\n  stateMap: StateMap,\n  stateKey: string,\n  value: string | undefined,\n) {\n  editor.update(() => {\n    $forEachSelectedTextNode((textNode) => {\n      const stateMapEntry = stateMap.get(stateKey)\n      if (!stateMapEntry) {\n        throw new Error(`State config for ${stateKey} not found`)\n      }\n      $setState(textNode, stateMapEntry.stateConfig, value)\n    })\n  })\n}\n\nexport function StatePlugin({ stateMap }: { stateMap: StateMap }) {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    return editor.registerMutationListener(TextNode, (mutatedNodes) => {\n      editor.getEditorState().read(() => {\n        for (const [nodeKey, mutation] of mutatedNodes) {\n          if (mutation === 'destroyed') {\n            continue\n          }\n          const node = $getNodeByKey(nodeKey)\n          const dom = editor.getElementByKey(nodeKey)\n          if (!node || !dom) {\n            continue\n          }\n\n          const mergedStyles: Record<string, string> = Object.create(null)\n          // Examples:\n          // stateKey: 'color'\n          // stateValue: 'bg-red'\n          stateMap.forEach((stateEntry, stateKey) => {\n            const stateValue = $getState(node, stateEntry.stateConfig)\n            if (!stateValue) {\n              // clear the previous dataset value for this key\n              delete dom.dataset[stateKey]\n              return\n            } // skip - nothing else to do\n\n            dom.dataset[stateKey] = stateValue\n\n            const css = stateEntry.stateValues[stateValue]?.css\n            if (css) {\n              // merge existing styles with the new ones\n              Object.assign(mergedStyles, css)\n            }\n          })\n\n          // wipe previous inline styles once, then set the merged ones\n          dom.style.cssText = ''\n          Object.assign(dom.style, mergedStyles)\n        }\n      })\n    })\n  }, [editor])\n\n  return null\n}\n"],"names":["useLexicalComposerContext","$forEachSelectedTextNode","$getNodeByKey","$getState","$setState","createState","TextNode","useEffect","registerTextStates","state","stateMap","Map","stateKey","stateValues","stateConfig","parse","value","Object","keys","includes","undefined","set","setTextState","editor","update","textNode","stateMapEntry","get","Error","StatePlugin","registerMutationListener","mutatedNodes","getEditorState","read","nodeKey","mutation","node","dom","getElementByKey","mergedStyles","create","forEach","stateEntry","stateValue","dataset","css","assign","style","cssText"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ,wCAAuC;AACjF,SAASC,wBAAwB,QAAQ,qBAAoB;AAC7D,SAASC,aAAa,EAAEC,SAAS,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,UAAS;AACpF,SAASC,SAAS,QAAQ,QAAO;AAYjC,OAAO,SAASC,mBAAmBC,KAAqC;IACtE,MAAMC,WAAqB,IAAIC;IAE/B,IAAK,MAAMC,YAAYH,MAAO;QAC5B,MAAMI,cAAcJ,KAAK,CAACG,SAAS;QACnC,MAAME,cAAcT,YAAYO,UAAU;YACxCG,OAAO,CAACC,QACN,OAAOA,UAAU,YAAYC,OAAOC,IAAI,CAACL,aAAaM,QAAQ,CAACH,SAASA,QAAQI;QACpF;QACAV,SAASW,GAAG,CAACT,UAAU;YAAEE;YAAaD;QAAY;IACpD;IACA,OAAOH;AACT;AAEA,OAAO,SAASY,aACdC,MAAqB,EACrBb,QAAkB,EAClBE,QAAgB,EAChBI,KAAyB;IAEzBO,OAAOC,MAAM,CAAC;QACZvB,yBAAyB,CAACwB;YACxB,MAAMC,gBAAgBhB,SAASiB,GAAG,CAACf;YACnC,IAAI,CAACc,eAAe;gBAClB,MAAM,IAAIE,MAAM,CAAC,iBAAiB,EAAEhB,SAAS,UAAU,CAAC;YAC1D;YACAR,UAAUqB,UAAUC,cAAcZ,WAAW,EAAEE;QACjD;IACF;AACF;AAEA,OAAO,SAASa,YAAY,EAAEnB,QAAQ,EAA0B;IAC9D,MAAM,CAACa,OAAO,GAAGvB;IAEjBO,UAAU;QACR,OAAOgB,OAAOO,wBAAwB,CAACxB,UAAU,CAACyB;YAChDR,OAAOS,cAAc,GAAGC,IAAI,CAAC;gBAC3B,KAAK,MAAM,CAACC,SAASC,SAAS,IAAIJ,aAAc;oBAC9C,IAAII,aAAa,aAAa;wBAC5B;oBACF;oBACA,MAAMC,OAAOlC,cAAcgC;oBAC3B,MAAMG,MAAMd,OAAOe,eAAe,CAACJ;oBACnC,IAAI,CAACE,QAAQ,CAACC,KAAK;wBACjB;oBACF;oBAEA,MAAME,eAAuCtB,OAAOuB,MAAM,CAAC;oBAC3D,YAAY;oBACZ,oBAAoB;oBACpB,uBAAuB;oBACvB9B,SAAS+B,OAAO,CAAC,CAACC,YAAY9B;wBAC5B,MAAM+B,aAAaxC,UAAUiC,MAAMM,WAAW5B,WAAW;wBACzD,IAAI,CAAC6B,YAAY;4BACf,gDAAgD;4BAChD,OAAON,IAAIO,OAAO,CAAChC,SAAS;4BAC5B;wBACF;wBAAE,4BAA4B;wBAE9ByB,IAAIO,OAAO,CAAChC,SAAS,GAAG+B;wBAExB,MAAME,MAAMH,WAAW7B,WAAW,CAAC8B,WAAW,EAAEE;wBAChD,IAAIA,KAAK;4BACP,0CAA0C;4BAC1C5B,OAAO6B,MAAM,CAACP,cAAcM;wBAC9B;oBACF;oBAEA,6DAA6D;oBAC7DR,IAAIU,KAAK,CAACC,OAAO,GAAG;oBACpB/B,OAAO6B,MAAM,CAACT,IAAIU,KAAK,EAAER;gBAC3B;YACF;QACF;IACF,GAAG;QAAChB;KAAO;IAEX,OAAO;AACT"}
+{"version":3,"file":"textState.js","names":["useLexicalComposerContext","$forEachSelectedTextNode","$getNodeByKey","$getState","$setState","createState","TextNode","useEffect","registerTextStates","state","stateMap","Map","stateKey","stateValues","stateConfig","parse","value","Object","keys","includes","undefined","set","setTextState","editor","update","textNode","stateMapEntry","get","Error","StatePlugin","registerMutationListener","mutatedNodes","getEditorState","read","nodeKey","mutation","node","dom","getElementByKey","mergedStyles","create","forEach","stateEntry","stateValue","dataset","css","assign","style","cssText"],"sources":["../../../src/features/textState/textState.ts"],"sourcesContent":["import type { LexicalEditor, StateConfig } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { $forEachSelectedTextNode } from '@lexical/selection'\nimport { $getNodeByKey, $getState, $setState, createState, TextNode } from 'lexical'\nimport { useEffect } from 'react'\n\nimport { type StateValues, type TextStateFeatureProps } from './feature.server.js'\n\nexport type StateMap = Map<\n  string,\n  {\n    stateConfig: StateConfig<string, string | undefined>\n    stateValues: StateValues\n  }\n>\n\nexport function registerTextStates(state: TextStateFeatureProps['state']) {\n  const stateMap: StateMap = new Map()\n\n  for (const stateKey in state) {\n    const stateValues = state[stateKey]!\n    const stateConfig = createState(stateKey, {\n      parse: (value) =>\n        typeof value === 'string' && Object.keys(stateValues).includes(value) ? value : undefined,\n    })\n    stateMap.set(stateKey, { stateConfig, stateValues })\n  }\n  return stateMap\n}\n\nexport function setTextState(\n  editor: LexicalEditor,\n  stateMap: StateMap,\n  stateKey: string,\n  value: string | undefined,\n) {\n  editor.update(() => {\n    $forEachSelectedTextNode((textNode) => {\n      const stateMapEntry = stateMap.get(stateKey)\n      if (!stateMapEntry) {\n        throw new Error(`State config for ${stateKey} not found`)\n      }\n      $setState(textNode, stateMapEntry.stateConfig, value)\n    })\n  })\n}\n\nexport function StatePlugin({ stateMap }: { stateMap: StateMap }) {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    return editor.registerMutationListener(TextNode, (mutatedNodes) => {\n      editor.getEditorState().read(() => {\n        for (const [nodeKey, mutation] of mutatedNodes) {\n          if (mutation === 'destroyed') {\n            continue\n          }\n          const node = $getNodeByKey(nodeKey)\n          const dom = editor.getElementByKey(nodeKey)\n          if (!node || !dom) {\n            continue\n          }\n\n          const mergedStyles: Record<string, string> = Object.create(null)\n          // Examples:\n          // stateKey: 'color'\n          // stateValue: 'bg-red'\n          stateMap.forEach((stateEntry, stateKey) => {\n            const stateValue = $getState(node, stateEntry.stateConfig)\n            if (!stateValue) {\n              // clear the previous dataset value for this key\n              delete dom.dataset[stateKey]\n              return\n            } // skip - nothing else to do\n\n            dom.dataset[stateKey] = stateValue\n\n            const css = stateEntry.stateValues[stateValue]?.css\n            if (css) {\n              // merge existing styles with the new ones\n              Object.assign(mergedStyles, css)\n            }\n          })\n\n          // wipe previous inline styles once, then set the merged ones\n          dom.style.cssText = ''\n          Object.assign(dom.style, mergedStyles)\n        }\n      })\n    })\n  }, [editor])\n\n  return null\n}\n"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ;AAC1C,SAASC,wBAAwB,QAAQ;AACzC,SAASC,aAAa,EAAEC,SAAS,EAAEC,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ;AAC3E,SAASC,SAAS,QAAQ;AAY1B,OAAO,SAASC,mBAAmBC,KAAqC;EACtE,MAAMC,QAAA,GAAqB,IAAIC,GAAA;EAE/B,KAAK,MAAMC,QAAA,IAAYH,KAAA,EAAO;IAC5B,MAAMI,WAAA,GAAcJ,KAAK,CAACG,QAAA,CAAS;IACnC,MAAME,WAAA,GAAcT,WAAA,CAAYO,QAAA,EAAU;MACxCG,KAAA,EAAQC,KAAA,IACN,OAAOA,KAAA,KAAU,YAAYC,MAAA,CAAOC,IAAI,CAACL,WAAA,EAAaM,QAAQ,CAACH,KAAA,IAASA,KAAA,GAAQI;IACpF;IACAV,QAAA,CAASW,GAAG,CAACT,QAAA,EAAU;MAAEE,WAAA;MAAaD;IAAY;EACpD;EACA,OAAOH,QAAA;AACT;AAEA,OAAO,SAASY,aACdC,MAAqB,EACrBb,QAAkB,EAClBE,QAAgB,EAChBI,KAAyB;EAEzBO,MAAA,CAAOC,MAAM,CAAC;IACZvB,wBAAA,CAA0BwB,QAAA;MACxB,MAAMC,aAAA,GAAgBhB,QAAA,CAASiB,GAAG,CAACf,QAAA;MACnC,IAAI,CAACc,aAAA,EAAe;QAClB,MAAM,IAAIE,KAAA,CAAM,oBAAoBhB,QAAA,YAAoB;MAC1D;MACAR,SAAA,CAAUqB,QAAA,EAAUC,aAAA,CAAcZ,WAAW,EAAEE,KAAA;IACjD;EACF;AACF;AAEA,OAAO,SAASa,YAAY;EAAEnB;AAAQ,CAA0B;EAC9D,MAAM,CAACa,MAAA,CAAO,GAAGvB,yBAAA;EAEjBO,SAAA,CAAU;IACR,OAAOgB,MAAA,CAAOO,wBAAwB,CAACxB,QAAA,EAAWyB,YAAA;MAChDR,MAAA,CAAOS,cAAc,GAAGC,IAAI,CAAC;QAC3B,KAAK,MAAM,CAACC,OAAA,EAASC,QAAA,CAAS,IAAIJ,YAAA,EAAc;UAC9C,IAAII,QAAA,KAAa,aAAa;YAC5B;UACF;UACA,MAAMC,IAAA,GAAOlC,aAAA,CAAcgC,OAAA;UAC3B,MAAMG,GAAA,GAAMd,MAAA,CAAOe,eAAe,CAACJ,OAAA;UACnC,IAAI,CAACE,IAAA,IAAQ,CAACC,GAAA,EAAK;YACjB;UACF;UAEA,MAAME,YAAA,GAAuCtB,MAAA,CAAOuB,MAAM,CAAC;UAC3D;UACA;UACA;UACA9B,QAAA,CAAS+B,OAAO,CAAC,CAACC,UAAA,EAAY9B,QAAA;YAC5B,MAAM+B,UAAA,GAAaxC,SAAA,CAAUiC,IAAA,EAAMM,UAAA,CAAW5B,WAAW;YACzD,IAAI,CAAC6B,UAAA,EAAY;cACf;cACA,OAAON,GAAA,CAAIO,OAAO,CAAChC,QAAA,CAAS;cAC5B;YACF,EAAE;YAEFyB,GAAA,CAAIO,OAAO,CAAChC,QAAA,CAAS,GAAG+B,UAAA;YAExB,MAAME,GAAA,GAAMH,UAAA,CAAW7B,WAAW,CAAC8B,UAAA,CAAW,EAAEE,GAAA;YAChD,IAAIA,GAAA,EAAK;cACP;cACA5B,MAAA,CAAO6B,MAAM,CAACP,YAAA,EAAcM,GAAA;YAC9B;UACF;UAEA;UACAR,GAAA,CAAIU,KAAK,CAACC,OAAO,GAAG;UACpB/B,MAAA,CAAO6B,MAAM,CAACT,GAAA,CAAIU,KAAK,EAAER,YAAA;QAC3B;MACF;IACF;EACF,GAAG,CAAChB,MAAA,CAAO;EAEX,OAAO;AACT","ignoreList":[]}