@payloadcms/richtext-lexical 3.0.0-beta.134 → 3.0.0-beta.135

package/dist/utilities/initLexicalFeatures.js.map

@@ -1 +1 @@
-{"version":3,"file":"initLexicalFeatures.js","names":["getFromImportMap","createClientFields","deepCopyObjectSimple","initLexicalFeatures","args","clientFeatures","fieldSchemaMap","Object","fromEntries","Map","resolvedFeatureMapArray","Array","from","sanitizedEditorConfig","resolvedFeatureMap","entries","sort","a","b","order","featureClientSchemaMap","featureKey","resolvedFeature","ClientFeaturePayloadComponent","ClientFeature","clientFeatureProvider","importMap","payload","PayloadComponent","schemaPath","silent","clientFeatureProps","key","clientProps","generateSchemaMap","featureSchemaPath","split","join","featurePath","path","featureSchemaMap","state","startsWith","clientFields","fields","defaultIDType","config","db","disableAddingID","i18n"],"sources":["../../src/utilities/initLexicalFeatures.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\n\nimport { getFromImportMap } from '@payloadcms/ui/elements/RenderServerComponent'\nimport {\n  type ClientField,\n  createClientFields,\n  deepCopyObjectSimple,\n  type FieldSchemaMap,\n  type Payload,\n} from 'payload'\n\nimport type { FeatureProviderProviderClient } from '../features/typesClient.js'\nimport type { SanitizedServerEditorConfig } from '../lexical/config/types.js'\nimport type { FeatureClientSchemaMap, LexicalRichTextFieldProps } from '../types.js'\ntype Args = {\n  fieldSchemaMap: FieldSchemaMap\n  i18n: I18nClient\n  path: string\n  payload: Payload\n  sanitizedEditorConfig: SanitizedServerEditorConfig\n  schemaPath: string\n}\n\nexport function initLexicalFeatures(args: Args): {\n  clientFeatures: LexicalRichTextFieldProps['clientFeatures']\n  featureClientSchemaMap: FeatureClientSchemaMap\n} {\n  const clientFeatures: LexicalRichTextFieldProps['clientFeatures'] = {}\n\n  const fieldSchemaMap = Object.fromEntries(new Map(args.fieldSchemaMap))\n  //&const value = deepCopyObjectSimple(args.fieldState.value)\n\n  // turn args.resolvedFeatureMap into an array of [key, value] pairs, ordered by value.order, lowest order first:\n  const resolvedFeatureMapArray = Array.from(\n    args.sanitizedEditorConfig.resolvedFeatureMap.entries(),\n  ).sort((a, b) => a[1].order - b[1].order)\n\n  const featureClientSchemaMap: FeatureClientSchemaMap = {}\n\n  for (const [featureKey, resolvedFeature] of resolvedFeatureMapArray) {\n    clientFeatures[featureKey] = {}\n\n    /**\n     * Handle client features\n     */\n    const ClientFeaturePayloadComponent = resolvedFeature.ClientFeature\n\n    if (ClientFeaturePayloadComponent) {\n      const clientFeatureProvider = getFromImportMap<FeatureProviderProviderClient>({\n        importMap: args.payload.importMap,\n        PayloadComponent: ClientFeaturePayloadComponent,\n        schemaPath: 'lexical-clientComponent',\n        silent: true,\n      })\n\n      if (!clientFeatureProvider) {\n        continue\n      }\n\n      const clientFeatureProps = resolvedFeature.clientFeatureProps ?? {}\n      clientFeatureProps.featureKey = resolvedFeature.key\n      clientFeatureProps.order = resolvedFeature.order\n      if (\n        typeof ClientFeaturePayloadComponent === 'object' &&\n        ClientFeaturePayloadComponent.clientProps\n      ) {\n        clientFeatureProps.clientProps = ClientFeaturePayloadComponent.clientProps\n      }\n\n      // As clientFeatureProvider is a client function, we cannot execute it on the server here. Thus, the client will have to execute clientFeatureProvider with its props\n      clientFeatures[featureKey] = { clientFeatureProps, clientFeatureProvider }\n    }\n\n    /**\n     * Handle sub-fields (formstate of those)ttt\n     */\n    // The args.fieldSchemaMap generated before in buildFormState should contain all of lexical features' sub-field schemas\n    // as well, as it already called feature.generateSchemaMap for each feature.\n    // We will check for the existance resolvedFeature.generateSchemaMap to skip unnecessary loops for constructing featureSchemaMap, but we don't run it here\n    if (resolvedFeature.generateSchemaMap) {\n      const featureSchemaPath = [\n        ...args.schemaPath.split('.'),\n        'lexical_internal_feature',\n        featureKey,\n      ].join('.')\n\n      const featurePath = [...args.path.split('.'), 'lexical_internal_feature', featureKey].join(\n        '.',\n      )\n\n      // Like args.fieldSchemaMap, we only want to include the sub-fields of the current feature\n      const featureSchemaMap: typeof fieldSchemaMap = {}\n      for (const key in fieldSchemaMap) {\n        const state = fieldSchemaMap[key]\n\n        if (key.startsWith(featureSchemaPath)) {\n          featureSchemaMap[key] = state\n        }\n      }\n\n      featureClientSchemaMap[featureKey] = {}\n\n      for (const key in featureSchemaMap) {\n        const state = featureSchemaMap[key]\n\n        const clientFields = createClientFields({\n          clientFields: ('fields' in state\n            ? deepCopyObjectSimple(state.fields)\n            : [deepCopyObjectSimple(state)]) as ClientField[],\n          defaultIDType: args.payload.config.db.defaultIDType,\n          disableAddingID: true,\n          fields: 'fields' in state ? state.fields : [state],\n          i18n: args.i18n,\n        })\n        featureClientSchemaMap[featureKey][key] = clientFields\n      }\n\n      /*\n      This is for providing an initial form state. Right now we only want to provide the clientfields though\n      const schemaMap: {\n        [key: string]: FieldState\n      } = {}\n\n      const lexicalDeepIterate = (editorState) => {\n        console.log('STATE', editorState)\n\n        if (\n          editorState &&\n          typeof editorState === 'object' &&\n          'children' in editorState &&\n          Array.isArray(editorState.children)\n        ) {\n          for (const childKey in editorState.children) {\n            const childState = editorState.children[childKey]\n\n            if (childState && typeof childState === 'object') {\n              lexicalDeepIterate(childState)\n            }\n          }\n        }\n      }\n\n      lexicalDeepIterate(value.root)*/\n    }\n  }\n  return {\n    clientFeatures,\n    featureClientSchemaMap,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"initLexicalFeatures.js","names":["createClientFields","deepCopyObjectSimple","getFromImportMap","initLexicalFeatures","args","clientFeatures","fieldSchemaMap","Object","fromEntries","Map","resolvedFeatureMapArray","Array","from","sanitizedEditorConfig","resolvedFeatureMap","entries","sort","a","b","order","featureClientSchemaMap","featureKey","resolvedFeature","ClientFeaturePayloadComponent","ClientFeature","clientFeatureProvider","importMap","payload","PayloadComponent","schemaPath","silent","clientFeatureProps","key","clientProps","generateSchemaMap","featureSchemaPath","split","join","featurePath","path","featureSchemaMap","state","startsWith","clientFields","fields","defaultIDType","config","db","disableAddingID","i18n"],"sources":["../../src/utilities/initLexicalFeatures.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\n\nimport {\n  type ClientField,\n  createClientFields,\n  deepCopyObjectSimple,\n  type FieldSchemaMap,\n  type Payload,\n} from 'payload'\nimport { getFromImportMap } from 'payload/shared'\n\nimport type { FeatureProviderProviderClient } from '../features/typesClient.js'\nimport type { SanitizedServerEditorConfig } from '../lexical/config/types.js'\nimport type { FeatureClientSchemaMap, LexicalRichTextFieldProps } from '../types.js'\ntype Args = {\n  fieldSchemaMap: FieldSchemaMap\n  i18n: I18nClient\n  path: string\n  payload: Payload\n  sanitizedEditorConfig: SanitizedServerEditorConfig\n  schemaPath: string\n}\n\nexport function initLexicalFeatures(args: Args): {\n  clientFeatures: LexicalRichTextFieldProps['clientFeatures']\n  featureClientSchemaMap: FeatureClientSchemaMap\n} {\n  const clientFeatures: LexicalRichTextFieldProps['clientFeatures'] = {}\n\n  const fieldSchemaMap = Object.fromEntries(new Map(args.fieldSchemaMap))\n  //&const value = deepCopyObjectSimple(args.fieldState.value)\n\n  // turn args.resolvedFeatureMap into an array of [key, value] pairs, ordered by value.order, lowest order first:\n  const resolvedFeatureMapArray = Array.from(\n    args.sanitizedEditorConfig.resolvedFeatureMap.entries(),\n  ).sort((a, b) => a[1].order - b[1].order)\n\n  const featureClientSchemaMap: FeatureClientSchemaMap = {}\n\n  for (const [featureKey, resolvedFeature] of resolvedFeatureMapArray) {\n    clientFeatures[featureKey] = {}\n\n    /**\n     * Handle client features\n     */\n    const ClientFeaturePayloadComponent = resolvedFeature.ClientFeature\n\n    if (ClientFeaturePayloadComponent) {\n      const clientFeatureProvider = getFromImportMap<FeatureProviderProviderClient>({\n        importMap: args.payload.importMap,\n        PayloadComponent: ClientFeaturePayloadComponent,\n        schemaPath: 'lexical-clientComponent',\n        silent: true,\n      })\n\n      if (!clientFeatureProvider) {\n        continue\n      }\n\n      const clientFeatureProps = resolvedFeature.clientFeatureProps ?? {}\n      clientFeatureProps.featureKey = resolvedFeature.key\n      clientFeatureProps.order = resolvedFeature.order\n      if (\n        typeof ClientFeaturePayloadComponent === 'object' &&\n        ClientFeaturePayloadComponent.clientProps\n      ) {\n        clientFeatureProps.clientProps = ClientFeaturePayloadComponent.clientProps\n      }\n\n      // As clientFeatureProvider is a client function, we cannot execute it on the server here. Thus, the client will have to execute clientFeatureProvider with its props\n      clientFeatures[featureKey] = { clientFeatureProps, clientFeatureProvider }\n    }\n\n    /**\n     * Handle sub-fields (formstate of those)ttt\n     */\n    // The args.fieldSchemaMap generated before in buildFormState should contain all of lexical features' sub-field schemas\n    // as well, as it already called feature.generateSchemaMap for each feature.\n    // We will check for the existance resolvedFeature.generateSchemaMap to skip unnecessary loops for constructing featureSchemaMap, but we don't run it here\n    if (resolvedFeature.generateSchemaMap) {\n      const featureSchemaPath = [\n        ...args.schemaPath.split('.'),\n        'lexical_internal_feature',\n        featureKey,\n      ].join('.')\n\n      const featurePath = [...args.path.split('.'), 'lexical_internal_feature', featureKey].join(\n        '.',\n      )\n\n      // Like args.fieldSchemaMap, we only want to include the sub-fields of the current feature\n      const featureSchemaMap: typeof fieldSchemaMap = {}\n      for (const key in fieldSchemaMap) {\n        const state = fieldSchemaMap[key]\n\n        if (key.startsWith(featureSchemaPath)) {\n          featureSchemaMap[key] = state\n        }\n      }\n\n      featureClientSchemaMap[featureKey] = {}\n\n      for (const key in featureSchemaMap) {\n        const state = featureSchemaMap[key]\n\n        const clientFields = createClientFields({\n          clientFields: ('fields' in state\n            ? deepCopyObjectSimple(state.fields)\n            : [deepCopyObjectSimple(state)]) as ClientField[],\n          defaultIDType: args.payload.config.db.defaultIDType,\n          disableAddingID: true,\n          fields: 'fields' in state ? state.fields : [state],\n          i18n: args.i18n,\n          importMap: args.payload.importMap,\n        })\n        featureClientSchemaMap[featureKey][key] = clientFields\n      }\n\n      /*\n      This is for providing an initial form state. Right now we only want to provide the clientfields though\n      const schemaMap: {\n        [key: string]: FieldState\n      } = {}\n\n      const lexicalDeepIterate = (editorState) => {\n        console.log('STATE', editorState)\n\n        if (\n          editorState &&\n          typeof editorState === 'object' &&\n          'children' in editorState &&\n          Array.isArray(editorState.children)\n        ) {\n          for (const childKey in editorState.children) {\n            const childState = editorState.children[childKey]\n\n            if (childState && typeof childState === 'object') {\n              lexicalDeepIterate(childState)\n            }\n          }\n        }\n      }\n\n      lexicalDeepIterate(value.root)*/\n    }\n  }\n  return {\n    clientFeatures,\n    featureClientSchemaMap,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/jsx/collectTopLevelJSXInLines.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Helpful utility for parsing out all matching top-level JSX tags in a given string.
+ * This will collect them in a list, that contains the content of the JSX tag and the props string.
+ *
+ * While this is not used within payload, this can be used for certain payload blocks that need to
+ * be serializable and deserializable to and from JSX.
+ *
+ * @example:
+ *
+ * Say you have Steps block that contains a steps array. Its JSX representation may look like this:
+ *
+ * <Steps>
+ *   <Step title="Step1">
+ *     <h1>Step 1</h1>
+ *   </Step>
+ *   <Step title="Step2">
+ *     <h1>Step 2</h1>
+ *   </Step>
+ * </Steps>
+ *
+ * In this case, the Steps block would have the following content as its children string:
+ * <Step title="Step1">
+ *   <h1>Step 1</h1>
+ * </Step>
+ * <Step title="Step2">
+ *   <h1>Step 2</h1>
+ * </Step>
+ *
+ * It could then use this function to collect all the top-level JSX tags (= the steps):
+ *
+ * collectTopLevelJSXInLines(children.split('\n'), 'Step')
+ *
+ * This will return:
+ *
+ * [
+ *   {
+ *     content: '<h1>Step 1</h1>',
+ *     propsString: 'title="Step1"',
+ *   },
+ *   {
+ *     content: '<h1>Step 2</h1>',
+ *     propsString: 'title="Step2"',
+ *   },
+ * ]
+ *
+ * You can then map this data to construct the data for this blocks array field.
+ */
+export declare function collectTopLevelJSXInLines(lines: Array<string>, jsxToMatch: string): {
+    content: string;
+    propsString: string;
+}[];
+//# sourceMappingURL=collectTopLevelJSXInLines.d.ts.map

package/dist/utilities/jsx/collectTopLevelJSXInLines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectTopLevelJSXInLines.d.ts","sourceRoot":"","sources":["../../../src/utilities/jsx/collectTopLevelJSXInLines.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EACpB,UAAU,EAAE,MAAM,GACjB;IACD,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,EAAE,CAiCF"}

package/dist/utilities/jsx/collectTopLevelJSXInLines.js

@@ -0,0 +1,79 @@
+import { linesFromStartToContentAndPropsString } from '../../features/blocks/server/linesFromMatchToContentAndPropsString.js';
+import { createTagRegexes } from '../../features/blocks/server/markdownTransformer.js';
+/**
+ * Helpful utility for parsing out all matching top-level JSX tags in a given string.
+ * This will collect them in a list, that contains the content of the JSX tag and the props string.
+ *
+ * While this is not used within payload, this can be used for certain payload blocks that need to
+ * be serializable and deserializable to and from JSX.
+ *
+ * @example:
+ *
+ * Say you have Steps block that contains a steps array. Its JSX representation may look like this:
+ *
+ * <Steps>
+ *   <Step title="Step1">
+ *     <h1>Step 1</h1>
+ *   </Step>
+ *   <Step title="Step2">
+ *     <h1>Step 2</h1>
+ *   </Step>
+ * </Steps>
+ *
+ * In this case, the Steps block would have the following content as its children string:
+ * <Step title="Step1">
+ *   <h1>Step 1</h1>
+ * </Step>
+ * <Step title="Step2">
+ *   <h1>Step 2</h1>
+ * </Step>
+ *
+ * It could then use this function to collect all the top-level JSX tags (= the steps):
+ *
+ * collectTopLevelJSXInLines(children.split('\n'), 'Step')
+ *
+ * This will return:
+ *
+ * [
+ *   {
+ *     content: '<h1>Step 1</h1>',
+ *     propsString: 'title="Step1"',
+ *   },
+ *   {
+ *     content: '<h1>Step 2</h1>',
+ *     propsString: 'title="Step2"',
+ *   },
+ * ]
+ *
+ * You can then map this data to construct the data for this blocks array field.
+ */
+export function collectTopLevelJSXInLines(lines, jsxToMatch) {
+  const finds = [];
+  const regex = createTagRegexes(jsxToMatch);
+  const linesLength = lines.length;
+  for (let i = 0; i < linesLength; i++) {
+    const startMatch = lines[i].match(regex.regExpStart);
+    if (!startMatch) {
+      continue; // Try next transformer
+    }
+    const {
+      content,
+      endLineIndex,
+      propsString
+    } = linesFromStartToContentAndPropsString({
+      isEndOptional: false,
+      lines,
+      regexpEndRegex: regex.regExpEnd,
+      startLineIndex: i,
+      startMatch
+    });
+    finds.push({
+      content,
+      propsString
+    });
+    i = endLineIndex;
+    continue;
+  }
+  return finds;
+}
+//# sourceMappingURL=collectTopLevelJSXInLines.js.map

package/dist/utilities/jsx/collectTopLevelJSXInLines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectTopLevelJSXInLines.js","names":["linesFromStartToContentAndPropsString","createTagRegexes","collectTopLevelJSXInLines","lines","jsxToMatch","finds","regex","linesLength","length","i","startMatch","match","regExpStart","content","endLineIndex","propsString","isEndOptional","regexpEndRegex","regExpEnd","startLineIndex","push"],"sources":["../../../src/utilities/jsx/collectTopLevelJSXInLines.ts"],"sourcesContent":["import { linesFromStartToContentAndPropsString } from '../../features/blocks/server/linesFromMatchToContentAndPropsString.js'\nimport { createTagRegexes } from '../../features/blocks/server/markdownTransformer.js'\n\n/**\n * Helpful utility for parsing out all matching top-level JSX tags in a given string.\n * This will collect them in a list, that contains the content of the JSX tag and the props string.\n *\n * While this is not used within payload, this can be used for certain payload blocks that need to\n * be serializable and deserializable to and from JSX.\n *\n * @example:\n *\n * Say you have Steps block that contains a steps array. Its JSX representation may look like this:\n *\n * <Steps>\n *   <Step title=\"Step1\">\n *     <h1>Step 1</h1>\n *   </Step>\n *   <Step title=\"Step2\">\n *     <h1>Step 2</h1>\n *   </Step>\n * </Steps>\n *\n * In this case, the Steps block would have the following content as its children string:\n * <Step title=\"Step1\">\n *   <h1>Step 1</h1>\n * </Step>\n * <Step title=\"Step2\">\n *   <h1>Step 2</h1>\n * </Step>\n *\n * It could then use this function to collect all the top-level JSX tags (= the steps):\n *\n * collectTopLevelJSXInLines(children.split('\\n'), 'Step')\n *\n * This will return:\n *\n * [\n *   {\n *     content: '<h1>Step 1</h1>',\n *     propsString: 'title=\"Step1\"',\n *   },\n *   {\n *     content: '<h1>Step 2</h1>',\n *     propsString: 'title=\"Step2\"',\n *   },\n * ]\n *\n * You can then map this data to construct the data for this blocks array field.\n */\nexport function collectTopLevelJSXInLines(\n  lines: Array<string>,\n  jsxToMatch: string,\n): {\n  content: string\n  propsString: string\n}[] {\n  const finds: {\n    content: string\n    propsString: string\n  }[] = []\n  const regex = createTagRegexes(jsxToMatch)\n\n  const linesLength = lines.length\n\n  for (let i = 0; i < linesLength; i++) {\n    const startMatch = lines[i].match(regex.regExpStart)\n    if (!startMatch) {\n      continue // Try next transformer\n    }\n\n    const { content, endLineIndex, propsString } = linesFromStartToContentAndPropsString({\n      isEndOptional: false,\n      lines,\n      regexpEndRegex: regex.regExpEnd,\n      startLineIndex: i,\n      startMatch,\n    })\n\n    finds.push({\n      content,\n      propsString,\n    })\n\n    i = endLineIndex\n    continue\n  }\n\n  return finds\n}\n"],"mappings":"AAAA,SAASA,qCAAqC,QAAQ;AACtD,SAASC,gBAAgB,QAAQ;AAEjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,OAAO,SAASC,0BACdC,KAAoB,EACpBC,UAAkB;EAKlB,MAAMC,KAAA,GAGA,EAAE;EACR,MAAMC,KAAA,GAAQL,gBAAA,CAAiBG,UAAA;EAE/B,MAAMG,WAAA,GAAcJ,KAAA,CAAMK,MAAM;EAEhC,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIF,WAAA,EAAaE,CAAA,IAAK;IACpC,MAAMC,UAAA,GAAaP,KAAK,CAACM,CAAA,CAAE,CAACE,KAAK,CAACL,KAAA,CAAMM,WAAW;IACnD,IAAI,CAACF,UAAA,EAAY;MACf,UAAS;IACX;IAEA,MAAM;MAAEG,OAAO;MAAEC,YAAY;MAAEC;IAAW,CAAE,GAAGf,qCAAA,CAAsC;MACnFgB,aAAA,EAAe;MACfb,KAAA;MACAc,cAAA,EAAgBX,KAAA,CAAMY,SAAS;MAC/BC,cAAA,EAAgBV,CAAA;MAChBC;IACF;IAEAL,KAAA,CAAMe,IAAI,CAAC;MACTP,OAAA;MACAE;IACF;IAEAN,CAAA,GAAIK,YAAA;IACJ;EACF;EAEA,OAAOT,KAAA;AACT","ignoreList":[]}

package/dist/utilities/jsx/extractPropsFromJSXPropsString.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Turns a JSX props string into an object.
+ *
+ * @example
+ *
+ * Input: type="info" hello={{heyyy: 'test', someNumber: 2}}
+ * Output: { type: 'info', hello: { heyyy: 'test', someNumber: 2 } }
+ */
+export declare function extractPropsFromJSXPropsString({ propsString, }: {
+    propsString: string;
+}): Record<string, any>;
+//# sourceMappingURL=extractPropsFromJSXPropsString.d.ts.map

package/dist/utilities/jsx/extractPropsFromJSXPropsString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractPropsFromJSXPropsString.d.ts","sourceRoot":"","sources":["../../../src/utilities/jsx/extractPropsFromJSXPropsString.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,EAC7C,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;CACpB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAmCtB"}

package/dist/utilities/jsx/extractPropsFromJSXPropsString.js

@@ -0,0 +1,125 @@
+/**
+ * Turns a JSX props string into an object.
+ *
+ * @example
+ *
+ * Input: type="info" hello={{heyyy: 'test', someNumber: 2}}
+ * Output: { type: 'info', hello: { heyyy: 'test', someNumber: 2 } }
+ */export function extractPropsFromJSXPropsString({
+  propsString
+}) {
+  const props = {};
+  let key = '';
+  let collectingKey = true;
+  for (let i = 0; i < propsString.length; i++) {
+    const char = propsString[i];
+    if (collectingKey) {
+      if (char === '=' || char === ' ') {
+        if (key) {
+          if (char === ' ') {
+            props[key] = true;
+            key = '';
+          } else {
+            collectingKey = false;
+          }
+        }
+      } else {
+        key += char;
+      }
+    } else {
+      const result = handleValue(propsString, i);
+      props[key] = result.value;
+      i = result.newIndex;
+      key = '';
+      collectingKey = true;
+    }
+  }
+  if (key) {
+    props[key] = true;
+  }
+  return props;
+}
+function handleValue(propsString, startIndex) {
+  const char = propsString[startIndex];
+  if (char === '"') {
+    return handleQuotedString(propsString, startIndex);
+  } else if (char === '{') {
+    return handleObject(propsString, startIndex);
+  } else if (char === '[') {
+    return handleArray(propsString, startIndex);
+  } else {
+    return handleUnquotedString(propsString, startIndex);
+  }
+}
+function handleArray(propsString, startIndex) {
+  let bracketCount = 1;
+  let value = '';
+  let i = startIndex + 1;
+  while (i < propsString.length && bracketCount > 0) {
+    if (propsString[i] === '[') {
+      bracketCount++;
+    } else if (propsString[i] === ']') {
+      bracketCount--;
+    }
+    if (bracketCount > 0) {
+      value += propsString[i];
+    }
+    i++;
+  }
+  return {
+    newIndex: i,
+    value: JSON.parse(`[${value}]`)
+  };
+}
+function handleQuotedString(propsString, startIndex) {
+  let value = '';
+  let i = startIndex + 1;
+  while (i < propsString.length && (propsString[i] !== '"' || propsString[i - 1] === '\\')) {
+    value += propsString[i];
+    i++;
+  }
+  return {
+    newIndex: i,
+    value
+  };
+}
+function handleObject(propsString, startIndex) {
+  let bracketCount = 1;
+  let value = '';
+  let i = startIndex + 1;
+  while (i < propsString.length && bracketCount > 0) {
+    if (propsString[i] === '{') {
+      bracketCount++;
+    } else if (propsString[i] === '}') {
+      bracketCount--;
+    }
+    if (bracketCount > 0) {
+      value += propsString[i];
+    }
+    i++;
+  }
+  return {
+    newIndex: i,
+    value: parseObject(value)
+  };
+}
+function parseObject(objString) {
+  if (objString[0] !== '{') {
+    return JSON.parse(objString);
+  }
+  const result = JSON.parse(objString.replace(/(\w+):/g, '"$1":'));
+  return result;
+}
+function handleUnquotedString(propsString, startIndex) {
+  let value = '';
+  let i = startIndex;
+  while (i < propsString.length && propsString[i] !== ' ') {
+    value += propsString[i];
+    i++;
+  }
+  return {
+    newIndex: i - 1,
+    value
+  };
+}
+//# sourceMappingURL=extractPropsFromJSXPropsString.js.map

package/dist/utilities/jsx/extractPropsFromJSXPropsString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractPropsFromJSXPropsString.js","names":["extractPropsFromJSXPropsString","propsString","props","key","collectingKey","i","length","char","result","handleValue","value","newIndex","startIndex","handleQuotedString","handleObject","handleArray","handleUnquotedString","bracketCount","JSON","parse","parseObject","objString","replace"],"sources":["../../../src/utilities/jsx/extractPropsFromJSXPropsString.ts"],"sourcesContent":["/**\n * Turns a JSX props string into an object.\n *\n * @example\n *\n * Input: type=\"info\" hello={{heyyy: 'test', someNumber: 2}}\n * Output: { type: 'info', hello: { heyyy: 'test', someNumber: 2 } }\n */\nexport function extractPropsFromJSXPropsString({\n  propsString,\n}: {\n  propsString: string\n}): Record<string, any> {\n  const props: Record<string, any> = {}\n  let key = ''\n  let collectingKey = true\n\n  for (let i = 0; i < propsString.length; i++) {\n    const char = propsString[i]\n\n    if (collectingKey) {\n      if (char === '=' || char === ' ') {\n        if (key) {\n          if (char === ' ') {\n            props[key] = true\n            key = ''\n          } else {\n            collectingKey = false\n          }\n        }\n      } else {\n        key += char\n      }\n    } else {\n      const result = handleValue(propsString, i)\n      props[key] = result.value\n      i = result.newIndex\n      key = ''\n      collectingKey = true\n    }\n  }\n\n  if (key) {\n    props[key] = true\n  }\n\n  return props\n}\n\nfunction handleValue(propsString: string, startIndex: number): { newIndex: number; value: any } {\n  const char = propsString[startIndex]\n\n  if (char === '\"') {\n    return handleQuotedString(propsString, startIndex)\n  } else if (char === '{') {\n    return handleObject(propsString, startIndex)\n  } else if (char === '[') {\n    return handleArray(propsString, startIndex)\n  } else {\n    return handleUnquotedString(propsString, startIndex)\n  }\n}\n\nfunction handleArray(propsString: string, startIndex: number): { newIndex: number; value: any } {\n  let bracketCount = 1\n  let value = ''\n  let i = startIndex + 1\n\n  while (i < propsString.length && bracketCount > 0) {\n    if (propsString[i] === '[') {\n      bracketCount++\n    } else if (propsString[i] === ']') {\n      bracketCount--\n    }\n    if (bracketCount > 0) {\n      value += propsString[i]\n    }\n    i++\n  }\n\n  return { newIndex: i, value: JSON.parse(`[${value}]`) }\n}\n\nfunction handleQuotedString(\n  propsString: string,\n  startIndex: number,\n): { newIndex: number; value: string } {\n  let value = ''\n  let i = startIndex + 1\n  while (i < propsString.length && (propsString[i] !== '\"' || propsString[i - 1] === '\\\\')) {\n    value += propsString[i]\n    i++\n  }\n  return { newIndex: i, value }\n}\n\nfunction handleObject(propsString: string, startIndex: number): { newIndex: number; value: any } {\n  let bracketCount = 1\n  let value = ''\n  let i = startIndex + 1\n\n  while (i < propsString.length && bracketCount > 0) {\n    if (propsString[i] === '{') {\n      bracketCount++\n    } else if (propsString[i] === '}') {\n      bracketCount--\n    }\n    if (bracketCount > 0) {\n      value += propsString[i]\n    }\n    i++\n  }\n\n  return { newIndex: i, value: parseObject(value) }\n}\n\nfunction parseObject(objString: string): Record<string, any> {\n  if (objString[0] !== '{') {\n    return JSON.parse(objString)\n  }\n\n  const result = JSON.parse(objString.replace(/(\\w+):/g, '\"$1\":'))\n\n  return result\n}\n\nfunction handleUnquotedString(\n  propsString: string,\n  startIndex: number,\n): { newIndex: number; value: string } {\n  let value = ''\n  let i = startIndex\n  while (i < propsString.length && propsString[i] !== ' ') {\n    value += propsString[i]\n    i++\n  }\n  return { newIndex: i - 1, value }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/jsx/jsx.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Converts an object of props to a JSX props string.
+ *
+ * This function is the inverse of `extractPropsFromJSXPropsString`.
+ */
+export declare function propsToJSXString({ props }: {
+    props: Record<string, any>;
+}): string;
+/**
+ * Converts a frontmatter string to an object.
+ */
+export declare function frontmatterToObject(frontmatter: string): Record<string, any>;
+/**
+ * Converts an object to a frontmatter string.
+ */
+export declare function objectToFrontmatter(obj: Record<string, any>): null | string;
+/**
+ * Takes an MDX content string and extracts the frontmatter and content.
+ *
+ * The resulting object contains the mdx content without the frontmatter and the frontmatter itself.
+ */
+export declare function extractFrontmatter(mdxContent: string): {
+    content: string;
+    frontmatter: string;
+};
+//# sourceMappingURL=jsx.d.ts.map

package/dist/utilities/jsx/jsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.d.ts","sourceRoot":"","sources":["../../../src/utilities/jsx/jsx.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,GAAG,MAAM,CA0BlF;AAeD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAoB5E;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,MAAM,CAgB3E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM;;;EAmBpD"}

package/dist/utilities/jsx/jsx.js

@@ -0,0 +1,105 @@
+/**
+ * Converts an object of props to a JSX props string.
+ *
+ * This function is the inverse of `extractPropsFromJSXPropsString`.
+ */export function propsToJSXString({
+  props
+}) {
+  const propsArray = [];
+  for (const [key, value] of Object.entries(props)) {
+    if (typeof value === 'string') {
+      // Handle simple string props
+      propsArray.push(`${key}="${escapeQuotes(value)}"`);
+    } else if (typeof value === 'number') {
+      // Handle number and boolean props
+      propsArray.push(`${key}={${value}}`);
+    } else if (typeof value === 'boolean') {
+      if (value) {
+        propsArray.push(`${key}`);
+      }
+    } else if (value !== null && typeof value === 'object') {
+      if (Array.isArray(value)) {
+        // Handle array props
+        propsArray.push(`${key}={[${value.map(v => JSON.stringify(v, replacer)).join(', ')}]}`);
+      } else {
+        // Handle complex object props
+        propsArray.push(`${key}={${JSON.stringify(value, replacer)}}`);
+      }
+    }
+  }
+  return propsArray.join(' ');
+}
+// Helper function to escape quotes in string values
+function escapeQuotes(str) {
+  return str.replace(/"/g, '"');
+}
+// Custom replacer function for JSON.stringify to handle single quotes
+function replacer(key, value) {
+  if (typeof value === 'string') {
+    return value.replace(/'/g, "\\'");
+  }
+  return value;
+}
+/**
+ * Converts a frontmatter string to an object.
+ */
+export function frontmatterToObject(frontmatter) {
+  const lines = frontmatter.trim().split('\n');
+  const result = {};
+  let inFrontmatter = false;
+  for (const line of lines) {
+    if (line.trim() === '---') {
+      inFrontmatter = !inFrontmatter;
+      continue;
+    }
+    if (inFrontmatter) {
+      const [key, ...valueParts] = line.split(':');
+      const value = valueParts.join(':').trim();
+      result[key.trim()] = value;
+    }
+  }
+  return result;
+}
+/**
+ * Converts an object to a frontmatter string.
+ */
+export function objectToFrontmatter(obj) {
+  if (!Object.entries(obj)?.length) {
+    return null;
+  }
+  let frontmatter = '---\n';
+  for (const [key, value] of Object.entries(obj)) {
+    if (Array.isArray(value)) {
+      frontmatter += `${key}: ${value.join(', ')}\n`;
+    } else {
+      frontmatter += `${key}: ${value}\n`;
+    }
+  }
+  frontmatter += '---\n';
+  return frontmatter;
+}
+/**
+ * Takes an MDX content string and extracts the frontmatter and content.
+ *
+ * The resulting object contains the mdx content without the frontmatter and the frontmatter itself.
+ */
+export function extractFrontmatter(mdxContent) {
+  // eslint-disable-next-line regexp/no-super-linear-backtracking
+  const frontmatterRegex = /^---\s*\n[\s\S]*?\n---\s*\n/;
+  const match = mdxContent.match(frontmatterRegex);
+  if (match) {
+    const frontmatter = match[0];
+    const contentWithoutFrontmatter = mdxContent.slice(frontmatter.length).trim();
+    return {
+      content: contentWithoutFrontmatter,
+      frontmatter: frontmatter.trim()
+    };
+  } else {
+    // If no frontmatter is found, return the original content
+    return {
+      content: mdxContent.trim(),
+      frontmatter: ''
+    };
+  }
+}
+//# sourceMappingURL=jsx.js.map

package/dist/utilities/jsx/jsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.js","names":["propsToJSXString","props","propsArray","key","value","Object","entries","push","escapeQuotes","Array","isArray","map","v","JSON","stringify","replacer","join","str","replace","frontmatterToObject","frontmatter","lines","trim","split","result","inFrontmatter","line","valueParts","objectToFrontmatter","obj","length","extractFrontmatter","mdxContent","frontmatterRegex","match","contentWithoutFrontmatter","slice","content"],"sources":["../../../src/utilities/jsx/jsx.ts"],"sourcesContent":["/**\n * Converts an object of props to a JSX props string.\n *\n * This function is the inverse of `extractPropsFromJSXPropsString`.\n */\nexport function propsToJSXString({ props }: { props: Record<string, any> }): string {\n  const propsArray: string[] = []\n\n  for (const [key, value] of Object.entries(props)) {\n    if (typeof value === 'string') {\n      // Handle simple string props\n      propsArray.push(`${key}=\"${escapeQuotes(value)}\"`)\n    } else if (typeof value === 'number') {\n      // Handle number and boolean props\n      propsArray.push(`${key}={${value}}`)\n    } else if (typeof value === 'boolean') {\n      if (value) {\n        propsArray.push(`${key}`)\n      }\n    } else if (value !== null && typeof value === 'object') {\n      if (Array.isArray(value)) {\n        // Handle array props\n        propsArray.push(`${key}={[${value.map((v) => JSON.stringify(v, replacer)).join(', ')}]}`)\n      } else {\n        // Handle complex object props\n        propsArray.push(`${key}={${JSON.stringify(value, replacer)}}`)\n      }\n    }\n  }\n\n  return propsArray.join(' ')\n}\n\n// Helper function to escape quotes in string values\nfunction escapeQuotes(str: string): string {\n  return str.replace(/\"/g, '&quot;')\n}\n\n// Custom replacer function for JSON.stringify to handle single quotes\nfunction replacer(key: string, value: any): any {\n  if (typeof value === 'string') {\n    return value.replace(/'/g, \"\\\\'\")\n  }\n  return value\n}\n\n/**\n * Converts a frontmatter string to an object.\n */\nexport function frontmatterToObject(frontmatter: string): Record<string, any> {\n  const lines = frontmatter.trim().split('\\n')\n  const result = {}\n  let inFrontmatter = false\n\n  for (const line of lines) {\n    if (line.trim() === '---') {\n      inFrontmatter = !inFrontmatter\n      continue\n    }\n\n    if (inFrontmatter) {\n      const [key, ...valueParts] = line.split(':')\n      const value = valueParts.join(':').trim()\n\n      result[key.trim()] = value\n    }\n  }\n\n  return result\n}\n\n/**\n * Converts an object to a frontmatter string.\n */\nexport function objectToFrontmatter(obj: Record<string, any>): null | string {\n  if (!Object.entries(obj)?.length) {\n    return null\n  }\n  let frontmatter = '---\\n'\n\n  for (const [key, value] of Object.entries(obj)) {\n    if (Array.isArray(value)) {\n      frontmatter += `${key}: ${value.join(', ')}\\n`\n    } else {\n      frontmatter += `${key}: ${value}\\n`\n    }\n  }\n\n  frontmatter += '---\\n'\n  return frontmatter\n}\n\n/**\n * Takes an MDX content string and extracts the frontmatter and content.\n *\n * The resulting object contains the mdx content without the frontmatter and the frontmatter itself.\n */\nexport function extractFrontmatter(mdxContent: string) {\n  // eslint-disable-next-line regexp/no-super-linear-backtracking\n  const frontmatterRegex = /^---\\s*\\n[\\s\\S]*?\\n---\\s*\\n/\n  const match = mdxContent.match(frontmatterRegex)\n\n  if (match) {\n    const frontmatter = match[0]\n    const contentWithoutFrontmatter = mdxContent.slice(frontmatter.length).trim()\n    return {\n      content: contentWithoutFrontmatter,\n      frontmatter: frontmatter.trim(),\n    }\n  } else {\n    // If no frontmatter is found, return the original content\n    return {\n      content: mdxContent.trim(),\n      frontmatter: '',\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/utilities/jsx/jsx.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=jsx.spec.d.ts.map

package/dist/utilities/jsx/jsx.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.spec.d.ts","sourceRoot":"","sources":["../../../src/utilities/jsx/jsx.spec.ts"],"names":[],"mappings":""}

package/dist/utilities/jsx/jsx.spec.js

@@ -0,0 +1,142 @@
+import { extractPropsFromJSXPropsString } from './extractPropsFromJSXPropsString.js';
+import { propsToJSXString } from './jsx.js';
+describe('jsx', () => {
+  describe('prop string to object', () => {
+    const INPUT_AND_OUTPUT = [{
+      input: 'key="value"',
+      output: {
+        key: 'value'
+      }
+    }, {
+      input: 'key={[1, 2, 3]}',
+      output: {
+        key: [1, 2, 3]
+      }
+    }, {
+      input: 'key={[1, 2, 3, [1, 2]]}',
+      output: {
+        key: [1, 2, 3, [1, 2]]
+      }
+    }, {
+      input: 'object={4}',
+      output: {
+        object: 4
+      }
+    }, {
+      input: 'object={{"test": 1}}',
+      output: {
+        object: {
+          test: 1
+        }
+      }
+    }, {
+      input: 'object={[1, 2, 3, [1, 2]]}',
+      output: {
+        object: [1, 2, 3, [1, 2]]
+      }
+    }, {
+      input: 'object={[1, 2]}',
+      output: {
+        object: [1, 2]
+      }
+    }, {
+      input: 'key="value" object={{key: "value"}}',
+      inputFromOutput: 'key="value" object={{"key": "value"}}',
+      output: {
+        key: 'value',
+        object: {
+          key: 'value'
+        }
+      }
+    }, {
+      input: 'global packageId="myId" uniqueId="some unique id!" update',
+      output: {
+        global: true,
+        packageId: 'myId',
+        uniqueId: 'some unique id!',
+        update: true
+      }
+    }, {
+      input: 'global key="value" object={{key: "value", something: "test", hello: 1}} packageId="myId" uniqueId="some unique id!" update',
+      inputFromOutput: 'global key="value" object={{"hello": 1, "key": "value", "something": "test"}} packageId="myId" uniqueId="some unique id!" update',
+      output: {
+        global: true,
+        key: 'value',
+        object: {
+          hello: 1,
+          key: 'value',
+          something: 'test'
+        },
+        packageId: 'myId',
+        uniqueId: 'some unique id!',
+        update: true
+      }
+    }, {
+      input: 'object={{hello: 1, key: "value", nested: { key: "value" }, something: "test", test: [1, 2, 3]}}',
+      inputFromOutput: 'object={{"hello": 1, "key": "value", "nested": {"key": "value"}, "something": "test", "test": [1, 2, 3]}}',
+      output: {
+        object: {
+          hello: 1,
+          key: 'value',
+          nested: {
+            key: 'value'
+          },
+          something: 'test',
+          test: [1, 2, 3]
+        }
+      }
+    }, {
+      input: 'global key="value" object={{hello: 1, key: "value", nested: { key: "value" }, something: "test", test: [1, 2, 3]}} packageId="myId" uniqueId="some unique id!" update',
+      inputFromOutput: 'global key="value" object={{"hello": 1, "key": "value", "nested": { "key": "value" }, "something": "test", "test": [1, 2, 3]}} packageId="myId" uniqueId="some unique id!" update',
+      output: {
+        global: true,
+        key: 'value',
+        object: {
+          hello: 1,
+          key: 'value',
+          nested: {
+            key: 'value'
+          },
+          something: 'test',
+          test: [1, 2, 3]
+        },
+        packageId: 'myId',
+        uniqueId: 'some unique id!',
+        update: true
+      }
+    }];
+    for (const {
+      input,
+      output
+    } of INPUT_AND_OUTPUT) {
+      it(`can correctly convert to object: "${input.replace(/\n/g, '\\n')}"`, () => {
+        const propsObject = extractPropsFromJSXPropsString({
+          propsString: input
+        });
+        console.log({
+          output,
+          propsObject
+        });
+        expect(propsObject).toStrictEqual(output);
+      });
+    }
+    for (const {
+      input: originalInput,
+      inputFromOutput,
+      output
+    } of INPUT_AND_OUTPUT) {
+      const input = inputFromOutput || originalInput;
+      it(`can correctly convert from object: "${input.replace(/\n/g, '\\n')}"`, () => {
+        const propsString = propsToJSXString({
+          props: output
+        });
+        console.log({
+          input,
+          propsString
+        });
+        expect(propsString.replaceAll(' ', '')).toBe(input.replaceAll(' ', ''));
+      });
+    }
+  });
+});
+//# sourceMappingURL=jsx.spec.js.map