@wular/pnext 0.0.3 → 0.0.6

package/src/compat/segment/page-slot.ts

@@ -17,18 +17,18 @@
 /** The byte range of a document's page slot and of the page markup inside it. */
 export interface PageSlotRange {
   /** Index of the opening `<div …>` / `<!--pnext-page:…-->` marker. */
-  start: number;
+  start: number
   /** Index just past the opening marker (where the page's markup begins). */
-  childrenStart: number;
+  childrenStart: number
   /** Index of the closing `</div>` / `<!--/pnext-page-->` marker. */
-  childrenEnd: number;
+  childrenEnd: number
   /** Index just past the closing marker. */
-  end: number;
+  end: number
 }
 
-const SLOT_DIV_OPEN = /<div\b[^>]*\bid="pnext-page"[^>]*>/;
-const SLOT_COMMENT_OPEN = /<!--pnext-page:[^>]*-->/;
-const SLOT_COMMENT_CLOSE = '<!--/pnext-page-->';
+const SLOT_DIV_OPEN = /<div\b[^>]*\bid="pnext-page"[^>]*>/
+const SLOT_COMMENT_OPEN = /<!--pnext-page:[^>]*-->/
+const SLOT_COMMENT_CLOSE = '<!--/pnext-page-->'
 
 /**
  * Locate the page slot in a rendered document, or null when it has none (a
@@ -36,41 +36,41 @@ const SLOT_COMMENT_CLOSE = '<!--/pnext-page-->';
  * its slot markers dropped, a non-pnext body).
  */
 export function pageSlotRange(html: string): PageSlotRange | null {
-  const comment = SLOT_COMMENT_OPEN.exec(html);
+  const comment = SLOT_COMMENT_OPEN.exec(html)
   if (comment) {
-    const childrenStart = comment.index + comment[0].length;
-    const childrenEnd = html.indexOf(SLOT_COMMENT_CLOSE, childrenStart);
-    if (childrenEnd === -1) return null;
+    const childrenStart = comment.index + comment[0].length
+    const childrenEnd = html.indexOf(SLOT_COMMENT_CLOSE, childrenStart)
+    if (childrenEnd === -1) return null
     return {
       start: comment.index,
       childrenStart,
       childrenEnd,
       end: childrenEnd + SLOT_COMMENT_CLOSE.length,
-    };
+    }
   }
-  const open = SLOT_DIV_OPEN.exec(html);
-  if (!open) return null;
-  const childrenStart = open.index + open[0].length;
-  const tag = /<div\b|<\/div>/g;
-  tag.lastIndex = childrenStart;
-  let depth = 1;
+  const open = SLOT_DIV_OPEN.exec(html)
+  if (!open) return null
+  const childrenStart = open.index + open[0].length
+  const tag = /<div\b|<\/div>/g
+  tag.lastIndex = childrenStart
+  let depth = 1
   for (let match = tag.exec(html); match; match = tag.exec(html)) {
-    depth += match[0] === '</div>' ? -1 : 1;
-    if (depth !== 0) continue;
+    depth += match[0] === '</div>' ? -1 : 1
+    if (depth !== 0) continue
     return {
       start: open.index,
       childrenStart,
       childrenEnd: match.index,
       end: match.index + match[0].length,
-    };
+    }
   }
-  return null;
+  return null
 }
 
 /** The page's own markup (the slot's children), or null without a slot. */
 export function pageSlotContent(html: string): string | null {
-  const range = pageSlotRange(html);
-  return range ? html.slice(range.childrenStart, range.childrenEnd) : null;
+  const range = pageSlotRange(html)
+  return range ? html.slice(range.childrenStart, range.childrenEnd) : null
 }
 
 /**
@@ -79,9 +79,9 @@ export function pageSlotContent(html: string): string | null {
  * worse than a whole one.
  */
 export function stripPageSlotContent(html: string): string {
-  const range = pageSlotRange(html);
-  if (!range) return html;
-  return html.slice(0, range.childrenStart) + html.slice(range.childrenEnd);
+  const range = pageSlotRange(html)
+  if (!range) return html
+  return html.slice(0, range.childrenStart) + html.slice(range.childrenEnd)
 }
 
 // A streamed Suspense continuation: the hidden chunk divs the renderer appends
