edgepress 2026.10.12 → 2026.10.13

package/tests/embed-syntax.test.mjs

@@ -1,68 +1,68 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-import {loadConfig} from '../src/config.js';
-import {loadLanguagePacks} from '../src/i18n.js';
-import {createExtensions} from '../src/plugin-api.js';
-import {renderBlocks} from '../src/page-blocks.js';
-
-test('posts and Pages share validated embed lines, with inert code examples and disabled services', async () => {
-  const config = await loadConfig(process.cwd());
-  await loadLanguagePacks(config);
-  const service = {id:'youtube', provider:'oembed', backendUrl:'https://www.youtube.com', sourceOrigins:['https://www.youtube.com'], embedOrigins:['https://www.youtube.com'], name:'YouTube', embedPathPattern:'^/watch$', embedTemplate:'https://www.youtube.com/embed/example'};
-  // The fixture uses a local template and never contacts a real provider.
-  delete service.embedPathPattern;
-  config.browserPlugins.services = [service];
-  const renderer = (await createExtensions(config)).renderer('.md');
-  const source = '!embed[youtube](https://www.youtube.com/watch?v=example)';
-  const article = await renderer.render('Before\n' + source + '\nAfter', {config, document:{locale:'en'}});
-  const page = await renderBlocks([{columns:1, cells:[[{type:'text', text:'Before\n' + source + '\nAfter\n<script>unsafe</script>'}]]}], {config, locale:'en'});
-  for (const html of [article, page]) {
-    assert.match(html, /data-edgepress-oembed="youtube"/);
-    assert.match(html, /data-oembed-data/);
-    assert.doesNotMatch(html, /<iframe|<script|<p>\s*<figure/);
-    assert.match(html, /Before/); assert.match(html, /After/);
-  }
-  assert.match(page, /&lt;script&gt;unsafe/);
-  for (const example of ['`' + source + '`', '```md\n' + source + '\n```', '\\' + source]) {
-    assert.doesNotMatch(await renderer.render(example, {config, document:{locale:'en'}}), /data-edgepress-oembed/);
-  }
-  for (const unsafe of ['https://evil.example/video', 'https://user:password@www.youtube.com/watch', 'http://www.youtube.com/watch']) {
-    await assert.rejects(renderer.render('!embed[youtube](' + unsafe + ')', {config, document:{locale:'en'}}), /registered HTTPS/);
-  }
-  await assert.rejects(renderer.render('!embed[unknown](https://www.youtube.com/watch)', {config, document:{locale:'en'}}), /registered oembed service/);
-  service.enabled = false;
-  const disabled = await renderer.render(source, {config, document:{locale:'en'}});
-  assert.match(disabled, /data-oembed-disabled/);
-  assert.doesNotMatch(disabled, /data-edgepress-oembed|data-oembed-data|<iframe/);
-});
-
-
-test('article summaries and search text omit embeds while retaining prose and code examples',async()=>{
- const {renderMarkdownExcerpt,plainText}=await import('../src/markdown.js');
- const source='!embed[youtube](https://www.youtube.com/watch?v=example)\n\nA quiet afternoon.';
- assert.equal((await renderMarkdownExcerpt(source)).trim(),'<p>A quiet afternoon.</p>');
- assert.equal(plainText(source),'A quiet afternoon.');
- assert.match(plainText('`!embed[youtube](https://www.youtube.com/watch?v=example)`'),/!embed\[youtube\]/);
-});
-
-
-test('Markdown article links and excerpts resolve raw and encoded locale placeholders without rewriting other URLs',async()=>{
- const {localizedContentUrl}=await import('../src/i18n.js');const {renderMarkdown,renderMarkdownExcerpt}=await import('../src/markdown.js');
- const config={i18n:{defaultLocale:'en'}};
- for(const locale of ['en','zh-CN']){
-  const resolve=value=>localizedContentUrl(config,locale,value),prefix=locale==='en'?'':'/'+locale;
-  for(const token of ['[launge]','%5Blaunge%5D']){
-   const source='[Guide](/'+token+'/edgepress/guide/)';
-   for(const render of [renderMarkdown,renderMarkdownExcerpt])assert.match(await render(source,{linkResolver:resolve}),new RegExp('href="'+prefix+'/edgepress/guide/"'));
-  }
-  assert.equal(resolve('https://example.com/[launge]/'),'https://example.com/[launge]/');assert.equal(resolve('/explicit/'),'/explicit/');
-  assert.throws(()=>resolve('/other/[launge]/'),/first site-path segment/);
- }
-});
-
-
-test('revision comparisons keep localized links valid without loading historical embeds',async()=>{
- const {renderRevisionCards}=await import('../src/revision-cards.js');const {localizedContentUrl}=await import('../src/i18n.js');
- const html=await renderRevisionCards('-[Old guide](/[launge]/guide/)\n+[Current guide](/[launge]/edgepress/)',key=>key,null,{linkResolver:value=>localizedContentUrl({i18n:{defaultLocale:'en'}},'zh-CN',value)});
- assert.match(html,/href="\/zh-CN\/guide\/"/);assert.match(html,/href="\/zh-CN\/edgepress\/"/);assert.doesNotMatch(html,/%5Blaunge|data-edgepress-oembed/);
-});
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import {loadConfig} from '../src/config.js';
+import {loadLanguagePacks} from '../src/i18n.js';
+import {createExtensions} from '../src/plugin-api.js';
+import {renderBlocks} from '../src/page-blocks.js';
+
+test('posts and Pages share validated embed lines, with inert code examples and disabled services', async () => {
+  const config = await loadConfig(process.cwd());
+  await loadLanguagePacks(config);
+  const service = {id:'youtube', provider:'oembed', backendUrl:'https://www.youtube.com', sourceOrigins:['https://www.youtube.com'], embedOrigins:['https://www.youtube.com'], name:'YouTube', embedPathPattern:'^/watch$', embedTemplate:'https://www.youtube.com/embed/example'};
+  // The fixture uses a local template and never contacts a real provider.
+  delete service.embedPathPattern;
+  config.browserPlugins.services = [service];
+  const renderer = (await createExtensions(config)).renderer('.md');
+  const source = '!embed[youtube](https://www.youtube.com/watch?v=example)';
+  const article = await renderer.render('Before\n' + source + '\nAfter', {config, document:{locale:'en'}});
+  const page = await renderBlocks([{columns:1, cells:[[{type:'text', text:'Before\n' + source + '\nAfter\n<script>unsafe</script>'}]]}], {config, locale:'en'});
+  for (const html of [article, page]) {
+    assert.match(html, /data-edgepress-oembed="youtube"/);
+    assert.match(html, /data-oembed-data/);
+    assert.doesNotMatch(html, /<iframe|<script|<p>\s*<figure/);
+    assert.match(html, /Before/); assert.match(html, /After/);
+  }
+  assert.match(page, /&lt;script&gt;unsafe/);
+  for (const example of ['`' + source + '`', '```md\n' + source + '\n```', '\\' + source]) {
+    assert.doesNotMatch(await renderer.render(example, {config, document:{locale:'en'}}), /data-edgepress-oembed/);
+  }
+  for (const unsafe of ['https://evil.example/video', 'https://user:password@www.youtube.com/watch', 'http://www.youtube.com/watch']) {
+    await assert.rejects(renderer.render('!embed[youtube](' + unsafe + ')', {config, document:{locale:'en'}}), /registered HTTPS/);
+  }
+  await assert.rejects(renderer.render('!embed[unknown](https://www.youtube.com/watch)', {config, document:{locale:'en'}}), /registered oembed service/);
+  service.enabled = false;
+  const disabled = await renderer.render(source, {config, document:{locale:'en'}});
+  assert.match(disabled, /data-oembed-disabled/);
+  assert.doesNotMatch(disabled, /data-edgepress-oembed|data-oembed-data|<iframe/);
+});
+
+
+test('article summaries and search text omit embeds while retaining prose and code examples',async()=>{
+ const {renderMarkdownExcerpt,plainText}=await import('../src/markdown.js');
+ const source='!embed[youtube](https://www.youtube.com/watch?v=example)\n\nA quiet afternoon.';
+ assert.equal((await renderMarkdownExcerpt(source)).trim(),'<p>A quiet afternoon.</p>');
+ assert.equal(plainText(source),'A quiet afternoon.');
+ assert.match(plainText('`!embed[youtube](https://www.youtube.com/watch?v=example)`'),/!embed\[youtube\]/);
+});
+
+
+test('Markdown article links and excerpts resolve raw and encoded locale placeholders without rewriting other URLs',async()=>{
+ const {localizedContentUrl}=await import('../src/i18n.js');const {renderMarkdown,renderMarkdownExcerpt}=await import('../src/markdown.js');
+ const config={i18n:{defaultLocale:'en'}};
+ for(const locale of ['en','zh-CN']){
+  const resolve=value=>localizedContentUrl(config,locale,value),prefix=locale==='en'?'':'/'+locale;
+  for(const token of ['[launge]','%5Blaunge%5D']){
+   const source='[Guide](/'+token+'/edgepress/guide/)';
+   for(const render of [renderMarkdown,renderMarkdownExcerpt])assert.match(await render(source,{linkResolver:resolve}),new RegExp('href="'+prefix+'/edgepress/guide/"'));
+  }
+  assert.equal(resolve('https://example.com/[launge]/'),'https://example.com/[launge]/');assert.equal(resolve('/explicit/'),'/explicit/');
+  assert.throws(()=>resolve('/other/[launge]/'),/first site-path segment/);
+ }
+});
+
+
+test('revision comparisons keep localized links valid without loading historical embeds',async()=>{
+ const {renderRevisionCards}=await import('../src/revision-cards.js');const {localizedContentUrl}=await import('../src/i18n.js');
+ const html=await renderRevisionCards('-[Old guide](/[launge]/guide/)\n+[Current guide](/[launge]/edgepress/)',key=>key,null,{linkResolver:value=>localizedContentUrl({i18n:{defaultLocale:'en'}},'zh-CN',value)});
+ assert.match(html,/href="\/zh-CN\/guide\/"/);assert.match(html,/href="\/zh-CN\/edgepress\/"/);assert.doesNotMatch(html,/%5Blaunge|data-edgepress-oembed/);
+});

