feat: tab stop support (import/export/rendering) [IN DEVELOPMENT]

.github/workflows/issue-to-linear.yml

@@ -20,9 +20,9 @@ jobs:
             const LINEAR_TOKEN = process.env.LINEAR_TOKEN;
             const LINEAR_TEAM_ID = process.env.LINEAR_TEAM_ID;
             const LINEAR_STATE_ID = process.env.LINEAR_STATE_ID;
-            
+
             const issue = context.payload.issue;
-            
+
             // Prepare the Linear issue creation query
             const query = `
               mutation IssueCreate($input: IssueCreateInput!) {
@@ -34,7 +34,7 @@ jobs:
                 }
               }
             `;
-            
+
             const variables = {
               input: {
                 teamId: LINEAR_TEAM_ID,
@@ -43,7 +43,7 @@ jobs:
                 stateId: LINEAR_STATE_ID,
               }
             };
-            
+
             // Make the API request to Linear
             try {
               const response = await fetch('https://api.linear.app/graphql', {
@@ -66,4 +66,4 @@ jobs:
 
             } catch (error) {
               core.setFailed(`Action failed: ${error}`);
-            }
+            }

.github/workflows/pull-request.yml

@@ -2,7 +2,7 @@ name: Pull-request to main
 
 on:
   pull_request:
-    branches: ["develop", "main"]
+    branches: ['develop', 'main']
 
 jobs:
   pre-commit:
@@ -23,5 +23,3 @@ jobs:
             -H "X-GitHub-Api-Version: 2022-11-28" \
             -d '{"ref": "main", "inputs": {"superdoc-branch": "${{ github.head_ref }}", "pull-request-url": "${{ github.event.pull_request.html_url }}"}}' \
             ${{ secrets.SD_TESTS_URL }}
-
-

.github/workflows/push-main.yml

@@ -7,4 +7,4 @@ on:
 
 jobs:
   pre-commit:
-    uses: ./.github/workflows/pre-commit.yml
+    uses: ./.github/workflows/pre-commit.yml

.prettierrc

@@ -7,4 +7,4 @@
   "trailingComma": "all",
   "bracketSameLine": false,
   "useTabs": false
-}
+}

docs/.vitepress/config.mjs

@@ -89,7 +89,7 @@ function sidebar() {
           { text: 'Search', link: '/modules/#search' },
           { text: 'Fields', link: '/modules/#fields' },
           { text: 'Annotate', link: '/modules/#annotate' },
-        ]
+        ],
       },
       {
         text: 'Resources',
@@ -116,4 +116,4 @@ function sidebar() {
       },
     ],
   };
-}
+}

eslint.config.mjs

@@ -88,7 +88,7 @@ export default [
         __APP_VERSION__: 'readonly',
         version: 'readonly',
         superdoc: 'readonly',
-      }
+      },
     },
     rules: {
       'no-unused-vars': 'warn', // See warnings but don't block
@@ -102,6 +102,6 @@ export default [
       // Keep as warnings to address gradually
       'no-unsafe-optional-chaining': 'warn', // Important but not critical
       'no-unused-private-class-members': 'warn', // Clean up when refactoring
-    }
+    },
   },
-];
+];

packages/super-editor/src/core/super-converter/exporter.js

@@ -345,6 +345,31 @@ function generateParagraphProperties(node) {
     pPrElements.push(sectPr);
   }
 
+  // Add tab stops
+  const { tabStops } = attrs;
+  if (tabStops && tabStops.length > 0) {
+    const tabElements = tabStops.map((tab) => {
+      const tabAttributes = {
+        'w:val': tab.val || 'start',
+        'w:pos': pixelsToTwips(tab.pos).toString(),
+      };
+
+      if (tab.leader) {
+        tabAttributes['w:leader'] = tab.leader;
+      }
+
+      return {
+        name: 'w:tab',
+        attributes: tabAttributes,
+      };
+    });
+
+    pPrElements.push({
+      name: 'w:tabs',
+      elements: tabElements,
+    });
+  }
+
   const numPr = node.attrs?.paragraphProperties?.elements?.find((n) => n.name === 'w:numPr');
   const hasNumPr = pPrElements.some((n) => n.name === 'w:numPr');
   if (numPr && !hasNumPr) pPrElements.push(numPr);

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

@@ -131,6 +131,37 @@ export const handleParagraphNode = (params) => {
 
   schemaNode.attrs['filename'] = filename;
 
+  // Parse tab stops
+  const tabs = pPr?.elements?.find((el) => el.name === 'w:tabs');
+  if (tabs && tabs.elements) {
+    const tabStops = tabs.elements
+      .filter((el) => el.name === 'w:tab')
+      .map((tab) => {
+        let val = tab.attributes['w:val'] || 'start';
+        // Test files continue to contain "left" and "right" rather than "start" and "end"
+        if (val == 'left') {
+          val = 'start';
+        } else if (val == 'right') {
+          val = 'end';
+        }
+        const tabStop = {
+          val,
+          pos: twipsToPixels(tab.attributes['w:pos']),
+        };
+
+        // Add leader if present
+        if (tab.attributes['w:leader']) {
+          tabStop.leader = tab.attributes['w:leader'];
+        }
+
+        return tabStop;
+      });
+
+    if (tabStops.length > 0) {
+      schemaNode.attrs.tabStops = tabStops;
+    }
+  }
+
   // Normalize text nodes.
   if (schemaNode && schemaNode.content) {
     schemaNode = {

packages/super-editor/src/extensions/heading/heading.js

@@ -24,6 +24,7 @@ export const Heading = Node.create({
         default: 1,
         rendered: false,
       },
+      tabStops: { rendered: false },
     };
   },
 

packages/super-editor/src/extensions/paragraph/paragraph.js

@@ -110,6 +110,15 @@ export const Paragraph = Node.create({
           return { style };
         },
       },
+      textCase: {
+        renderDOM: (attrs) => {
+          if (!attrs.textCase) return {};
+          return {
+            style: `text-transform: ${attrs.textCase}`,
+          };
+        },
+      },
+      tabStops: { rendered: false },
     };
   },