payload-intl 0.2.4 → 1.0.0

package/dist/utils/schema.js

@@ -1,9 +1,10 @@
 import { parse as r, TYPE as e } from "@formatjs/icu-messageformat-parser";
-const n = (a) => ({
+const i = (a) => ({
   description: a.match(/^\[.+\]/)?.[0]?.slice(1, -1),
-  type: a === "$RICH$" ? "rich" : "icu",
-  variables: i(a)
-}), i = (a) => c(r(a)), c = (a) => a.flatMap((t) => {
+  // type: schema === "$RICH$" ? "rich" : "icu",
+  type: "icu",
+  variables: l(a)
+}), l = (a) => s(r(a)), s = (a) => a.flatMap((t) => {
   switch (t.type) {
     case e.literal:
     case e.pound:
@@ -17,18 +18,18 @@ const n = (a) => ({
     case e.select:
       return [
         t,
-        ...c(
-          Object.values(t.options).flatMap(({ value: s }) => s)
+        ...s(
+          Object.values(t.options).flatMap(({ value: c }) => c)
         )
       ];
     case e.tag:
-      return [t, ...c(t.children)];
+      return [t, ...s(t.children)];
     default:
       return [t];
   }
 });
 export {
-  i as extractTemplateVariables,
-  n as parseMessageSchema
+  l as extractTemplateVariables,
+  i as parseMessageSchema
 };
 //# sourceMappingURL=schema.js.map

package/dist/utils/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sources":["../../src/utils/schema.ts"],"sourcesContent":["import type { MessageSchema, TemplateVariable } from \"@/types\";\nimport type { MessageFormatElement } from \"@formatjs/icu-messageformat-parser\";\nimport { parse, TYPE } from \"@formatjs/icu-messageformat-parser\";\n\nexport const parseMessageSchema = (schema: MessageSchema): MessageConfig => {\n  const description = schema.match(/^\\[.+\\]/)?.[0];\n  // TODO add support for variables description\n  // const withoutDescription = schema.replace(description || \"\", \"\").trim();\n  // const withoutOptional = withoutDescription.split(\" | \")[0]?.trim();\n\n  return {\n    description: description?.slice(1, -1),\n    type: schema === \"$RICH$\" ? \"rich\" : \"icu\",\n    variables: extractTemplateVariables(schema),\n  };\n};\n\nexport const extractTemplateVariables = (\n  schema: MessageSchema,\n): TemplateVariable[] => collectTemplateVariables(parse(schema));\n\nconst collectTemplateVariables = (\n  parts: MessageFormatElement[],\n): TemplateVariable[] =>\n  parts.flatMap<TemplateVariable>((part) => {\n    switch (part.type) {\n      case TYPE.literal:\n      case TYPE.pound:\n        return [];\n      case TYPE.argument:\n      case TYPE.number:\n      case TYPE.date:\n      case TYPE.time:\n        return [part];\n      case TYPE.plural:\n      case TYPE.select:\n        return [\n          part,\n          ...collectTemplateVariables(\n            Object.values(part.options).flatMap(({ value }) => value),\n          ),\n        ];\n      case TYPE.tag:\n        return [part, ...collectTemplateVariables(part.children)];\n      default:\n        return [part];\n    }\n  });\n\n// MARK: Types\n\nexport type MessageType = \"rich\" | \"icu\";\nexport type MessageConfig = {\n  description: string | undefined;\n  type: MessageType;\n  variables: TemplateVariable[];\n};\n"],"names":["parseMessageSchema","schema","extractTemplateVariables","collectTemplateVariables","parse","parts","part","TYPE","value"],"mappings":";AAIO,MAAMA,IAAqB,CAACC,OAM1B;AAAA,EACL,aANkBA,EAAO,MAAM,SAAS,IAAI,CAAC,GAMnB,MAAM,GAAG,EAAE;AAAA,EACrC,MAAMA,MAAW,WAAW,SAAS;AAAA,EACrC,WAAWC,EAAyBD,CAAM;AAAA,IAIjCC,IAA2B,CACtCD,MACuBE,EAAyBC,EAAMH,CAAM,CAAC,GAEzDE,IAA2B,CAC/BE,MAEAA,EAAM,QAA0B,CAACC,MAAS;AACxC,UAAQA,EAAK,MAAA;AAAA,IACX,KAAKC,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO,CAAA;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO,CAACD,CAAI;AAAA,IACd,KAAKC,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO;AAAA,QACLD;AAAA,QACA,GAAGH;AAAA,UACD,OAAO,OAAOG,EAAK,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAAE,EAAA,MAAYA,CAAK;AAAA,QAAA;AAAA,MAC1D;AAAA,IAEJ,KAAKD,EAAK;AACR,aAAO,CAACD,GAAM,GAAGH,EAAyBG,EAAK,QAAQ,CAAC;AAAA,IAC1D;AACE,aAAO,CAACA,CAAI;AAAA,EAAA;AAElB,CAAC;"}
+{"version":3,"file":"schema.js","sources":["../../src/utils/schema.ts"],"sourcesContent":["import type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\nimport { parse, TYPE } from '@formatjs/icu-messageformat-parser';\nimport type { MessageSchema, TemplateVariable } from '@/types';\n\nexport const parseMessageSchema = (schema: MessageSchema): MessageConfig => {\n  const description = schema.match(/^\\[.+\\]/)?.[0];\n  // TODO add support for variables description\n  // const withoutDescription = schema.replace(description || \"\", \"\").trim();\n  // const withoutOptional = withoutDescription.split(\" | \")[0]?.trim();\n\n  return {\n    description: description?.slice(1, -1),\n    // type: schema === \"$RICH$\" ? \"rich\" : \"icu\",\n    type: 'icu',\n    variables: extractTemplateVariables(schema),\n  };\n};\n\nexport const extractTemplateVariables = (\n  schema: MessageSchema,\n): TemplateVariable[] => collectTemplateVariables(parse(schema));\n\nconst collectTemplateVariables = (\n  parts: MessageFormatElement[],\n): TemplateVariable[] =>\n  parts.flatMap<TemplateVariable>((part) => {\n    switch (part.type) {\n      case TYPE.literal:\n      case TYPE.pound:\n        return [];\n      case TYPE.argument:\n      case TYPE.number:\n      case TYPE.date:\n      case TYPE.time:\n        return [part];\n      case TYPE.plural:\n      case TYPE.select:\n        return [\n          part,\n          ...collectTemplateVariables(\n            Object.values(part.options).flatMap(({ value }) => value),\n          ),\n        ];\n      case TYPE.tag:\n        return [part, ...collectTemplateVariables(part.children)];\n      default:\n        return [part];\n    }\n  });\n\n// MARK: Types\n\nexport type MessageType = 'icu'; // \"rich\";\nexport type MessageConfig = {\n  description: string | undefined;\n  type: MessageType;\n  variables: TemplateVariable[];\n};\n"],"names":["parseMessageSchema","schema","extractTemplateVariables","collectTemplateVariables","parse","parts","part","TYPE","value"],"mappings":";AAIO,MAAMA,IAAqB,CAACC,OAM1B;AAAA,EACL,aANkBA,EAAO,MAAM,SAAS,IAAI,CAAC,GAMnB,MAAM,GAAG,EAAE;AAAA;AAAA,EAErC,MAAM;AAAA,EACN,WAAWC,EAAyBD,CAAM;AAAA,IAIjCC,IAA2B,CACtCD,MACuBE,EAAyBC,EAAMH,CAAM,CAAC,GAEzDE,IAA2B,CAC/BE,MAEAA,EAAM,QAA0B,CAACC,MAAS;AACxC,UAAQA,EAAK,MAAA;AAAA,IACX,KAAKC,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO,CAAA;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO,CAACD,CAAI;AAAA,IACd,KAAKC,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO;AAAA,QACLD;AAAA,QACA,GAAGH;AAAA,UACD,OAAO,OAAOG,EAAK,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAAE,EAAA,MAAYA,CAAK;AAAA,QAAA;AAAA,MAC1D;AAAA,IAEJ,KAAKD,EAAK;AACR,aAAO,CAACD,GAAM,GAAGH,EAAyBG,EAAK,QAAQ,CAAC;AAAA,IAC1D;AACE,aAAO,CAACA,CAAI;AAAA,EAAA;AAElB,CAAC;"}

package/dist/utils/validate.d.ts

@@ -1,5 +1,6 @@
-import { TemplateVariable } from '../types.ts';
 import { ValidateResult } from 'react-hook-form';
+import { TemplateVariable } from '../types';
 export declare const validateMessage: (value: unknown, variables: TemplateVariable[]) => ValidateResult;
 export declare const createValidator: (variables: TemplateVariable[]) => MessageValidator;
 export type MessageValidator = (value: unknown) => ValidateResult;
+//# sourceMappingURL=validate.d.ts.map

package/dist/utils/validate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../src/utils/validate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhD,eAAO,MAAM,eAAe,UACnB,OAAO,aACH,gBAAgB,EAAE,KAC5B,cA6DF,CAAC;AAEF,eAAO,MAAM,eAAe,cACd,gBAAgB,EAAE,KAAG,gBAEE,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,cAAc,CAAC"}

package/dist/utils/validate.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate.js","sources":["../../src/utils/validate.ts"],"sourcesContent":["import type { TemplateVariable } from \"@/types\";\nimport type { ValidateResult } from \"react-hook-form\";\nimport { TYPE } from \"@formatjs/icu-messageformat-parser\";\n\nimport { isNumericElement, isTemporalElement } from \"./guards\";\nimport { extractTemplateVariables } from \"./schema\";\n\nexport const validateMessage = (\n  value: unknown,\n  variables: TemplateVariable[],\n): ValidateResult => {\n  if (typeof value !== \"string\") return \"Invalid value\";\n\n  try {\n    const variableUsages = extractTemplateVariables(value);\n\n    for (const allowedVariable of variables) {\n      const variableUsage = variableUsages.find(\n        (placeholder) => placeholder.value === allowedVariable.value,\n      );\n\n      if (!variableUsage) continue;\n\n      if (isNumericElement(allowedVariable)) {\n        if (isNumericElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      if (isTemporalElement(allowedVariable)) {\n        if (isTemporalElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      switch (allowedVariable.type) {\n        case TYPE.argument:\n          if (variableUsage.type === TYPE.argument) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n        case TYPE.select: {\n          if (variableUsage.type !== TYPE.select)\n            return `{${allowedVariable.value}} has invalid type`;\n\n          const allowedOptions = Object.keys(allowedVariable.options);\n          for (const option of allowedOptions) {\n            if (variableUsage.options[option]) continue;\n            return `{${allowedVariable.value}} has missing option: ${option}`;\n          }\n          const usedOptions = Object.keys(variableUsage.options);\n          for (const option of usedOptions) {\n            if (allowedOptions.includes(option)) continue;\n            return `{${allowedVariable.value}} has unsupported option: ${option}`;\n          }\n          continue;\n        }\n        case TYPE.tag:\n          if (variableUsage.type === TYPE.tag) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n      }\n    }\n\n    const supportedVariables = new Set(variables.map(({ value }) => value));\n\n    for (const variableUsage of variableUsages) {\n      if (supportedVariables.has(variableUsage.value)) continue;\n      return `{${variableUsage.value}} is not supported`;\n    }\n\n    return true;\n  } catch (error) {\n    if (!(error instanceof Error)) return false;\n    return `Invalid syntax: ${error.message}`;\n  }\n};\n\nexport const createValidator =\n  (variables: TemplateVariable[]): MessageValidator =>\n  (value: unknown) =>\n    validateMessage(value, variables);\n\nexport type MessageValidator = (value: unknown) => ValidateResult;\n"],"names":["validateMessage","value","variables","variableUsages","extractTemplateVariables","allowedVariable","variableUsage","placeholder","isNumericElement","isTemporalElement","TYPE","allowedOptions","option","usedOptions","supportedVariables","error","createValidator"],"mappings":";;;AAOO,MAAMA,IAAkB,CAC7BC,GACAC,MACmB;AACnB,MAAI,OAAOD,KAAU,SAAU,QAAO;AAEtC,MAAI;AACF,UAAME,IAAiBC,EAAyBH,CAAK;AAErD,eAAWI,KAAmBH,GAAW;AACvC,YAAMI,IAAgBH,EAAe;AAAA,QACnC,CAACI,MAAgBA,EAAY,UAAUF,EAAgB;AAAA,MAAA;AAGzD,UAAKC,GAEL;AAAA,YAAIE,EAAiBH,CAAe,GAAG;AACrC,cAAIG,EAAiBF,CAAa,EAAG;AACrC,iBAAO,IAAID,EAAgB,KAAK;AAAA,QAClC;AAEA,YAAII,EAAkBJ,CAAe,GAAG;AACtC,cAAII,EAAkBH,CAAa,EAAG;AACtC,iBAAO,IAAID,EAAgB,KAAK;AAAA,QAClC;AAEA,gBAAQA,EAAgB,MAAA;AAAA,UACtB,KAAKK,EAAK;AACR,gBAAIJ,EAAc,SAASI,EAAK,SAAU;AAC1C,mBAAO,IAAIL,EAAgB,KAAK;AAAA,UAClC,KAAKK,EAAK,QAAQ;AAChB,gBAAIJ,EAAc,SAASI,EAAK;AAC9B,qBAAO,IAAIL,EAAgB,KAAK;AAElC,kBAAMM,IAAiB,OAAO,KAAKN,EAAgB,OAAO;AAC1D,uBAAWO,KAAUD;AACnB,kBAAI,CAAAL,EAAc,QAAQM,CAAM;AAChC,uBAAO,IAAIP,EAAgB,KAAK,yBAAyBO,CAAM;AAEjE,kBAAMC,IAAc,OAAO,KAAKP,EAAc,OAAO;AACrD,uBAAWM,KAAUC;AACnB,kBAAI,CAAAF,EAAe,SAASC,CAAM;AAClC,uBAAO,IAAIP,EAAgB,KAAK,6BAA6BO,CAAM;AAErE;AAAA,UACF;AAAA,UACA,KAAKF,EAAK;AACR,gBAAIJ,EAAc,SAASI,EAAK,IAAK;AACrC,mBAAO,IAAIL,EAAgB,KAAK;AAAA,QAAA;AAAA;AAAA,IAEtC;AAEA,UAAMS,IAAqB,IAAI,IAAIZ,EAAU,IAAI,CAAC,EAAE,OAAAD,QAAYA,CAAK,CAAC;AAEtE,eAAWK,KAAiBH;AAC1B,UAAI,CAAAW,EAAmB,IAAIR,EAAc,KAAK;AAC9C,eAAO,IAAIA,EAAc,KAAK;AAGhC,WAAO;AAAA,EACT,SAASS,GAAO;AACd,WAAMA,aAAiB,QAChB,mBAAmBA,EAAM,OAAO,KADD;AAAA,EAExC;AACF,GAEaC,IACX,CAACd,MACD,CAACD,MACCD,EAAgBC,GAAOC,CAAS;"}
+{"version":3,"file":"validate.js","sources":["../../src/utils/validate.ts"],"sourcesContent":["import { TYPE } from '@formatjs/icu-messageformat-parser';\nimport type { ValidateResult } from 'react-hook-form';\nimport type { TemplateVariable } from '@/types';\n\nimport { isNumericElement, isTemporalElement } from './guards';\nimport { extractTemplateVariables } from './schema';\n\nexport const validateMessage = (\n  value: unknown,\n  variables: TemplateVariable[],\n): ValidateResult => {\n  if (typeof value !== 'string') return 'Invalid value';\n\n  try {\n    const variableUsages = extractTemplateVariables(value);\n\n    for (const allowedVariable of variables) {\n      const variableUsage = variableUsages.find(\n        (placeholder) => placeholder.value === allowedVariable.value,\n      );\n\n      if (!variableUsage) continue;\n\n      if (isNumericElement(allowedVariable)) {\n        if (isNumericElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      if (isTemporalElement(allowedVariable)) {\n        if (isTemporalElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      switch (allowedVariable.type) {\n        case TYPE.argument:\n          if (variableUsage.type === TYPE.argument) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n        case TYPE.select: {\n          if (variableUsage.type !== TYPE.select)\n            return `{${allowedVariable.value}} has invalid type`;\n\n          const allowedOptions = Object.keys(allowedVariable.options);\n          for (const option of allowedOptions) {\n            if (variableUsage.options[option]) continue;\n            return `{${allowedVariable.value}} has missing option: ${option}`;\n          }\n          const usedOptions = Object.keys(variableUsage.options);\n          for (const option of usedOptions) {\n            if (allowedOptions.includes(option)) continue;\n            return `{${allowedVariable.value}} has unsupported option: ${option}`;\n          }\n          continue;\n        }\n        case TYPE.tag:\n          if (variableUsage.type === TYPE.tag) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n      }\n    }\n\n    const supportedVariables = new Set(variables.map(({ value }) => value));\n\n    for (const variableUsage of variableUsages) {\n      if (supportedVariables.has(variableUsage.value)) continue;\n      return `{${variableUsage.value}} is not supported`;\n    }\n\n    return true;\n  } catch (error) {\n    if (!(error instanceof Error)) return false;\n    return `Invalid syntax: ${error.message}`;\n  }\n};\n\nexport const createValidator =\n  (variables: TemplateVariable[]): MessageValidator =>\n  (value: unknown) =>\n    validateMessage(value, variables);\n\nexport type MessageValidator = (value: unknown) => ValidateResult;\n"],"names":["validateMessage","value","variables","variableUsages","extractTemplateVariables","allowedVariable","variableUsage","placeholder","isNumericElement","isTemporalElement","TYPE","allowedOptions","option","usedOptions","supportedVariables","error","createValidator"],"mappings":";;;AAOO,MAAMA,IAAkB,CAC7BC,GACAC,MACmB;AACnB,MAAI,OAAOD,KAAU,SAAU,QAAO;AAEtC,MAAI;AACF,UAAME,IAAiBC,EAAyBH,CAAK;AAErD,eAAWI,KAAmBH,GAAW;AACvC,YAAMI,IAAgBH,EAAe;AAAA,QACnC,CAACI,MAAgBA,EAAY,UAAUF,EAAgB;AAAA,MAAA;AAGzD,UAAKC,GAEL;AAAA,YAAIE,EAAiBH,CAAe,GAAG;AACrC,cAAIG,EAAiBF,CAAa,EAAG;AACrC,iBAAO,IAAID,EAAgB,KAAK;AAAA,QAClC;AAEA,YAAII,EAAkBJ,CAAe,GAAG;AACtC,cAAII,EAAkBH,CAAa,EAAG;AACtC,iBAAO,IAAID,EAAgB,KAAK;AAAA,QAClC;AAEA,gBAAQA,EAAgB,MAAA;AAAA,UACtB,KAAKK,EAAK;AACR,gBAAIJ,EAAc,SAASI,EAAK,SAAU;AAC1C,mBAAO,IAAIL,EAAgB,KAAK;AAAA,UAClC,KAAKK,EAAK,QAAQ;AAChB,gBAAIJ,EAAc,SAASI,EAAK;AAC9B,qBAAO,IAAIL,EAAgB,KAAK;AAElC,kBAAMM,IAAiB,OAAO,KAAKN,EAAgB,OAAO;AAC1D,uBAAWO,KAAUD;AACnB,kBAAI,CAAAL,EAAc,QAAQM,CAAM;AAChC,uBAAO,IAAIP,EAAgB,KAAK,yBAAyBO,CAAM;AAEjE,kBAAMC,IAAc,OAAO,KAAKP,EAAc,OAAO;AACrD,uBAAWM,KAAUC;AACnB,kBAAI,CAAAF,EAAe,SAASC,CAAM;AAClC,uBAAO,IAAIP,EAAgB,KAAK,6BAA6BO,CAAM;AAErE;AAAA,UACF;AAAA,UACA,KAAKF,EAAK;AACR,gBAAIJ,EAAc,SAASI,EAAK,IAAK;AACrC,mBAAO,IAAIL,EAAgB,KAAK;AAAA,QAAA;AAAA;AAAA,IAEtC;AAEA,UAAMS,IAAqB,IAAI,IAAIZ,EAAU,IAAI,CAAC,EAAE,OAAAD,QAAYA,CAAK,CAAC;AAEtE,eAAWK,KAAiBH;AAC1B,UAAI,CAAAW,EAAmB,IAAIR,EAAc,KAAK;AAC9C,eAAO,IAAIA,EAAc,KAAK;AAGhC,WAAO;AAAA,EACT,SAASS,GAAO;AACd,WAAMA,aAAiB,QAChB,mBAAmBA,EAAM,OAAO,KADD;AAAA,EAExC;AACF,GAEaC,IACX,CAACd,MACD,CAACD,MACCD,EAAgBC,GAAOC,CAAS;"}

package/package.json

@@ -1,9 +1,7 @@
 {
   "name": "payload-intl",
-  "version": "0.2.4",
+  "version": "1.0.0",
   "description": "Payload Plugin for I18N using ICU Messages",
-  "license": "MIT",
-  "author": "Michael Zeltner",
   "keywords": [
     "payload",
     "intl",
@@ -16,16 +14,23 @@
     "translations",
     "icu"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/davincicoding-org/payload-plugins.git",
+    "directory": "packages/intl"
+  },
+  "license": "MIT",
+  "author": "Michael Zeltner",
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
     "./rsc": {
-      "import": "./dist/exports/rsc.js",
       "types": "./dist/exports/rsc.d.ts",
+      "import": "./dist/exports/rsc.js",
       "default": "./dist/exports/rsc.js"
     },
     "./styles.css": "./dist/styles.css"
@@ -35,62 +40,9 @@
   "files": [
     "dist"
   ],
-  "devDependencies": {
-    "@eslint/eslintrc": "^3.2.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.5.1",
-    "@payloadcms/db-postgres": "3.72.0",
-    "@payloadcms/eslint-config": "3.28.0",
-    "@payloadcms/next": "3.72.0",
-    "@payloadcms/richtext-lexical": "3.72.0",
-    "@payloadcms/storage-uploadthing": "3.72.0",
-    "@payloadcms/ui": "3.72.0",
-    "@playwright/test": "^1.52.0",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.11",
-    "@tiptap/suggestion": "^3.16.0",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.5.4",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.2",
-    "concurrently": "^9.2.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.23.0",
-    "eslint-config-next": "15.3.0",
-    "graphql": "^16.8.1",
-    "next": "15.5.9",
-    "next-intl": "^4.3.4",
-    "open": "^10.1.0",
-    "payload": "3.72.0",
-    "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "rollup-preserve-directives": "^1.1.3",
-    "sharp": "0.32.6",
-    "sort-package-json": "^2.10.0",
-    "tailwindcss": "^4.1.11",
-    "tw-animate-css": "^1.3.6",
-    "typescript": "5.7.3",
-    "vite": "^7.0.6",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.2"
-  },
-  "peerDependencies": {
-    "@payloadcms/next": ">=3.72.0",
-    "@payloadcms/ui": ">=3.72.0",
-    "next": ">=15.2.3",
-    "payload": ">=3.72.0"
-  },
-  "engines": {
-    "node": "^18.20.2 || >=20.9.0",
-    "pnpm": "^9 || ^10"
-  },
-  "registry": "https://registry.npmjs.org/",
   "dependencies": {
     "@floating-ui/dom": "^1.7.3",
     "@formatjs/icu-messageformat-parser": "^2.11.2",
-    "@payloadcms/storage-vercel-blob": "^3.72.0",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-hover-card": "^1.1.14",
     "@radix-ui/react-popover": "^1.1.14",
@@ -105,28 +57,61 @@
     "@tiptap/extension-text": "^3.16.0",
     "@tiptap/pm": "^3.16.0",
     "@tiptap/react": "^3.16.0",
+    "@tiptap/suggestion": "^3.16.0",
     "clsx": "^2.1.1",
     "lodash-es": "^4.17.21",
     "radix-ui": "^1.4.2",
     "react-hook-form": "^7.58.1",
-    "sonner": "^2.0.6",
     "tailwind-merge": "^3.3.1",
     "zod": "^4.0.14"
   },
+  "devDependencies": {
+    "@payloadcms/richtext-lexical": "3.72.0",
+    "@payloadcms/ui": "3.72.0",
+    "@tailwindcss/typography": "^0.5.16",
+    "@tailwindcss/vite": "^4.1.11",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.5.4",
+    "@types/react": "19.2.1",
+    "@types/react-dom": "19.2.1",
+    "next": "15.5.9",
+    "payload": "3.72.0",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "rollup-preserve-directives": "1.1.3",
+    "tailwindcss": "^4.1.11",
+    "tw-animate-css": "^1.3.6",
+    "typescript": "5.7.3",
+    "vite": "7.0.6",
+    "vite-plugin-dts": "4.5.4",
+    "vite-tsconfig-paths": "5.1.4",
+    "vitest": "^3.1.2",
+    "@repo/configs": "0.0.1"
+  },
+  "peerDependencies": {
+    "@payloadcms/next": ">=3.72.0",
+    "@payloadcms/ui": ">=3.72.0",
+    "next": ">=15.2.3",
+    "payload": ">=3.72.0"
+  },
+  "engines": {
+    "node": "^18.20.2 || >=20.9.0",
+    "pnpm": "^9 || ^10"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "registry": "https://registry.npmjs.org/",
   "scripts": {
+    "prebuild": "pnpm typecheck",
     "build": "vite build",
-    "dev": "pnpm build && cd dev && next dev --turbo",
-    "dev:watch": "pnpm build --watch & cd dev && next dev --turbo",
-    "dev:generate-importmap": "pnpm dev:payload generate:importmap",
-    "dev:generate-types": "pnpm dev:payload generate:types",
-    "dev:payload": "cross-env PAYLOAD_CONFIG_PATH=./dev/payload.config.ts payload",
-    "typecheck": "tsc --noEmit",
-    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,mdx}\" --cache",
-    "lint": "eslint",
-    "lint:fix": "eslint ./src --fix",
-    "release": "pnpm publish --access public",
-    "test": "pnpm test:int && pnpm test:e2e",
-    "test:e2e": "playwright test",
-    "test:int": "vitest"
+    "clean": "rm -rf dist && rm -rf node_modules",
+    "dev": "vite build --watch",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
   }
 }

package/dist/components/inputs/LexicalInput.js

@@ -1,80 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { defaultEditorFeatures as p, defaultEditorConfig as f } from "@payloadcms/richtext-lexical";
-import { buildDefaultEditorState as E, RenderLexical as g, getEnabledNodes as S, sanitizeClientEditorConfig as x } from "@payloadcms/richtext-lexical/client";
-import { $getRoot as b } from "@payloadcms/richtext-lexical/lexical";
-import { createHeadlessEditor as h } from "@payloadcms/richtext-lexical/lexical/headless";
-import { $generateNodesFromDOM as C, $generateHtmlFromNodes as T } from "@payloadcms/richtext-lexical/lexical/html";
-import { useRef as F, useCallback as u, useMemo as H } from "react";
-import { InputWrapper as M } from "./InputWrapper.js";
-function y({
-  error: r,
-  label: o,
-  value: i,
-  onChange: a,
-  className: s
-}) {
-  const n = v({
-    html: i,
-    onChange: a
-  });
-  return /* @__PURE__ */ l(M, { label: o, error: r, className: s, children: /* @__PURE__ */ l(
-    g,
-    {
-      field: {
-        name: "myCustomEditor",
-        label: !1,
-        type: "richText"
-      },
-      value: n.value,
-      setValue: (e) => n.setValue(e),
-      schemaPath: "global.intl-plugin.editorTemplate"
-    }
-  ) });
-}
-const N = E({});
-function v({
-  html: r,
-  onChange: o
-}) {
-  const i = F(
-    h({
-      nodes: S({
-        editorConfig: x(
-          // @ts-expect-error - FIXME
-          p,
-          f
-        )
-      })
-    })
-  ), a = u(
-    (e) => {
-      const t = i.current;
-      return t.update(
-        () => {
-          const c = new DOMParser().parseFromString(e, "text/html"), m = C(t, c);
-          b().clear().append(...m);
-        },
-        { discrete: !0 }
-      ), t.getEditorState().toJSON();
-    },
-    []
-  ), s = H(() => {
-    const e = a(r);
-    return e.root.children.length === 0 ? N : e;
-  }, [r, a]), n = u(
-    (e) => {
-      const t = i.current;
-      t.setEditorState(t.parseEditorState(e)), t.read(() => {
-        const d = T(t);
-        d !== r && o(d);
-      });
-    },
-    [r, o]
-  );
-  return { value: s, setValue: n };
-}
-export {
-  y as LexicalInput,
-  v as useHtmlLexicalAdapter
-};
-//# sourceMappingURL=LexicalInput.js.map

package/dist/components/inputs/LexicalInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LexicalInput.js","sources":["../../../src/components/inputs/LexicalInput.tsx"],"sourcesContent":["import type {\n  DefaultNodeTypes,\n  TypedEditorState,\n} from \"@payloadcms/richtext-lexical\";\nimport type { SerializedEditorState } from \"@payloadcms/richtext-lexical/lexical\";\nimport {\n  defaultEditorConfig,\n  defaultEditorFeatures,\n} from \"@payloadcms/richtext-lexical\";\nimport {\n  buildDefaultEditorState,\n  getEnabledNodes,\n  RenderLexical,\n  sanitizeClientEditorConfig,\n} from \"@payloadcms/richtext-lexical/client\";\nimport { $getRoot } from \"@payloadcms/richtext-lexical/lexical\";\nimport { createHeadlessEditor } from \"@payloadcms/richtext-lexical/lexical/headless\";\nimport {\n  $generateHtmlFromNodes,\n  $generateNodesFromDOM,\n} from \"@payloadcms/richtext-lexical/lexical/html\";\nimport { useCallback, useMemo, useRef } from \"react\";\n\nimport type { InputWrapperProps } from \"./InputWrapper\";\nimport { InputWrapper } from \"./InputWrapper\";\n\nexport interface LexicalInputProps extends InputWrapperProps {\n  lang: string;\n  value: string;\n  onChange: (value: string) => void;\n  onBlur: () => void;\n}\n\nexport function LexicalInput({\n  error,\n  label,\n  value,\n  onChange,\n  className,\n}: LexicalInputProps): React.ReactNode {\n  const editor = useHtmlLexicalAdapter({\n    html: value,\n    onChange,\n  });\n\n  return (\n    <InputWrapper label={label} error={error} className={className}>\n      <RenderLexical\n        field={{\n          name: \"myCustomEditor\",\n          label: false,\n          type: \"richText\",\n        }}\n        value={editor.value}\n        setValue={(val) => editor.setValue(val as SerializedEditorState)}\n        schemaPath=\"global.intl-plugin.editorTemplate\"\n      />\n    </InputWrapper>\n  );\n}\n\nconst EMPTY_STATE = buildDefaultEditorState({});\n\ninterface UseHtmlLexicalAdapterProps {\n  html: string;\n  onChange: (html: string) => void;\n}\n\nexport function useHtmlLexicalAdapter({\n  html,\n  onChange,\n}: UseHtmlLexicalAdapterProps) {\n  // 1. Maintain a persistent headless editor for conversion\n  const headlessEditor = useRef(\n    createHeadlessEditor({\n      nodes: getEnabledNodes({\n        editorConfig: sanitizeClientEditorConfig(\n          // @ts-expect-error - FIXME\n          defaultEditorFeatures,\n          defaultEditorConfig,\n        ),\n      }),\n    }),\n  );\n\n  // 2. HTML -> SerializedState\n  const getSerializedState = useCallback(\n    (htmlString: string): SerializedEditorState => {\n      const editor = headlessEditor.current;\n      editor.update(\n        () => {\n          const parser = new DOMParser();\n          const dom = parser.parseFromString(htmlString, \"text/html\");\n          const nodes = $generateNodesFromDOM(editor, dom);\n\n          const root = $getRoot();\n          root.clear().append(...nodes);\n        },\n        { discrete: true },\n      );\n\n      return editor.getEditorState().toJSON();\n    },\n    [],\n  );\n\n  // 3. Memoize the initial value to prevent unnecessary re-renders\n  const value = useMemo(() => {\n    const serializedState = getSerializedState(html);\n\n    if (serializedState.root.children.length === 0) {\n      return EMPTY_STATE;\n    }\n\n    return serializedState;\n  }, [html, getSerializedState]);\n\n  // 4. SerializedState -> HTML\n  const setValue = useCallback(\n    (serializedState: SerializedEditorState) => {\n      const editor = headlessEditor.current;\n\n      // Update headless editor to match the incoming state\n      editor.setEditorState(editor.parseEditorState(serializedState));\n\n      // Generate HTML and broadcast if it has changed\n      editor.read(() => {\n        const newHtml = $generateHtmlFromNodes(editor);\n        if (newHtml !== html) {\n          onChange(newHtml);\n        }\n      });\n    },\n    [html, onChange],\n  );\n\n  return { value: value as TypedEditorState<DefaultNodeTypes>, setValue };\n}\n"],"names":["LexicalInput","error","label","value","onChange","className","editor","useHtmlLexicalAdapter","jsx","InputWrapper","RenderLexical","val","EMPTY_STATE","buildDefaultEditorState","html","headlessEditor","useRef","createHeadlessEditor","getEnabledNodes","sanitizeClientEditorConfig","defaultEditorFeatures","defaultEditorConfig","getSerializedState","useCallback","htmlString","dom","nodes","$generateNodesFromDOM","$getRoot","useMemo","serializedState","setValue","newHtml","$generateHtmlFromNodes"],"mappings":";;;;;;;;AAiCO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAuC;AACrC,QAAMC,IAASC,EAAsB;AAAA,IACnC,MAAMJ;AAAA,IACN,UAAAC;AAAA,EAAA,CACD;AAED,SACE,gBAAAI,EAACC,GAAA,EAAa,OAAAP,GAAc,OAAAD,GAAc,WAAAI,GACxC,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,OAAOJ,EAAO;AAAA,MACd,UAAU,CAACK,MAAQL,EAAO,SAASK,CAA4B;AAAA,MAC/D,YAAW;AAAA,IAAA;AAAA,EAAA,GAEf;AAEJ;AAEA,MAAMC,IAAcC,EAAwB,EAAE;AAOvC,SAASN,EAAsB;AAAA,EACpC,MAAAO;AAAA,EACA,UAAAV;AACF,GAA+B;AAE7B,QAAMW,IAAiBC;AAAA,IACrBC,EAAqB;AAAA,MACnB,OAAOC,EAAgB;AAAA,QACrB,cAAcC;AAAA;AAAA,UAEZC;AAAA,UACAC;AAAA,QAAA;AAAA,MACF,CACD;AAAA,IAAA,CACF;AAAA,EAAA,GAIGC,IAAqBC;AAAA,IACzB,CAACC,MAA8C;AAC7C,YAAMlB,IAASS,EAAe;AAC9B,aAAAT,EAAO;AAAA,QACL,MAAM;AAEJ,gBAAMmB,IADS,IAAI,UAAA,EACA,gBAAgBD,GAAY,WAAW,GACpDE,IAAQC,EAAsBrB,GAAQmB,CAAG;AAG/C,UADaG,EAAA,EACR,MAAA,EAAQ,OAAO,GAAGF,CAAK;AAAA,QAC9B;AAAA,QACA,EAAE,UAAU,GAAA;AAAA,MAAK,GAGZpB,EAAO,eAAA,EAAiB,OAAA;AAAA,IACjC;AAAA,IACA,CAAA;AAAA,EAAC,GAIGH,IAAQ0B,EAAQ,MAAM;AAC1B,UAAMC,IAAkBR,EAAmBR,CAAI;AAE/C,WAAIgB,EAAgB,KAAK,SAAS,WAAW,IACpClB,IAGFkB;AAAA,EACT,GAAG,CAAChB,GAAMQ,CAAkB,CAAC,GAGvBS,IAAWR;AAAA,IACf,CAACO,MAA2C;AAC1C,YAAMxB,IAASS,EAAe;AAG9B,MAAAT,EAAO,eAAeA,EAAO,iBAAiBwB,CAAe,CAAC,GAG9DxB,EAAO,KAAK,MAAM;AAChB,cAAM0B,IAAUC,EAAuB3B,CAAM;AAC7C,QAAI0B,MAAYlB,KACdV,EAAS4B,CAAO;AAAA,MAEpB,CAAC;AAAA,IACH;AAAA,IACA,CAAClB,GAAMV,CAAQ;AAAA,EAAA;AAGjB,SAAO,EAAE,OAAAD,GAAoD,UAAA4B,EAAA;AAC/D;"}