package/tests/image-viewer.test.mjs

@@ -1,36 +1,36 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-import {readFile} from 'node:fs/promises';
-import {fileURLToPath} from 'node:url';
-import {extname} from 'node:path';
-import {chromium} from 'playwright';
-import {loadConfig} from '../src/config.js';
-import {loadLanguagePacks} from '../src/i18n.js';
-import {collectAssets,rewriteAssetLinks} from '../src/assets.js';
-import {renderLayout} from '../src/theme.js';
-import {renderBlocks} from '../src/page-blocks.js';
-import {renderMarkdown} from '../src/markdown.js';
-import {contentPermissions} from '../src/consent-csp.js';
-
-test('content originals are validated and participate in CSP without permitting inert embeds',async()=>{
- const config=await loadConfig(fileURLToPath(new URL('../',import.meta.url))),context={config,locale:'en'};
- const html=await renderBlocks([{columns:1,cells:[[{type:'image',src:'https://preview.example/p.png',originalSrc:'https://original.example/p.png',alt:'Picture'}]]}],context);assert.match(html,/data-original="https:\/\/original.example\/p.png"/);
- await assert.rejects(renderBlocks([{columns:1,cells:[[{type:'image',src:'/image.png',originalSrc:'javascript:alert(1)',alt:'Picture'}]]}],context));
- const markdown=await renderMarkdown('<img src="/p.png" data-original="javascript:alert(1)" alt="Picture">');assert.doesNotMatch(markdown,/javascript|data-original/);
- const permissions=contentPermissions([{body:html+'<template><img data-original="https://blocked.example/p.png"></template>'}]);assert.deepEqual(permissions['img-src'],['https://preview.example','https://original.example']);
-});
-
-test('article and Pages images open the shared viewer; originals wait for clicks and blocked services remain untouched',async()=>{
- const config=await loadConfig(fileURLToPath(new URL('../',import.meta.url)));await loadLanguagePacks(config);const bundle=await collectAssets(config),assets=new Map(bundle.assets.map(item=>['/'+item.path,item]));
- assert.match(bundle.urlMap['/edgepress/image-viewer-lib.js'],/\.[a-f0-9]{16}\.js$/);assert.doesNotMatch(assets.get(bundle.urlMap['/edgepress/image-viewer-lib.js']).content.toString(),/hls\.js|cdn\.plyr|cloudflarestream/);
- const body='<article><div class="post-content"><p>Keep the article visible.</p><img src="/preview.svg" data-original="https://pictures.example/original.svg" alt="Article picture"><a href="/other-page/"><img src="/preview.svg" alt="Navigation picture"></a><div data-edgepress-oembed="blocked"><img src="/preview.svg" data-original="https://pictures.example/blocked.svg" alt="Blocked picture"></div></div><figure class="image-block"><img src="/preview.svg" alt="Pages picture"></figure><article class="media-text-block"><figure><img src="/preview.svg" alt="Text and picture"></figure></article></article>';
- const html=rewriteAssetLinks(await renderLayout(config,{filter:async(_name,value)=>value},{title:'Images',locale:'zh-CN',urlPath:'/images/'},body),bundle.urlMap),svg='<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="700"><rect width="1000" height="700" fill="#388b65"/></svg>';
- const browser=await chromium.launch({headless:true,...(process.platform==='win32'?{channel:'msedge'}:{})});
- try{for(const width of [320,1280]){const context=await browser.newContext({viewport:{width,height:844}}),page=await context.newPage(),errors=[];let originals=0;
-  page.on('pageerror',error=>errors.push(error.message));await context.route('**/*',async route=>{const url=new URL(route.request().url());if(url.hostname==='pictures.example'){assert.notEqual(url.pathname,'/blocked.svg');originals++;return route.fulfill({contentType:'image/svg+xml',body:svg});}
-   if(url.pathname==='/images/')return route.fulfill({contentType:'text/html',body:html});if(url.pathname==='/preview.svg')return route.fulfill({contentType:'image/svg+xml',body:svg});const asset=assets.get(url.pathname);if(!asset)return route.fulfill({status:404,body:''});const types={'.js':'text/javascript','.css':'text/css','.svg':'image/svg+xml','.png':'image/png','.webp':'image/webp'};return route.fulfill({contentType:types[extname(url.pathname)]||'text/plain',body:asset.content||await readFile(asset.source)});
-  });await page.goto('https://site.example/images/');await page.getByRole('button',{name:'放大图片: Article picture'}).waitFor();assert.equal(originals,0);assert.equal(await page.locator('[alt="Navigation picture"]').getAttribute('role'),null);assert.equal(await page.locator('[alt="Blocked picture"]').getAttribute('role'),null);
-  await page.getByRole('button',{name:'放大图片: Article picture'}).click();await page.locator('.image-lightbox[open]').waitFor();await page.waitForFunction(()=>document.querySelector('.image-lightbox-photo').naturalWidth>0);assert.equal(originals,1);await page.getByRole('button',{name:'关闭图片',exact:true}).click();await page.locator('.image-lightbox').waitFor({state:'detached'});assert.equal(await page.locator('[alt="Article picture"]').evaluate(image=>image===document.activeElement),true);
-  await page.getByRole('button',{name:'放大图片: Text and picture'}).click();await page.locator('.image-lightbox[open]').waitFor();await page.keyboard.press('Escape');await page.locator('.image-lightbox').waitFor({state:'detached'});await page.getByRole('button',{name:'放大图片: Pages picture'}).click();await page.locator('.image-lightbox[open]').waitFor();await page.keyboard.press('Escape');await page.locator('.image-lightbox').waitFor({state:'detached'});assert.equal(originals,1);assert.deepEqual(errors,[]);assert.equal(await page.evaluate(()=>document.documentElement.scrollWidth<=innerWidth),true);await context.close();
- }}finally{await browser.close();}
-});
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import {fileURLToPath} from 'node:url';
+import {extname} from 'node:path';
+import {chromium} from 'playwright';
+import {loadConfig} from '../src/config.js';
+import {loadLanguagePacks} from '../src/i18n.js';
+import {collectAssets,rewriteAssetLinks} from '../src/assets.js';
+import {renderLayout} from '../src/theme.js';
+import {renderBlocks} from '../src/page-blocks.js';
+import {renderMarkdown} from '../src/markdown.js';
+import {contentPermissions} from '../src/consent-csp.js';
+
+test('content originals are validated and participate in CSP without permitting inert embeds',async()=>{
+ const config=await loadConfig(fileURLToPath(new URL('../',import.meta.url))),context={config,locale:'en'};
+ const html=await renderBlocks([{columns:1,cells:[[{type:'image',src:'https://preview.example/p.png',originalSrc:'https://original.example/p.png',alt:'Picture'}]]}],context);assert.match(html,/data-original="https:\/\/original.example\/p.png"/);
+ await assert.rejects(renderBlocks([{columns:1,cells:[[{type:'image',src:'/image.png',originalSrc:'javascript:alert(1)',alt:'Picture'}]]}],context));
+ const markdown=await renderMarkdown('<img src="/p.png" data-original="javascript:alert(1)" alt="Picture">');assert.doesNotMatch(markdown,/javascript|data-original/);
+ const permissions=contentPermissions([{body:html+'<template><img data-original="https://blocked.example/p.png"></template>'}]);assert.deepEqual(permissions['img-src'],['https://preview.example','https://original.example']);
+});
+
+test('article and Pages images open the shared viewer; originals wait for clicks and blocked services remain untouched',async()=>{
+ const config=await loadConfig(fileURLToPath(new URL('../',import.meta.url)));await loadLanguagePacks(config);const bundle=await collectAssets(config),assets=new Map(bundle.assets.map(item=>['/'+item.path,item]));
+ assert.match(bundle.urlMap['/edgepress/image-viewer-lib.js'],/\.[a-f0-9]{16}\.js$/);assert.doesNotMatch(assets.get(bundle.urlMap['/edgepress/image-viewer-lib.js']).content.toString(),/hls\.js|cdn\.plyr|cloudflarestream/);
+ const body='<article><div class="post-content"><p>Keep the article visible.</p><img src="/preview.svg" data-original="https://pictures.example/original.svg" alt="Article picture"><a href="/other-page/"><img src="/preview.svg" alt="Navigation picture"></a><div data-edgepress-oembed="blocked"><img src="/preview.svg" data-original="https://pictures.example/blocked.svg" alt="Blocked picture"></div></div><figure class="image-block"><img src="/preview.svg" alt="Pages picture"></figure><article class="media-text-block"><figure><img src="/preview.svg" alt="Text and picture"></figure></article></article>';
+ const html=rewriteAssetLinks(await renderLayout(config,{filter:async(_name,value)=>value},{title:'Images',locale:'zh-CN',urlPath:'/images/'},body),bundle.urlMap),svg='<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="700"><rect width="1000" height="700" fill="#388b65"/></svg>';
+ const browser=await chromium.launch({headless:true,...(process.platform==='win32'?{channel:'msedge'}:{})});
+ try{for(const width of [320,1280]){const context=await browser.newContext({viewport:{width,height:844}}),page=await context.newPage(),errors=[];let originals=0;
+  page.on('pageerror',error=>errors.push(error.message));await context.route('**/*',async route=>{const url=new URL(route.request().url());if(url.hostname==='pictures.example'){assert.notEqual(url.pathname,'/blocked.svg');originals++;return route.fulfill({contentType:'image/svg+xml',body:svg});}
+   if(url.pathname==='/images/')return route.fulfill({contentType:'text/html',body:html});if(url.pathname==='/preview.svg')return route.fulfill({contentType:'image/svg+xml',body:svg});const asset=assets.get(url.pathname);if(!asset)return route.fulfill({status:404,body:''});const types={'.js':'text/javascript','.css':'text/css','.svg':'image/svg+xml','.png':'image/png','.webp':'image/webp'};return route.fulfill({contentType:types[extname(url.pathname)]||'text/plain',body:asset.content||await readFile(asset.source)});
+  });await page.goto('https://site.example/images/');await page.getByRole('button',{name:'放大图片: Article picture'}).waitFor();assert.equal(originals,0);assert.equal(await page.locator('[alt="Navigation picture"]').getAttribute('role'),null);assert.equal(await page.locator('[alt="Blocked picture"]').getAttribute('role'),null);
+  await page.getByRole('button',{name:'放大图片: Article picture'}).click();await page.locator('.image-lightbox[open]').waitFor();await page.waitForFunction(()=>document.querySelector('.image-lightbox-photo').naturalWidth>0);assert.equal(originals,1);await page.getByRole('button',{name:'关闭图片',exact:true}).click();await page.locator('.image-lightbox').waitFor({state:'detached'});assert.equal(await page.locator('[alt="Article picture"]').evaluate(image=>image===document.activeElement),true);
+  await page.getByRole('button',{name:'放大图片: Text and picture'}).click();await page.locator('.image-lightbox[open]').waitFor();await page.keyboard.press('Escape');await page.locator('.image-lightbox').waitFor({state:'detached'});await page.getByRole('button',{name:'放大图片: Pages picture'}).click();await page.locator('.image-lightbox[open]').waitFor();await page.keyboard.press('Escape');await page.locator('.image-lightbox').waitFor({state:'detached'});assert.equal(originals,1);assert.deepEqual(errors,[]);assert.equal(await page.evaluate(()=>document.documentElement.scrollWidth<=innerWidth),true);await context.close();
+ }}finally{await browser.close();}
+});

