feat(marko-virtual): option parity, chat-pretext example, e2e suites, type-strict examples

Author: defunkt-dev

.changeset/marko-virtual-followups.md

@@ -0,0 +1,15 @@
+---
+'@tanstack/marko-virtual': minor
+---
+
+Post-release follow-ups for the Marko adapter: full option parity for both tags
+(scrollMargin, enabled, isRtl, isScrollingResetDelay, useScrollendEvent,
+useAnimationFrameWithResizeObserver, laneAssignmentMode, useCachedMeasurements,
+debug, custom measureElement; window tag adds horizontal and initialOffset),
+named handle types (VirtualizerHandle / WindowVirtualizerHandle) with committed
+.d.marko declarations verified by marko-type-check in CI, a new Chat + Pretext
+example (calculated row heights via @chenglou/pretext; streamed replies grow
+through resizeItem), browser e2e suites for every example plus option-gate
+behavioral proofs, TypeScript-strict cleanups across examples, and chat example
+improvements (accurate size estimate, load-ahead history trigger,
+overflow-anchor handling).

.gitignore

@@ -46,3 +46,4 @@ vite.config.ts.timestamp-*
 test-results/
 playwright-report/
 *.log
+**/*.tsbuildinfo

docs/config.json

@@ -9,9 +9,18 @@
     {
       "label": "Getting Started",
       "children": [
-        { "label": "Introduction", "to": "introduction" },
-        { "label": "Installation", "to": "installation" },
-        { "label": "Text Measurement with Pretext", "to": "pretext" }
+        {
+          "label": "Introduction",
+          "to": "introduction"
+        },
+        {
+          "label": "Installation",
+          "to": "installation"
+        },
+        {
+          "label": "Text Measurement with Pretext",
+          "to": "pretext"
+        }
       ],
       "frameworks": [
         {
@@ -35,7 +44,10 @@
         {
           "label": "solid",
           "children": [
-            { "label": "Solid Virtual", "to": "framework/solid/solid-virtual" }
+            {
+              "label": "Solid Virtual",
+              "to": "framework/solid/solid-virtual"
+            }
           ]
         },
         {
@@ -69,13 +81,24 @@
     },
     {
       "label": "Guides",
-      "children": [{ "label": "Chat", "to": "chat" }]
+      "children": [
+        {
+          "label": "Chat",
+          "to": "chat"
+        }
+      ]
     },
     {
       "label": "Core APIs",
       "children": [
-        { "label": "Virtualizer", "to": "api/virtualizer" },
-        { "label": "VirtualItem", "to": "api/virtual-item" }
+        {
+          "label": "Virtualizer",
+          "to": "api/virtualizer"
+        },
+        {
+          "label": "VirtualItem",
+          "to": "api/virtual-item"
+        }
       ]
     },
     {
@@ -278,17 +301,65 @@
               "to": "framework/marko/examples/grid",
               "label": "Grid"
             },
+            {
+              "to": "framework/marko/examples/pretext",
+              "label": "Pretext"
+            },
+            {
+              "to": "framework/marko/examples/padding",
+              "label": "Padding"
+            },
+            {
+              "to": "framework/marko/examples/scroll-padding",
+              "label": "Scroll Padding"
+            },
+            {
+              "to": "framework/marko/examples/sticky",
+              "label": "Sticky"
+            },
             {
               "to": "framework/marko/examples/infinite-scroll",
               "label": "Infinite Scroll"
             },
+            {
+              "to": "framework/marko/examples/chat",
+              "label": "Chat"
+            },
+            {
+              "to": "framework/marko/examples/chat-pretext",
+              "label": "Chat + Pretext"
+            },
             {
               "to": "framework/marko/examples/smooth-scroll",
               "label": "Smooth Scroll"
             },
+            {
+              "to": "framework/marko/examples/table",
+              "label": "Table"
+            },
             {
               "to": "framework/marko/examples/window",
               "label": "Window"
+            },
+            {
+              "to": "framework/marko/examples/ssr",
+              "label": "SSR: No Fetch, Rows Render on Client"
+            },
+            {
+              "to": "framework/marko/examples/ssr-fetch",
+              "label": "SSR: Fetch on Server, Rows Render on Client"
+            },
+            {
+              "to": "framework/marko/examples/ssr-slice",
+              "label": "SSR: Fetch on Server, Rows Render on Server"
+            },
+            {
+              "to": "framework/marko/examples/ssr-restore",
+              "label": "SSR: Fetch on Server, Rows Render on Server at Offset"
+            },
+            {
+              "to": "framework/marko/examples/window-ssr-slice",
+              "label": "SSR Window: Fetch on Server, Rows Render on Server"
             }
           ]
         }