npm - @ptengine/lp-editor-core - Versions diffs - 1.0.0-alpha.0 → 1.0.0-alpha.2 - Mend

@ptengine/lp-editor-core 1.0.0-alpha.0 → 1.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/README.md CHANGED Viewed

@@ -73,11 +73,21 @@ if (result.ok) {
 可能改变时**递增 —— 下游按它判断已有成品要不要重新生成。改一条规则数据不应该让所有成品
 失效，所以这两个号有意分开。
-### golden 摘要清单
+### 接上去之前先验一遍
-包里带 `dist/golden/manifest.json`：`{ fixture, COMPILER_VERSION, sha256 }`。下游可以在 Node
-侧跑一遍样例、算 sha256 与它比对，确认自己这一侧与发布时的产物一致，不需要装浏览器。
-完整快照留在源码仓里，不随包发布。
+```bash
+node node_modules/@ptengine/lp-editor-core/dist/golden/verify.mjs
+```
+它拿包里发的 fixture，用**你这一侧的 DOM 实现**跑一遍 parse / apply / serialize，算 sha256
+与 `dist/golden/manifest.json` 里的期望值比。全部一致才说明你的环境（jsdom 版本、Node 版本）
+产出的字节与发布时相同 —— 不一致的话，你的页面缓存会和编辑器逐轮分叉，而且不报错。
+需要 jsdom 在场（这个包自己不依赖它 —— DOM 由宿主注入）。不需要装浏览器：浏览器那一侧
+在 core 自己的 CI 里已经验过。
+包里带的是**输入**（`dist/golden/fixtures/`）与**期望哈希**（`manifest.json`）；
+完整的期望输出留在源码仓里调试用，不随包发布。
 ## 许可

package/dist/golden/fixtures/html/01-tailwind-landing.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>スマート分析プラットフォーム | Ptengine</title>
+<script src="https://cdn.tailwindcss.com/4.0.0"></script>
+<style type="text/tailwindcss">
+  @theme {
+    --color-brand-50:  oklch(0.97 0.014 254.6);
+    --color-brand-500: oklch(0.62 0.19 259.8);
+    --color-brand-900: #1e3a8a;
+    --font-display: "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;
+    --spacing-gutter: 1.375rem;
+    --breakpoint-3xl: 120rem;
+  }
+  @layer components {
+    .cta-btn { @apply rounded-full px-6 py-3 font-semibold; }
+  }
+</style>
+</head>
+<body class="bg-brand-50 font-display antialiased" data-pt-page="lp-2024-autumn" data-pt-variant="B">
+  <header class="sticky top-0 z-50 backdrop-blur" data-pt-section="header" data-pt-track-impression="true">
+    <nav class="mx-auto flex max-w-7xl items-center justify-between p-gutter" aria-label="グローバルナビゲーション">
+      <a href="/" class="-m-1.5 p-1.5" data-pt-cta="logo">
+        <span class="sr-only">株式会社ポップインサイト</span>
+        <picture>
+          <source srcset="/img/logo.avif 1x, /img/logo@2x.avif 2x" type="image/avif">
+          <source srcset="/img/logo.webp 1x, /img/logo@2x.webp 2x" type="image/webp" media="(min-width: 768px)">
+          <img src="/img/logo.png" alt="Ptengine ロゴ" width="148" height="32" class="h-8 w-auto" loading="eager" decoding="async">
+        </picture>
+      </a>
+      <button type="button" class="cta-btn bg-brand-500 text-white hover:bg-brand-900" data-pt-cta="nav-signup" data-pt-cta-position="header-right">
+        無料で始める
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="ml-1 inline size-4" aria-hidden="true">
+          <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path>
+        </svg>
+      </button>
+    </nav>
+  </header>
+  <main>
+    <section class="relative isolate overflow-hidden px-6 pt-14 lg:px-8" data-pt-section="hero" data-pt-experiment="hero-copy-v3">
+      <div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
+        <h1 class="text-balance text-5xl font-semibold tracking-tight text-brand-900 sm:text-7xl">
+          データを、<br>すぐに&ldquo;動く&rdquo;施策へ。
+        </h1>
+        <p class="mt-8 text-pretty text-lg text-gray-600 sm:text-xl/8">
+          ヒートマップ・A/Bテスト・パーソナライズを1つに。エンジニア不要で、今日から改善を回せます。
+        </p>
+        <div class="mt-10 flex items-center gap-x-6">
+          <a href="/signup?utm_source=lp&amp;utm_medium=hero" class="cta-btn bg-brand-500 text-white shadow-sm" data-pt-cta="hero-primary">無料トライアル</a>
+          <a href="#features" class="text-sm/6 font-semibold text-gray-900" data-pt-cta="hero-secondary">機能を見る <span aria-hidden="true">→</span></a>
+        </div>
+      </div>
+      <figure class="mt-16">
+        <picture>
+          <source media="(min-width: 1024px)" srcset="/img/hero-lg.webp" type="image/webp">
+          <source media="(min-width: 640px)" srcset="/img/hero-md.webp" type="image/webp">
+          <img src="/img/hero-sm.jpg" alt="ダッシュボードのスクリーンショット" class="rounded-xl shadow-2xl ring-1 ring-gray-900/10" width="2432" height="1442">
+        </picture>
+        <figcaption class="mt-3 text-center text-sm text-gray-500">実際の管理画面（2024年10月時点）</figcaption>
+      </figure>
+    </section>
+    <section id="features" class="py-24" data-pt-section="features">
+      <dl class="mx-auto grid max-w-7xl grid-cols-1 gap-x-8 gap-y-16 px-6 sm:grid-cols-2 lg:grid-cols-3">
+        <div class="flex flex-col" data-pt-card="feature-1">
+          <dt class="text-base font-semibold text-brand-900">ヒートマップ</dt>
+          <dd class="mt-1 text-sm text-gray-600">クリック・スクロール・アテンションを同時に計測。</dd>
+        </div>
+        <div class="flex flex-col" data-pt-card="feature-2">
+          <dt class="text-base font-semibold text-brand-900">A/Bテスト</dt>
+          <dd class="mt-1 text-sm text-gray-600">コード変更なしで、ノーコードエディタから配信。</dd>
+        </div>
+        <div class="flex flex-col" data-pt-card="feature-3">
+          <dt class="text-base font-semibold text-brand-900">パーソナライズ</dt>
+          <dd class="mt-1 text-sm text-gray-600">セグメントごとに出し分け。効果はリアルタイムで確認。</dd>
+        </div>
+      </dl>
+    </section>
+  </main>
+  <footer class="border-t border-gray-200 py-12 text-center text-xs text-gray-500" data-pt-section="footer">
+    <p>&copy; 2024 Ptmind, Inc. All rights reserved.</p>
+  </footer>
+  <script>
+    window.__PT__ = { pageId: "lp-2024-autumn", variant: "B", locale: "ja-JP" };
+    if (1 < 2 && 3 > 2) { console.log("a & b <script> not-a-tag"); }
+  </script>
+</body>
+</html>

package/dist/golden/fixtures/html/02-table-foster-parenting.html ADDED Viewed

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head><title>foster parenting</title></head>
+<body>
+<p>before table</p>
+<table class="pricing" data-pt-table="plans">
+  stray text directly inside table
+  <caption>料金プラン</caption>
+  <thead>
+    <tr><th scope="col">プラン</th><th scope="col">価格</th></tr>
+  </thead>
+  more stray text between sections
+  <tbody>
+    <tr>
+      leaked text inside tr
+      <td>Free</td>
+      <td>¥0</td>
+    </tr>
+    <div class="this-div-gets-fostered">a div inside tbody</div>
+    <tr><td>Pro</td><td>¥9,800</td></tr>
+  </tbody>
+  <b>bold directly in table</b>
+</table>
+<table>
+  <tr><td>implicit tbody</td></tr>
+</table>
+<p>after table</p>
+</body>
+</html>

package/dist/golden/fixtures/html/03-p-block-nesting.html ADDED Viewed

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head><title>p auto-close</title></head>
+<body>
+<p>paragraph one <div class="block-inside-p">a div inside a p</div> trailing text</p>
+<p>paragraph two
+  <table><tr><td>table inside p</td></tr></table>
+  after the table
+</p>
+<p>nested <p>paragraph inside paragraph</p> still?</p>
+<p>list inside p
+  <ul><li>item a</li><li>item b</ul>
+</p>
+<p>header inside p <h2>an h2</h2> tail</p>
+<p><form action="/x"><input name="q"><p>p inside form inside p</p></form></p>
+<div><p>ok paragraph</div>
+<p>a <b>b <i>c</b> d</i> e</p>
+<span><p>p inside span</p></span>
+</body>
+</html>

package/dist/golden/fixtures/html/04-unclosed-misnested.html ADDED Viewed

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>unclosed and misnested</title>
+<body>
+<div class="outer">
+  <section class="never-closed">
+    <b>bold <i>bolditalic</b> italic only</i>
+    <ul>
+      <li>one
+      <li>two
+      <li>three
+    </ul>
+    <a href="/one">first <a href="/two">second</a> tail
+    <em>emphasis without close
+</div>
+<article>
+  <h3>heading not closed
+  <p>paragraph not closed
+  <blockquote>quote not closed
+</article>
+</span>
+</div>
+</td>
+</tr>
+<font color="red"><p>font then p</font></p>
+<table><td>td without tr</td></table>
+</body>
+</html>

package/dist/golden/fixtures/html/05-attr-quotes-entities-unicode.html ADDED Viewed

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head><meta charset="utf-8"><title>属性の引用符・実体参照・Unicode</title></head>
+<body>
+<div id='single-quoted' title='彼は "こんにちは" と言った' data-pt-label='He said "hi" & left'>double quotes inside a single-quoted value</div>
+<div title="単一引用符 'それ' を含む" data-pt-note="a &lt; b &amp;&amp; c &gt; d">entities in attribute values</div>
+<a href="/search?q=%E6%97%A5%E6%9C%AC&amp;page=2&amp;sort=desc" data-pt-cta="search-link">already-escaped ampersands</a>
+<a href="/search?q=raw&page=2&lt=3&amp=4&copy=x" data-pt-cta="bare-amp">bare ampersands that are not entities</a>
+<span data-unquoted=noquotes-here class=bare-class>unquoted attribute values</span>
+<p data-pt-emoji="🎌🇯🇵👨‍👩‍👧‍👦" data-pt-cjk="日本語・中文・한국어" data-pt-math="∑∫√≠≤≥" data-pt-nbsp="a&nbsp;b" data-pt-zwj="a&zwj;b">Unicode in attributes</p>
+<p>Text entities: &amp; &lt; &gt; &quot; &apos; &copy; &nbsp; &mdash; &hellip; &#x1F389; &#12354; &notit; &notin;</p>
+<p>Raw characters that must be escaped on output: &lt; and &amp; and &gt; and " and '</p>
+<input type="text" value="a&quot;b&#39;c&amp;d&lt;e&gt;f" placeholder="お名前（全角可）">
+<div data-json='{"key":"value","n":1,"arr":[1,2],"jp":"日本語"}'>JSON in a single-quoted attribute</div>
+<div data-pt-newline="line1
+line2" data-pt-tab="a	b">whitespace characters inside attribute values</div>
+<img src="/a.png?x=1&y=2" alt="図: &quot;売上&quot; 推移 &amp; 予測" title='mixed "double" and &#39;single&#39;'>
+</body>
+</html>

package/dist/golden/fixtures/html/06-comments-rawtext.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>comments &amp; raw text &lt;not a tag&gt;</title>
+<!-- a normal comment -->
+<!--[if lt IE 9]>
+  <script src="/html5shiv.js"></script>
+<![endif]-->
+<!--[if !IE]><!--><link rel="stylesheet" href="/modern.css"><!--<![endif]-->
+<style>
+  /* a comment with <div> and &amp; inside */
+  .a::before { content: "<b>&nbsp;</b>"; }
+  .b > .c { color: red }
+  @media (max-width: 640px) { .d { display: none } }
+</style>
+<script type="application/json" id="seed">
+  {"html": "<p>not parsed</p>", "amp": "a & b", "lt": "1 < 2"}
+</script>
+</head>
+<body>
+<!-- comment with -- dashes and a > bracket -->
+<!---->
+<!--- leading dash --->
+<div>text<!--inline comment-->more text</div>
+<script>
+  var s = "</scr" + "ipt>";
+  if (a < b && c > d) { document.write("<p>&amp;</p>"); }
+</script>
+<noscript><p>JavaScript を有効にしてください &amp; リロード</p></noscript>
+<textarea name="memo" rows="3">
+  preserved  whitespace
+	tab and &amp; entity &lt;b&gt;
+</textarea>
+<pre>
+line one
+  indented two
+	tabbed three
+blank line above
+</pre>
+<pre><code>&lt;div class="x"&gt;
+  &amp;nbsp;
+&lt;/div&gt;</code></pre>
+<p>after</p>
+</body>
+</html>

package/dist/golden/fixtures/html/07-boolean-empty-attrs.html ADDED Viewed

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head><title>boolean / empty / valueless attributes</title></head>
+<body>
+<form action="/subscribe" method="post" novalidate>
+  <fieldset disabled>
+    <input type="text" name="a" disabled>
+    <input type="text" name="b" disabled="">
+    <input type="text" name="c" disabled="disabled">
+    <input type="text" name="d" disabled="DISABLED">
+    <input type="text" name="e" disabled="false">
+    <input type="checkbox" name="f" checked>
+    <input type="checkbox" name="g" checked="checked">
+    <input type="checkbox" name="h" CHECKED>
+    <input type="radio" name="i" required readonly hidden>
+  </fieldset>
+  <select multiple size="3">
+    <option value="" selected>選択してください</option>
+    <option value="1">1</option>
+    <option value="2" SELECTED>2</option>
+  </select>
+  <video controls autoplay muted loop playsinline poster=""></video>
+  <audio controls preload="none"></audio>
+  <script defer async src="/a.js"></script>
+  <button type="submit" DISABLED class="">送信</button>
+</form>
+<img src="/spacer.gif" alt="" width="1" height="1">
+<img src="/deco.png" alt>
+<div class="" id="" data-pt-empty="" data-pt-flag></div>
+<div DATA-PT-UPPER="x" Data-Pt-Mixed="y" CLASS="upper-class-attr">uppercase attribute names</div>
+<hr>
+<br>
+<br/>
+<img src="/x.png" alt="self closed"/>
+<input type="text" name="selfclosed" />
+<area shape="rect" coords="0,0,1,1" href="#a" alt="a">
+<col span="2">
+<embed src="/x.swf" type="application/x-shockwave-flash">
+<source src="/x.mp4" type="video/mp4">
+<track kind="captions" src="/x.vtt" srclang="ja" label="日本語" default>
+<wbr>
+<base href="https://example.com/">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<meta name="robots" content="index,follow">
+</body>
+</html>

package/dist/golden/fixtures/html/08-mega-class-list.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><title>大量 class / arbitrary values</title></head>
+<body>
+<div class="group relative isolate flex w-full max-w-[1180px] flex-col items-center justify-between gap-y-6 overflow-hidden rounded-[18px] border border-slate-200/70 bg-white/80 px-4 py-6 shadow-[0_1px_3px_rgba(0,0,0,0.08)] ring-1 ring-inset ring-black/5 backdrop-blur-[6px] transition-[transform,opacity] duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] hover:-translate-y-0.5 hover:shadow-lg focus-within:ring-2 sm:flex-row sm:gap-x-8 sm:px-6 md:w-[137px] md:aspect-[4/3] md:rounded-2xl md:px-8 md:py-10 lg:max-w-[1440px] lg:px-12 xl:px-16 2xl:px-20 dark:border-white/10 dark:bg-slate-900/70 dark:ring-white/10 motion-reduce:transition-none print:hidden [&>svg]:size-5 [&_a]:underline data-[state=open]:bg-brand-50 aria-[current=page]:font-bold" data-pt-block="hero-card" data-pt-variant="B" data-state="closed">
+  <span class="pointer-events-none absolute inset-0 -z-10 bg-[radial-gradient(ellipse_at_top,theme(colors.brand.50),transparent_70%)]"></span>
+  <img class="size-[64px] shrink-0 rounded-[50%] object-cover aspect-[1/1]" src="/avatar.png" alt="">
+  <p class="text-pretty text-[15px]/[1.6] tracking-[-0.01em] text-slate-700 md:text-[17px]/[1.7]">任意値クラスの組み合わせテスト</p>
+</div>
+</body>
+</html>

package/dist/golden/fixtures/html/09-legacy-doctype.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<HTML>
+<HEAD>
+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
+<TITLE>レガシー HTML4 ドキュメント</TITLE>
+</HEAD>
+<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
+<TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0>
+<TR><TD ALIGN=CENTER VALIGN=TOP NOWRAP>
+<FONT FACE="MS Pゴシック" SIZE="2" COLOR="#333333">旧来のマークアップ</FONT>
+</TD></TR>
+</TABLE>
+<CENTER><B>太字</B>&nbsp;<I>斜体</I></CENTER>
+<P ALIGN=JUSTIFY>段落です。<BR>改行しました。
+<A HREF="index.html" TARGET="_blank"><IMG SRC="btn.gif" BORDER=0 ALT="ボタン"></A>
+</BODY>
+</HTML>

package/dist/golden/fixtures/html/10-foreign-template-pre.html ADDED Viewed

@@ -0,0 +1,40 @@
+<html>
+<head><title>no doctype: svg / mathml / template / pre newline</title></head>
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" preserveAspectRatio="xMidYMid meet" class="icon">
+  <title>閉じる</title>
+  <desc>close icon</desc>
+  <defs>
+    <lineargradient id="g1" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#fff"></stop>
+      <stop offset="100%" stop-color="#000"></stop>
+    </lineargradient>
+    <clippath id="c1"><rect x="0" y="0" width="10" height="10"></rect></clippath>
+  </defs>
+  <g clip-path="url(#c1)" fill-rule="evenodd">
+    <path d="M6 18 18 6M6 6l12 12" stroke-linecap="round"></path>
+    <foreignobject x="0" y="0" width="10" height="10"><div xmlns="http://www.w3.org/1999/xhtml">html in svg</div></foreignobject>
+  </g>
+  <text textlength="40" lengthadjust="spacing">日本語</text>
+</svg>
+<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
+  <mrow><mi>a</mi><mo>+</mo><msup><mi>b</mi><mn>2</mn></msup></mrow>
+  <annotation-xml encoding="text/html"><p>html inside mathml</p></annotation-xml>
+</math>
+<template id="row-tpl">
+  <tr class="row"><td class="cell">{{value}}</td></tr>
+</template>
+<template id="plain-tpl"><div class="a"><span>b</span></div></template>
+<pre>
+first line has a leading newline in the source</pre>
+<pre>no leading newline</pre>
+<pre>
+two leading newlines</pre>
+<textarea>
+leading newline in textarea</textarea>
+<textarea>no leading newline</textarea>
+<div>trailing
+</div>
+</body>
+</html>

package/dist/golden/fixtures/html/11-adoption-agency-deep.html ADDED Viewed

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head><title>adoption agency / deep misnesting</title></head>
+<body>
+<p>1<b>2<i>3</b>4</i>5</p>
+<b><p>bold wrapping a p</b> tail</p>
+<a href="/a"><div>block inside a</div></a>
+<b>x<table><td><i>y</b>z</i></td></table>w
+<table><table><tr><td>nested table start tag</td></tr></table></table>
+<form action="/outer"><form action="/inner"><input name="n"></form></form>
+<select><option>a<select><option>b</select></select>
+<button>one<button>two</button>
+<nobr>a<nobr>b<nobr>c</nobr>
+<dl><dt>t1<dd>d1<dt>t2<dd>d2</dl>
+<ruby>漢<rt>かん</rt><rb>字</rb><rt>じ</rt></ruby>
+<div><div><div><div><div><div><div><div><div><div>
+<span><em><strong><small><mark><q><cite><abbr>deep</abbr></cite></q></mark></small></strong></em></span>
+</div></div></div></div></div></div></div></div></div></div>
+<image src="/legacy-image-tag.png" alt="image not img">
+<isindex prompt="legacy">
+<frameset><frame src="/a.html"></frameset>
+<li>bare li</li>
+<td>bare td</td>
+<tr><td>bare tr</td></tr>
+<caption>bare caption</caption>
+<colgroup><col></colgroup>
+</body>
+</html>

package/dist/golden/fixtures/html/12-charrefs-control-chars.html ADDED Viewed

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head><meta charset="utf-8"><title>character references &amp; control characters</title></head>
+<body>
+<p id="numeric">dec: &#65; &#8364; &#128169; &#12354; | hex: &#x41; &#x20AC; &#x1F4A9; &#x3042;</p>
+<p id="windows1252">C1 remapping: &#128; &#130; &#133; &#136; &#145; &#146; &#149; &#151; &#157; &#159;</p>
+<p id="out-of-range">out of range: &#x110000; &#xFFFF; &#xFFFE; &#0; &#x0; &#xD800; &#xDFFF;</p>
+<p id="unterminated">unterminated: &amp &lt &gt &copy &AMP &notit; &notin; &fjlig;</p>
+<p id="bogus">bogus: &#; &#x; &# ; &&amp;&amp;amp; &12345678901234567890;</p>
+<p id="attrs" title="in attr: &amp &copy= &copy; &#x41; &notit;" data-x="&unknownentity; raw">attribute-context reference rules differ from text-context</p>
+<p id="crlf">carriage
+return
+mixed
+line endings</p>
+<p id="nbsp">nbsp:&nbsp;&nbsp;&#160;&#xA0;and&ensp;&emsp;&thinsp;&zwnj;&zwj;&lrm;&rlm;end</p>
+<p id="astral">astral: 𝕳𝖊𝖑𝖑𝖔 🧑‍🚀 👩🏽‍💻 🏴󠁧󠁢󠁳󠁣󠁴󠁿</p>
+<p id="combining">combining: がガ ｶﾞ e&#769; ế</p>
+<p id="bidi">bidi: العربية עברית &#x202E;reversed&#x202C;</p>
+<p id="tab-ff">tab:	formfeed:vtab:end</p>
+<div data-pt-ctl="a&#9;b&#10;c&#13;d">control chars inside attribute value</div>
+<p>&lt;script&gt;alert(1)&lt;/script&gt; stays text</p>
+</body>
+</html>

package/dist/golden/fixtures/html/13-namespaces-custom-dup-attrs.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head><title>namespaces, custom elements, duplicate attributes</title></head>
+<body>
+<div class="first" class="second" id="a" ID="b" data-x="1" DATA-X="2">duplicate attribute names</div>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10 10">
+  <use xlink:href="#sym" xlink:title="リンク"></use>
+  <text xml:lang="ja" xml:space="preserve">  spaced  </text>
+  <a xlink:href="https://example.com/"><circle cx="5" cy="5" r="4"></circle></a>
+  <ellipse rx="1" ry="2" transform="rotate(45)"></ellipse>
+  <animatetransform attributeName="transform" repeatCount="indefinite"></animatetransform>
+  <fecolormatrix in="SourceGraphic" type="saturate" values="0"></fecolormatrix>
+  <textpath startOffset="10%" href="#p">along path</textpath>
+</svg>
+<pt-hero data-pt-block="hero" ALIGN="center">custom element lowercase</pt-hero>
+<PT-Card data-pt-block="card">custom element mixed case</PT-Card>
+<my-widget-2 disabled foo:bar="ns-ish attribute name"></my-widget-2>
+<div data-="empty name suffix" -dash="leading dash" _under="underscore" x:y="colon" ns\:z="backslash"></div>
+<p xml:lang="en" lang="EN-us" dir="AUTO" translate="NO">lang/dir casing</p>
+<div style="COLOR: RED; Background-Image: url('/a.png')">inline style casing</div>
+<a href="HTTPS://Example.COM/Path?Q=1#Frag">uppercase url</a>
+<table><svg><g><foreignobject><div>svg inside table</div></foreignobject></g></svg><tr><td>cell</td></tr></table>
+<math><mtext><table><tr><td>table inside mtext</td></tr></table></mtext></math>
+</body>
+</html>