package/tests/markdown-media.test.mjs

@@ -0,0 +1,119 @@
+import assert from 'node:assert/strict';
+import test from 'node:test';
+import { readFile } from 'node:fs/promises';
+import { extname } from 'node:path';
+import { chromium } from 'playwright';
+import { renderMarkdown, renderMarkdownExcerpt, plainText, hasMarkdownVideo } from '../src/markdown.js';
+import { loadConfig } from '../src/config.js';
+import { loadLanguagePacks } from '../src/i18n.js';
+import { collectAssets, rewriteAssetLinks } from '../src/assets.js';
+import { renderLayout } from '../src/theme.js';
+import { configureDataSaver, dataSaverHtml } from '../src/data-saver.js';
+import {reserveVideoMetadata} from '../src/video-metadata.js';
+
+test('CJK bold with closing punctuation renders beside following prose without rewriting code or URLs', async () => {
+  for (const source of ['前文**结果（XXX）**后文', '**（XXX）**后文', '前文**（XXX）** 后文', '前文**result (XXX)**后文', '前文**说明。**后文']) {
+    assert.match(await renderMarkdown(source), /<strong>/);
+    assert.doesNotMatch(plainText(source), /\*\*/);
+    assert.match(await renderMarkdownExcerpt(source), /<strong>/);
+  }
+  assert.match(await renderMarkdown('**外层 *内部*（测试）**后文'), /<strong>外层 <em>内部<\/em>（测试）<\/strong>后文/);
+  assert.match(await renderMarkdown('`**（XXX）**`'), /<code>\*\*（XXX）\*\*<\/code>/);
+  assert.doesNotMatch(await renderMarkdown('\\**（XXX）**'), /<strong>/);
+  assert.match(await renderMarkdown('a**punctuation!**b'), /a\*\*punctuation!\*\*b/);
+  assert.doesNotMatch(await renderMarkdown('**（XXX） **后文'), /<strong>/);
+  assert.match(decodeURIComponent(await renderMarkdown('[link](https://example.com/**（XXX）**)')), /href="https:\/\/example.com\/\*\*（XXX）\*\*"/);
+});
+
+test('Markdown videos request the shared engine, including reference links, while code examples remain inert', async () => {
+  assert.equal(hasMarkdownVideo('![Recording](/recording.mp4)'), true);
+  assert.equal(hasMarkdownVideo('![Recording][clip]\n\n[clip]: /recording.mp4'), true);
+  assert.equal(hasMarkdownVideo('`![Recording](/recording.mp4)`'), false);
+  assert.equal(hasMarkdownVideo('```md\n![Recording](/recording.mp4)\n```'), false);
+  const html = await renderMarkdown('![Recording](/recording.mp4 "A caption")');
+  assert.match(html, /data-edgepress-video/);
+  assert.match(html, /preload="none"/);
+  await assert.rejects(renderMarkdown('![Unsafe](javascript:bad.mp4)'), /safe relative/);
+  const config = await loadConfig(process.cwd());
+  await loadLanguagePacks(config);
+  const layout = await renderLayout(config, { filter: async (_key, value) => value }, { title: 'Recording', locale: 'en', urlPath: '/recording/' }, '<main>' + html + '</main>');
+  assert.match(layout, /src="\/edgepress\/media-viewer.js"/);
+  const bundle = await collectAssets(config, { mediaViewer: hasMarkdownVideo('![Recording](/recording.mp4)') });
+  assert.match(bundle.urlMap['/edgepress/media-player-lib.js'], /\.[a-f0-9]{16}\.js$/);
+  config.site.dataSaver.enabled = true;
+  await configureDataSaver(config);
+  const gated = dataSaverHtml(rewriteAssetLinks(layout, bundle.urlMap), config, bundle.urlMap);
+  assert.match(gated, /data-edgepress-data-media data-data-feature="gallery"/);
+  assert.match(gated, /data-data-feature="gallery"[^>]*>.*?media-viewer\.[a-f0-9]{16}\.js/s);
+  assert.match(gated, /data-data-description>Recording/);
+  assert.match(gated, /<\/div><figcaption>A caption<\/figcaption>/);
+});
+
+test('inline local files use the shared player, wait for Play, seek, pause out of view and mount after text-view demand', { timeout: 60000 }, async () => {
+  const config = await loadConfig(process.cwd());
+  config.site.url = 'https://site.example';
+  await loadLanguagePacks(config);
+  const bundle = await collectAssets(config, { mediaViewer: true });
+  const assets = new Map(bundle.assets.map(asset => ['/' + asset.path, asset]));
+  const bytes = await readFile(new URL('./fixtures/recording.mp4', import.meta.url));
+  const body = reserveVideoMetadata(await renderMarkdown('前文**结果（XXX）**后文\n\n![Silent recording](/recording.mp4 "Recording")'),new Map([['/recording.mp4',{duration:12,width:320,height:180,poster:'/poster.svg'}]]),'index.html','https://site.example');
+  const script = '<script type="module" src="/edgepress/media-viewer.js"></script>';
+  const browser = await chromium.launch({ headless: true, args: ['--disable-extensions'] });
+  try {
+    for (const width of [320, 1280]) {
+      const context = await browser.newContext({ viewport: { width, height: 850 } });
+      const page = await context.newPage();
+      const requests = [], errors = [];
+      page.on('pageerror', error => errors.push(error.message));
+      const html = rewriteAssetLinks('<!doctype html><html lang="en"><head><style>body{margin:0}figure{margin:0}video{width:100%}</style><link rel="stylesheet" href="/edgepress/media-viewer.css"></head><body><main>' + body + '<div style="height:1600px"></div></main>' + script + '</body></html>', bundle.urlMap);
+      await page.route('https://site.example/**', async route => {
+        const request = route.request(), path = new URL(request.url()).pathname;
+        requests.push(path);
+        if (path === '/') return route.fulfill({ contentType: 'text/html', body: html });
+        if (path === '/poster.svg') return route.fulfill({contentType:'image/svg+xml',body:'<svg xmlns="http://www.w3.org/2000/svg" width="320" height="180"><rect width="320" height="180" fill="green"/></svg>'});
+        if (path === '/recording.mp4') {
+          const range = request.headers().range?.match(/bytes=(\d+)-(\d*)/);
+          const start = range ? Number(range[1]) : 0;
+          const end = range?.[2] ? Math.min(Number(range[2]), bytes.length - 1) : bytes.length - 1;
+          return route.fulfill({ status: range ? 206 : 200, contentType: 'video/mp4', headers: { 'Accept-Ranges': 'bytes', ...(range ? { 'Content-Range': `bytes ${start}-${end}/${bytes.length}` } : {}) }, body: bytes.subarray(start, end + 1) });
+        }
+        const asset = assets.get(path);
+        return asset ? route.fulfill({ contentType: ({ '.js': 'text/javascript', '.css': 'text/css' })[extname(path)] || 'application/octet-stream', body: asset.content || await readFile(asset.source) }) : route.fulfill({ status: 404, body: '' });
+      });
+      await page.goto('https://site.example/');
+      const player = page.locator('.markdown-video .media-player');
+      await player.waitFor();
+      assert.equal(requests.includes('/recording.mp4'), false);
+      assert.equal(await player.locator('.plyr__time--duration').textContent(),'00:12');
+      await page.waitForFunction(()=>document.querySelector('.media-player').classList.contains('plyr__poster-enabled'));
+      await player.locator('video').evaluate(video => { video.muted = true; });
+      await player.locator('.plyr__control--overlaid').click();
+      await page.waitForFunction(() => document.querySelector('video').currentTime > 0.2);
+      const video = player.locator('video');
+      const duration = await video.evaluate(video => video.duration);
+      await video.evaluate(video => { video.pause(); });
+      await player.locator('input[data-plyr="seek"]').evaluate(input => { input.value = '50'; input.dispatchEvent(new Event('input', { bubbles: true })); input.dispatchEvent(new Event('change', { bubbles: true })); });
+      await page.waitForFunction(duration => Math.abs(document.querySelector('video').currentTime - duration / 2) < 0.3, duration);
+      await player.locator('[data-plyr="play"]').last().click();
+      await page.evaluate(() => scrollTo(0, document.documentElement.scrollHeight));
+      await page.waitForFunction(() => document.querySelector('video').paused);
+      assert.ok(await video.evaluate(video => video.currentTime > 0));
+      assert.equal(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth), true);
+      assert.deepEqual(errors, []);
+      await context.close();
+    }
+    const context = await browser.newContext();
+    const page = await context.newPage();
+    await page.route('https://site.example/**', async route => {
+      const path = new URL(route.request().url()).pathname;
+      if (path === '/') return route.fulfill({ contentType: 'text/html', body: rewriteAssetLinks('<html><head></head><body><main><div id="target"></div></main>' + script + '</body></html>', bundle.urlMap) });
+      const asset = assets.get(path);
+      return asset ? route.fulfill({ contentType: extname(path) === '.css' ? 'text/css' : 'text/javascript', body: asset.content || await readFile(asset.source) }) : route.fulfill({ status: 404, body: '' });
+    });
+    await page.goto('https://site.example/');
+    assert.equal(await page.locator('.media-player').count(), 0);
+    await page.evaluate(body => { document.getElementById('target').innerHTML = body; document.dispatchEvent(new Event('edgepress:data-media')); }, body);
+    await page.locator('.media-player').waitFor();
+    await context.close();
+  } finally { await browser.close(); }
+});

