Detecting fillable field

Author: falsaadehh

packages/super-editor/src/core/super-converter/v2/importer/importerHelpers.js

@@ -92,3 +92,32 @@ export function hasTextNode(elements) {
   const runsHaveText = runs.some((run) => run.elements.some((el) => el.name === 'w:t'));
   return runsHaveText;
 }
+
+export const isFillableText = (text) => {
+  const regex = /(\[Insert[^\]]*\]|\[\[[^\]]*\]\]|\{\{[^}]+\}\}|___+|\.{3,}|\[[^\]]+\])/;
+  return regex.test(text);
+};
+
+export const extractFillableParts = (text) => {
+  const regex = /(\[Insert[^\]]*\]|\[\[[^\]]*\]\]|\{\{[^}]+\}\}|___+|\.{3,}|\[[^\]]+\])/g;
+  const parts = [];
+  let lastIndex = 0;
+  let match;
+
+  while ((match = regex.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push({ text: text.slice(lastIndex, match.index), fillable: false });
+    }
+    parts.push({ text: match[0], fillable: true });
+    lastIndex = regex.lastIndex;
+  }
+
+  if (lastIndex < text.length) {
+    parts.push({ text: text.slice(lastIndex), fillable: false });
+  }
+
+  return parts;
+};
+
+let uniqueIdCounter = 0;
+export const generateUniqueId = () => `fillable-${uniqueIdCounter++}`;

packages/super-editor/src/core/super-converter/v2/importer/textNodeImporter.js

@@ -1,4 +1,4 @@
-import { getElementName, parseProperties } from './importerHelpers.js';
+import { generateUniqueId, extractFillableParts, getElementName, parseProperties } from './importerHelpers.js';
 
 /**
  * @type {import("docxImporter").NodeHandler}
@@ -24,16 +24,31 @@ export const handleTextNode = (params) => {
 
   // Ignore others - can catch other special cases here if necessary
   else return { nodes: [], consumed: 0 };
+  const parts = extractFillableParts(text);
+  const resultNodes = parts.flatMap((part) => {
+    let attrs = { type, attributes: attributes || {} }
+    if(part.fillable) {
+      let label = part.text;
+      attrs.fieldId = generateUniqueId();
+      attrs.displayLabel = label;
+      attrs.highlighted = false;
+      attrs.type = "text";
+      return {
+        type: 'fieldAnnotation',
+        attrs: attrs,
+        marks,
+      };
+    }
+    return {
+      type: getElementName(node),
+      text: part.text,
+      attrs: attrs,
+      marks,
+    };
+  });
 
   return {
-    nodes: [
-      {
-        type: getElementName(node),
-        text: text,
-        attrs: { type, attributes: attributes || {} },
-        marks,
-      },
-    ],
+    nodes: resultNodes,
     consumed: 1,
   };
 };

packages/super-editor/src/core/super-converter/v2/importer/trackChangesImporter.js

@@ -19,8 +19,8 @@ export const handleTrackChangeNode = (params) => {
   if (['w:ins', 'w:del'].includes(mainNode.name)) {
     node = mainNode;
   } else {
-    const sdtContent = mainNode.elements.find((el) => el.name === 'w:sdtContent');
-    const trackedChange = sdtContent?.elements.find((el) => ['w:ins', 'w:del'].includes(el.name));
+    const sdtContent = mainNode.elements?.find((el) => el.name === 'w:sdtContent');
+    const trackedChange = sdtContent?.elements?.find((el) => ['w:ins', 'w:del'].includes(el.name));
     if (trackedChange) node = trackedChange;
   }