@@ -89,14 +89,14 @@ export function stripPageSlotContent(html: string): string {
 // inline-suspense variant. A page's dynamic content resolves INTO one of these,
 // not into the slot, so a page frame that stopped at the slot would carry only
 // the page's `loading` fallback.
-const STREAM_CHUNK_MARKERS = ['<div hidden data-pnext-stream', '<div hidden><preact-island'];
+const STREAM_CHUNK_MARKERS = ['<div hidden data-pnext-stream', '<div hidden><preact-island']
 
 /** Index of the first streamed continuation chunk at/after `from`, or -1. */
 function streamedContinuationStart(html: string, from: number): number {
   const cuts = STREAM_CHUNK_MARKERS.map(marker => html.indexOf(marker, from)).filter(
     index => index !== -1,
-  );
-  return cuts.length > 0 ? Math.min(...cuts) : -1;
+  )
+  return cuts.length > 0 ? Math.min(...cuts) : -1
 }
 
 /**
@@ -110,13 +110,13 @@ function streamedContinuationStart(html: string, from: number): number {
  * page slot starts at offset 0, which is what `composeSegmentFrames` keys on.
  */
 export function pageSlotFrame(html: string): string | null {
-  const range = pageSlotRange(html);
-  if (!range) return null;
-  const slot = html.slice(range.start, range.end);
-  const chunks = streamedContinuationStart(html, range.end);
-  if (chunks === -1) return slot;
-  const bodyEnd = html.lastIndexOf('</body>');
-  return slot + html.slice(chunks, bodyEnd > chunks ? bodyEnd : html.length);
+  const range = pageSlotRange(html)
+  if (!range) return null
+  const slot = html.slice(range.start, range.end)
+  const chunks = streamedContinuationStart(html, range.end)
+  if (chunks === -1) return slot
+  const bodyEnd = html.lastIndexOf('</body>')
+  return slot + html.slice(chunks, bodyEnd > chunks ? bodyEnd : html.length)
 }
 
 /**
@@ -134,41 +134,41 @@ export function stripStreamedContinuation(html: string): string {
   // whose own content streams emits chunks BEFORE the page slot, and cutting to
   // the end of the body would take the slot with them, leaving a frame nothing
   // can be composed into.
-  let result = html;
-  let from = 0;
+  let result = html
+  let from = 0
   for (;;) {
-    const start = streamedContinuationStart(result, from);
-    if (start === -1) return result;
-    const end = chunkEnd(result, start);
-    if (end === -1) return result;
+    const start = streamedContinuationStart(result, from)
+    if (start === -1) return result
+    const end = chunkEnd(result, start)
+    if (end === -1) return result
     // A chunk that CONTAINS the page slot is the frame's own slot carrier (the
     // page's markup streams in below the layout), not stale continuation —
     // dropping it would leave nothing to compose a fresh page into.
-    const slot = pageSlotRange(result);
+    const slot = pageSlotRange(result)
     if (slot && slot.start > start && slot.end <= end) {
-      from = end;
-      continue;
+      from = end
+      continue
     }
-    result = result.slice(0, start) + result.slice(end);
+    result = result.slice(0, start) + result.slice(end)
   }
 }
 
 /** Index just past a continuation chunk (its balanced div + promotion script). */
 function chunkEnd(html: string, start: number): number {
-  const tag = /<div\b|<\/div>/g;
-  tag.lastIndex = start + '<div'.length;
-  let depth = 1;
-  let divEnd = -1;
+  const tag = /<div\b|<\/div>/g
+  tag.lastIndex = start + '<div'.length
+  let depth = 1
+  let divEnd = -1
   for (let match = tag.exec(html); match; match = tag.exec(html)) {
-    depth += match[0] === '</div>' ? -1 : 1;
-    if (depth > 0) continue;
-    divEnd = match.index + match[0].length;
-    break;
+    depth += match[0] === '</div>' ? -1 : 1
+    if (depth > 0) continue
+    divEnd = match.index + match[0].length
+    break
   }
-  if (divEnd === -1) return -1;
-  const rest = html.slice(divEnd);
-  const script = /^\s*<script\b[^>]*>[\s\S]*?<\/script>/.exec(rest);
-  return script ? divEnd + script[0].length : divEnd;
+  if (divEnd === -1) return -1
+  const rest = html.slice(divEnd)
+  const script = /^\s*<script\b[^>]*>[\s\S]*?<\/script>/.exec(rest)
+  return script ? divEnd + script[0].length : divEnd
 }
 
 /**
@@ -182,19 +182,19 @@ function chunkEnd(html: string, start: number): number {
  * and painting a half-composed document is worse than fetching.
  */
 export function composeSegmentFrames(layoutHtml: string, pageHtml: string): string | null {
-  const range = pageSlotRange(layoutHtml);
-  if (!range) return null;
-  const pageRange = pageSlotRange(pageHtml);
-  if (!pageRange) return null;
-  const page = pageHtml.slice(pageRange.childrenStart, pageRange.childrenEnd);
+  const range = pageSlotRange(layoutHtml)
+  if (!range) return null
+  const pageRange = pageSlotRange(pageHtml)
+  if (!pageRange) return null
+  const page = pageHtml.slice(pageRange.childrenStart, pageRange.childrenEnd)
   const composed =
-    layoutHtml.slice(0, range.childrenStart) + page + layoutHtml.slice(range.childrenEnd);
+    layoutHtml.slice(0, range.childrenStart) + page + layoutHtml.slice(range.childrenEnd)
   // A whole document's tail is its own layout/scripts, already present in the
   // layout frame; only a frame's tail is continuation markup to carry over.
-  const tail = pageRange.start === 0 ? pageHtml.slice(pageRange.end) : '';
-  if (!tail) return composed;
-  const insertAt = composed.lastIndexOf('</body>');
+  const tail = pageRange.start === 0 ? pageHtml.slice(pageRange.end) : ''
+  if (!tail) return composed
+  const insertAt = composed.lastIndexOf('</body>')
   return insertAt === -1
     ? composed + tail
-    : composed.slice(0, insertAt) + tail + composed.slice(insertAt);
+    : composed.slice(0, insertAt) + tail + composed.slice(insertAt)
 }