package/tests/oembed-layout.test.mjs

@@ -51,6 +51,9 @@ test('embed entry stays compact until requested, retries failures and keeps keyb
       page.on('pageerror', error => errors.push(error.message));
       await page.goto(origin);
       if (mode === 'text') await page.waitForFunction(()=>document.documentElement.dataset.edgepressDataReady === 'true');
+      // Full mode loads optional scripts after the first animation frame; do not
+      // click until the oEmbed module has finished attaching its handlers.
+      if (mode === 'full') await page.waitForFunction(() => Boolean(document.querySelector('[data-edgepress-oembed]')?.style.getPropertyValue('--oembed-ratio')));
       await page.evaluate(() => document.addEventListener('edgepress:privacy-open', () => window.testOpened = (window.testOpened || 0) + 1));
       const entry = page.locator('[data-edgepress-oembed]');
       const button = entry.locator('[data-oembed-load]');
@@ -58,7 +61,9 @@ test('embed entry stays compact until requested, retries failures and keeps keyb
       assert((await entry.boundingBox()).height < 300);
       assert.equal(requests, 0);
       await button.focus(); await page.keyboard.press('Enter');
-      await page.waitForFunction(() => window.testOpened > 0);
+      // This is an event counter, so deferred text-view styles must not make
+      // the assertion depend on the browser scheduling animation frames.
+      await page.waitForFunction(() => window.testOpened > 0, null, { polling: 50 });
       assert.equal(await page.evaluate(()=>window.testOpened),1);
       assert.equal(requests, 0);
       assert.equal(await button.isEnabled(), true);

package/tests/project-demo.test.mjs

@@ -1,73 +1,73 @@
-import test from 'node:test';
-import assert from 'node:assert/strict';
-import {readFile} from 'node:fs/promises';
-import {createServer} from 'node:http';
-import {chromium} from 'playwright';
-import {renderBlocks} from '../src/page-blocks.js';
-import {loadConfig} from '../src/config.js';
-import {loadLanguagePacks} from '../src/i18n.js';
-import {renderLayout} from '../src/theme.js';
-
-test('the complete theme initializes and includes the recording runtime',async()=>{
- const config=await loadConfig(process.cwd());await loadLanguagePacks(config);
- const html=await renderLayout(config,{filter:async(_key,value)=>value},{title:'Demo',locale:'en',urlPath:'/demo/'},'<main data-project-demo></main>');
- assert.match(html,/src="\/edgepress\/project-demo\.js"/);
-});
-
-test('a progressive recording begins playback before the entire response arrives',async()=>{
- const bytes=await readFile('tests/fixtures/recording.mp4'),runtime=await readFile('static/edgepress/project-demo.js');let completed=false;
- const server=createServer((request,response)=>{
-  if(request.url==='/demo.js'){response.setHeader('Content-Type','text/javascript');response.end(runtime);return;}
-  if(request.url==='/recording.mp4'){
-   response.setHeader('Content-Type','video/mp4');response.setHeader('Content-Length',bytes.length);response.write(bytes.subarray(0,Math.floor(bytes.length*.9)));
-   const tail=setTimeout(()=>{completed=true;response.end(bytes.subarray(Math.floor(bytes.length*.9)));},3000);response.on('close',()=>clearTimeout(tail));return;
-  }
-  response.setHeader('Content-Type','text/html');response.end('<html><body><div data-project-demo data-animation="/recording.mp4" data-play="Play" data-resume="Continue" data-pause="Pause" data-replay="Replay" data-loading="Loading" data-error="Unavailable"><div class="project-demo-media" style="width:320px;height:180px"><video muted playsinline preload="none" aria-label="Demo"></video></div><button>Play</button><span role="status"></span></div><script src="/demo.js"></script></body></html>');
- });
- await new Promise(done=>server.listen(0,'127.0.0.1',done));const browser=await chromium.launch({headless:true,...(process.platform==='win32'?{channel:'msedge'}:{})});
- try{const page=await browser.newPage();await page.goto('http://127.0.0.1:'+server.address().port+'/',{waitUntil:'domcontentloaded'});await page.getByRole('button',{name:'Play: Demo'}).click();await page.waitForFunction(()=>document.querySelector('video').currentTime>.2);assert.equal(completed,false,'First playback must not wait for the full file');}
- finally{await browser.close();server.closeAllConnections();await new Promise(done=>server.close(done));}
-});
-
-test('recording blocks accept local streaming media and reject foreign or GIF sources',async()=>{
- const config={site:{},i18n:{defaultLocale:'en',translationsByLocale:{en:{demoPlay:'Play',demoResume:'Continue',demoPause:'Pause',demoReplay:'Replay',demoLoading:'Loading',demoError:'Unavailable'}}}};
- const block={type:'media-text',mediaType:'image',src:'/poster.webp',animationSrc:'/demo.mp4',alt:'Publish a post',title:'Publishing',text:'One story.'};
- const render=override=>renderBlocks([{columns:1,cells:[[{...block,...override}]]}],{config,locale:'en',site:{posts:[]}});
- assert.match(await render({}),/<video muted playsinline preload="none"/);assert.match(await render({animationSrc:'/demo.webm'}),/data-project-demo/);
- for(const animationSrc of ['https://foreign.example/demo.mp4','//foreign.example/demo.mp4','/demo.gif','/file.txt'])await assert.rejects(render({animationSrc}));
-});
-
-test('manual recordings support seeking and preserve the playhead without automatic playback',async()=>{
- // Twelve-second silent test-pattern fixture, generated with FFmpeg and faststart.
- const bytes=await readFile('tests/fixtures/recording.mp4'),browser=await chromium.launch({headless:true,...(process.platform==='win32'?{channel:'msedge'}:{})});
- try{
-  const context=await browser.newContext({viewport:{width:600,height:600}}),page=await context.newPage(),errors=[];let downloads=0;
-  page.on('pageerror',error=>errors.push(error.message));
-  await context.route('**/*',async route=>{
-   const url=new URL(route.request().url());assert.equal(url.hostname,'demo.test');
-   if(url.pathname==='/demo.js')return route.fulfill({contentType:'text/javascript',body:await readFile('static/edgepress/project-demo.js')});
-   if(url.pathname==='/demo.mp4'){downloads++;return route.fulfill({contentType:'video/mp4',headers:{'Accept-Ranges':'bytes'},body:bytes});}
-   return route.fulfill({contentType:'text/html',body:'<html><style>body{margin:0}.spacer{height:2500px}.project-demo-media{position:relative;width:400px;height:225px}.project-demo-media img,.project-demo-media video{position:absolute;width:100%;height:100%}[hidden]{display:none!important}input[type=range]{display:block;width:400px;min-height:44px;touch-action:pan-y}</style><body><div class="spacer"></div><div data-project-demo data-animation="/demo.mp4" data-play="Play" data-resume="Continue" data-pause="Pause" data-replay="Replay" data-loading="Loading" data-error="Unavailable"><div class="project-demo-media"><img alt="Demo" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="><video hidden muted playsinline preload="none" aria-label="Demo"></video></div><button aria-label="Play: Demo">Play</button><input data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="Demo progress"><span data-demo-time></span><span role="status"></span></div><div class="spacer"></div><script src="/demo.js"></script></body></html>'});
-  });
-  await page.goto('https://demo.test/');await page.waitForTimeout(300);assert.equal(downloads,0,'Far-away recordings must not load');
-  await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();await page.waitForFunction(()=>document.querySelector('video').duration===12);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),0);await page.getByRole('button',{name:'Play: Demo'}).click();await page.waitForFunction(()=>document.querySelector('video').currentTime>.4);assert.ok(downloads>0);assert.equal(await page.locator('video').evaluate(v=>v.currentSrc), 'https://demo.test/demo.mp4');
-  await page.evaluate(()=>scrollTo(0,0));await page.waitForFunction(()=>document.querySelector('video').paused);const paused=await page.locator('video').evaluate(v=>v.currentTime);await page.waitForTimeout(400);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),paused);
-  await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();await page.waitForTimeout(200);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),paused);await page.getByRole('button',{name:'Continue: Demo'}).click();await page.waitForFunction(at=>document.querySelector('video').currentTime>at+.3,paused);
-  await page.getByRole('button',{name:'Pause: Demo'}).click();const chosen=await page.locator('video').evaluate(v=>v.currentTime);await page.evaluate(()=>scrollTo(0,0));await page.waitForTimeout(100);await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();await page.waitForTimeout(350);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),chosen);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);
-  await page.getByRole('button',{name:'Continue: Demo'}).click();await page.waitForFunction(at=>document.querySelector('video').currentTime>at+.3,chosen);
-  await page.evaluate(()=>dispatchEvent(new PageTransitionEvent('pagehide')));const before=await page.locator('video').evaluate(v=>v.currentTime);await page.waitForTimeout(100);await page.evaluate(()=>dispatchEvent(new PageTransitionEvent('pageshow')));await page.waitForTimeout(200);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),before);const seek=page.getByRole('slider',{name:'Demo progress'});await seek.fill('6');await seek.dispatchEvent('input');await page.waitForFunction(()=>document.querySelector('video').currentTime===6);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);assert.equal(await page.locator('[data-demo-time]').textContent(),'0:06 / 0:12');const bounds=await seek.boundingBox();
-  await page.mouse.click(bounds.x+bounds.width*.9,bounds.y+2);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),6,'Range padding must not seek');
-  await seek.evaluate(input=>{const box=input.getBoundingClientRect();for(const [type,x,y]of [['pointerdown',box.x+80,box.y+22],['pointermove',box.x+82,box.y+50],['pointerup',box.x+82,box.y+50]])input.dispatchEvent(new PointerEvent(type,{pointerId:7,pointerType:'touch',button:0,clientX:x,clientY:y,bubbles:true}));});
-  assert.equal(await page.locator('video').evaluate(v=>v.currentTime),6,'Vertical touch scrolling must not seek');
-  const touch=await context.newCDPSession(page);
-  const swipe=async(points)=>{await touch.send('Input.dispatchTouchEvent',{type:'touchStart',touchPoints:[{x:points[0][0],y:points[0][1]}]});for(const[x,y]of points.slice(1))await touch.send('Input.dispatchTouchEvent',{type:'touchMove',touchPoints:[{x,y}]});await touch.send('Input.dispatchTouchEvent',{type:'touchEnd',touchPoints:[]});};
-  await swipe([[bounds.x+80,bounds.y+22],[bounds.x+100,bounds.y+22],[bounds.x+270,bounds.y+22]]);
-  await page.waitForFunction(()=>document.querySelector('video').currentTime>7);
-  assert.equal(await page.locator('video').evaluate(v=>v.paused),true,'Real touch seeking preserves pause');
-  await seek.fill('6');await seek.dispatchEvent('input');await touch.detach();
-  await page.mouse.move(bounds.x+bounds.width*.5,bounds.y+22);await page.mouse.down();await page.mouse.move(bounds.x+bounds.width*.75,bounds.y+22,{steps:10});await page.mouse.up();await page.waitForFunction(()=>document.querySelector('video').currentTime>8);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);
-  await seek.fill('6');await seek.dispatchEvent('input');await seek.focus();await seek.press('ArrowRight');await page.waitForFunction(()=>document.querySelector('video').currentTime>6);await page.getByRole('button',{name:'Continue: Demo'}).click();
-  await page.locator('video').evaluate(v=>v.currentTime=11.8);await page.waitForFunction(()=>document.querySelector('video').ended);await page.evaluate(()=>scrollTo(0,0));await page.waitForTimeout(100);await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();assert.equal(await page.locator('video').evaluate(v=>v.currentTime),12);await page.getByRole('button',{name:'Replay: Demo'}).click();await page.waitForFunction(()=>document.querySelector('video').currentTime>.1&&document.querySelector('video').currentTime<1);
-  assert.deepEqual(errors,[]);await context.close();
- }finally{await browser.close();}
-});
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import {readFile} from 'node:fs/promises';
+import {createServer} from 'node:http';
+import {chromium} from 'playwright';
+import {renderBlocks} from '../src/page-blocks.js';
+import {loadConfig} from '../src/config.js';
+import {loadLanguagePacks} from '../src/i18n.js';
+import {renderLayout} from '../src/theme.js';
+
+test('the complete theme initializes and includes the recording runtime',async()=>{
+ const config=await loadConfig(process.cwd());await loadLanguagePacks(config);
+ const html=await renderLayout(config,{filter:async(_key,value)=>value},{title:'Demo',locale:'en',urlPath:'/demo/'},'<main data-project-demo></main>');
+ assert.match(html,/src="\/edgepress\/project-demo\.js"/);
+});
+
+test('a progressive recording begins playback before the entire response arrives',async()=>{
+ const bytes=await readFile('tests/fixtures/recording.mp4'),runtime=await readFile('static/edgepress/project-demo.js');let completed=false;
+ const server=createServer((request,response)=>{
+  if(request.url==='/demo.js'){response.setHeader('Content-Type','text/javascript');response.end(runtime);return;}
+  if(request.url==='/recording.mp4'){
+   response.setHeader('Content-Type','video/mp4');response.setHeader('Content-Length',bytes.length);response.write(bytes.subarray(0,Math.floor(bytes.length*.9)));
+   const tail=setTimeout(()=>{completed=true;response.end(bytes.subarray(Math.floor(bytes.length*.9)));},3000);response.on('close',()=>clearTimeout(tail));return;
+  }
+  response.setHeader('Content-Type','text/html');response.end('<html><body><div data-project-demo data-animation="/recording.mp4" data-play="Play" data-resume="Continue" data-pause="Pause" data-replay="Replay" data-loading="Loading" data-error="Unavailable"><div class="project-demo-media" style="width:320px;height:180px"><video muted playsinline preload="none" aria-label="Demo"></video></div><button>Play</button><span role="status"></span></div><script src="/demo.js"></script></body></html>');
+ });
+ await new Promise(done=>server.listen(0,'127.0.0.1',done));const browser=await chromium.launch({headless:true,...(process.platform==='win32'?{channel:'msedge'}:{})});
+ try{const page=await browser.newPage();await page.goto('http://127.0.0.1:'+server.address().port+'/',{waitUntil:'domcontentloaded'});await page.getByRole('button',{name:'Play: Demo'}).click();await page.waitForFunction(()=>document.querySelector('video').currentTime>.2);assert.equal(completed,false,'First playback must not wait for the full file');}
+ finally{await browser.close();server.closeAllConnections();await new Promise(done=>server.close(done));}
+});
+
+test('recording blocks accept local streaming media and reject foreign or GIF sources',async()=>{
+ const config={site:{},i18n:{defaultLocale:'en',translationsByLocale:{en:{demoPlay:'Play',demoResume:'Continue',demoPause:'Pause',demoReplay:'Replay',demoLoading:'Loading',demoError:'Unavailable'}}}};
+ const block={type:'media-text',mediaType:'image',src:'/poster.webp',animationSrc:'/demo.mp4',alt:'Publish a post',title:'Publishing',text:'One story.'};
+ const render=override=>renderBlocks([{columns:1,cells:[[{...block,...override}]]}],{config,locale:'en',site:{posts:[]}});
+ assert.match(await render({}),/<video muted playsinline preload="none"/);assert.match(await render({animationSrc:'/demo.webm'}),/data-project-demo/);
+ for(const animationSrc of ['https://foreign.example/demo.mp4','//foreign.example/demo.mp4','/demo.gif','/file.txt'])await assert.rejects(render({animationSrc}));
+});
+
+test('manual recordings support seeking and preserve the playhead without automatic playback',async()=>{
+ // Twelve-second silent test-pattern fixture, generated with FFmpeg and faststart.
+ const bytes=await readFile('tests/fixtures/recording.mp4'),browser=await chromium.launch({headless:true,...(process.platform==='win32'?{channel:'msedge'}:{})});
+ try{
+  const context=await browser.newContext({viewport:{width:600,height:600}}),page=await context.newPage(),errors=[];let downloads=0;
+  page.on('pageerror',error=>errors.push(error.message));
+  await context.route('**/*',async route=>{
+   const url=new URL(route.request().url());assert.equal(url.hostname,'demo.test');
+   if(url.pathname==='/demo.js')return route.fulfill({contentType:'text/javascript',body:await readFile('static/edgepress/project-demo.js')});
+   if(url.pathname==='/demo.mp4'){downloads++;return route.fulfill({contentType:'video/mp4',headers:{'Accept-Ranges':'bytes'},body:bytes});}
+   return route.fulfill({contentType:'text/html',body:'<html><style>body{margin:0}.spacer{height:2500px}.project-demo-media{position:relative;width:400px;height:225px}.project-demo-media img,.project-demo-media video{position:absolute;width:100%;height:100%}[hidden]{display:none!important}input[type=range]{display:block;width:400px;min-height:44px;touch-action:pan-y}</style><body><div class="spacer"></div><div data-project-demo data-animation="/demo.mp4" data-play="Play" data-resume="Continue" data-pause="Pause" data-replay="Replay" data-loading="Loading" data-error="Unavailable"><div class="project-demo-media"><img alt="Demo" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="><video hidden muted playsinline preload="none" aria-label="Demo"></video></div><button aria-label="Play: Demo">Play</button><input data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="Demo progress"><span data-demo-time></span><span role="status"></span></div><div class="spacer"></div><script src="/demo.js"></script></body></html>'});
+  });
+  await page.goto('https://demo.test/');await page.waitForTimeout(300);assert.equal(downloads,0,'Far-away recordings must not load');
+  await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();await page.waitForFunction(()=>document.querySelector('video').duration===12);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),0);await page.getByRole('button',{name:'Play: Demo'}).click();await page.waitForFunction(()=>document.querySelector('video').currentTime>.4);assert.ok(downloads>0);assert.equal(await page.locator('video').evaluate(v=>v.currentSrc), 'https://demo.test/demo.mp4');
+  await page.evaluate(()=>scrollTo(0,0));await page.waitForFunction(()=>document.querySelector('video').paused);const paused=await page.locator('video').evaluate(v=>v.currentTime);await page.waitForTimeout(400);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),paused);
+  await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();await page.waitForTimeout(200);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),paused);await page.getByRole('button',{name:'Continue: Demo'}).click();await page.waitForFunction(at=>document.querySelector('video').currentTime>at+.3,paused);
+  await page.getByRole('button',{name:'Pause: Demo'}).click();const chosen=await page.locator('video').evaluate(v=>v.currentTime);await page.evaluate(()=>scrollTo(0,0));await page.waitForTimeout(100);await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();await page.waitForTimeout(350);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),chosen);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);
+  await page.getByRole('button',{name:'Continue: Demo'}).click();await page.waitForFunction(at=>document.querySelector('video').currentTime>at+.3,chosen);
+  await page.evaluate(()=>dispatchEvent(new PageTransitionEvent('pagehide')));const before=await page.locator('video').evaluate(v=>v.currentTime);await page.waitForTimeout(100);await page.evaluate(()=>dispatchEvent(new PageTransitionEvent('pageshow')));await page.waitForTimeout(200);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),before);const seek=page.getByRole('slider',{name:'Demo progress'});await seek.fill('6');await seek.dispatchEvent('input');await page.waitForFunction(()=>document.querySelector('video').currentTime===6);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);assert.equal(await page.locator('[data-demo-time]').textContent(),'0:06 / 0:12');const bounds=await seek.boundingBox();
+  await page.mouse.click(bounds.x+bounds.width*.9,bounds.y+2);assert.equal(await page.locator('video').evaluate(v=>v.currentTime),6,'Range padding must not seek');
+  await seek.evaluate(input=>{const box=input.getBoundingClientRect();for(const [type,x,y]of [['pointerdown',box.x+80,box.y+22],['pointermove',box.x+82,box.y+50],['pointerup',box.x+82,box.y+50]])input.dispatchEvent(new PointerEvent(type,{pointerId:7,pointerType:'touch',button:0,clientX:x,clientY:y,bubbles:true}));});
+  assert.equal(await page.locator('video').evaluate(v=>v.currentTime),6,'Vertical touch scrolling must not seek');
+  const touch=await context.newCDPSession(page);
+  const swipe=async(points)=>{await touch.send('Input.dispatchTouchEvent',{type:'touchStart',touchPoints:[{x:points[0][0],y:points[0][1]}]});for(const[x,y]of points.slice(1))await touch.send('Input.dispatchTouchEvent',{type:'touchMove',touchPoints:[{x,y}]});await touch.send('Input.dispatchTouchEvent',{type:'touchEnd',touchPoints:[]});};
+  await swipe([[bounds.x+80,bounds.y+22],[bounds.x+100,bounds.y+22],[bounds.x+270,bounds.y+22]]);
+  await page.waitForFunction(()=>document.querySelector('video').currentTime>7);
+  assert.equal(await page.locator('video').evaluate(v=>v.paused),true,'Real touch seeking preserves pause');
+  await seek.fill('6');await seek.dispatchEvent('input');await touch.detach();
+  await page.mouse.move(bounds.x+bounds.width*.5,bounds.y+22);await page.mouse.down();await page.mouse.move(bounds.x+bounds.width*.75,bounds.y+22,{steps:10});await page.mouse.up();await page.waitForFunction(()=>document.querySelector('video').currentTime>8);assert.equal(await page.locator('video').evaluate(v=>v.paused),true);
+  await seek.fill('6');await seek.dispatchEvent('input');await seek.focus();await seek.press('ArrowRight');await page.waitForFunction(()=>document.querySelector('video').currentTime>6);await page.getByRole('button',{name:'Continue: Demo'}).click();
+  await page.locator('video').evaluate(v=>v.currentTime=11.8);await page.waitForFunction(()=>document.querySelector('video').ended);await page.evaluate(()=>scrollTo(0,0));await page.waitForTimeout(100);await page.locator('[data-project-demo]').scrollIntoViewIfNeeded();assert.equal(await page.locator('video').evaluate(v=>v.currentTime),12);await page.getByRole('button',{name:'Replay: Demo'}).click();await page.waitForFunction(()=>document.querySelector('video').currentTime>.1&&document.querySelector('video').currentTime<1);
+  assert.deepEqual(errors,[]);await context.close();
+ }finally{await browser.close();}
+});

package/tests/release-version.test.mjs

@@ -0,0 +1,28 @@
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { nextReleaseVersion } from '../tools/release/next-version.mjs';
+
+const october = new Date('2026-10-23T23:30:00Z');
+test('the third number counts releases within the same UTC month, not calendar day', () => {
+  assert.equal(nextReleaseVersion({ currentVersion: '2026.10.12', now: october }), '2026.10.13');
+});
+test('a new UTC month resets the update count to one', () => {
+  assert.equal(nextReleaseVersion({ currentVersion: '2026.10.12', now: new Date('2026-11-01T00:00:00Z') }), '2026.11.1');
+});
+test('npm versions and repository tags prevent reuse of an existing release number', () => {
+  assert.equal(nextReleaseVersion({
+    currentVersion: '2026.10.12', tags: ['v2026.10.15', 'v2026.9.8'],
+    publishedVersions: ['2026.10.14', '2026.10.16'], now: october
+  }), '2026.10.17');
+});
+test('older months do not change the count for the current month', () => {
+  assert.equal(nextReleaseVersion({
+    currentVersion: '2026.9.8', tags: ['v2026.9.9'], publishedVersions: ['2026.9.10'], now: october
+  }), '2026.10.1');
+});
+test('reject unsupported manifests and future-month versions', () => {
+  assert.throws(() => nextReleaseVersion({ currentVersion: '2026.10.0', now: october }), /YYYY/);
+  assert.throws(() => nextReleaseVersion({
+    currentVersion: '2026.10.12', publishedVersions: ['2026.11.1'], now: october
+  }), /future-month/);
+});