From 96b03afe9cc2653d782dfeab1b84545c37152751 Mon Sep 17 00:00:00 2001 From: fkatsuhiro Date: Sun, 9 Aug 2026 23:22:03 +0900 Subject: [PATCH 1/5] replace: default setup url --- packages/wxt-demo/wxt.config.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/wxt-demo/wxt.config.ts b/packages/wxt-demo/wxt.config.ts index 014e3ef17..e87c4b3c1 100644 --- a/packages/wxt-demo/wxt.config.ts +++ b/packages/wxt-demo/wxt.config.ts @@ -21,7 +21,7 @@ export default defineConfig({ open: true, }, webExt: { - startUrls: ['https://duckduckgo.com'], + startUrls: ['https://example.com'], }, example: { a: 'a', From c0afb21b6098eb205f7375057d99529b1563bac9 Mon Sep 17 00:00:00 2001 From: fkatsuhiro Date: Sat, 15 Aug 2026 00:10:05 +0900 Subject: [PATCH 2/5] connect to the ui comtent items to example.com --- .../wxt-demo/src/entrypoints/automount.content/index.ts | 6 +++--- .../wxt-demo/src/entrypoints/automount.content/style.css | 2 +- packages/wxt-demo/src/entrypoints/ui.content/index.ts | 4 ++-- .../wxt-demo/src/entrypoints/ui.content/manual-style.css | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/wxt-demo/src/entrypoints/automount.content/index.ts b/packages/wxt-demo/src/entrypoints/automount.content/index.ts index 6cc14e74b..a1b570bd3 100644 --- a/packages/wxt-demo/src/entrypoints/automount.content/index.ts +++ b/packages/wxt-demo/src/entrypoints/automount.content/index.ts @@ -2,14 +2,14 @@ import 'uno.css'; import './style.css'; export default defineContentScript({ - matches: ['https://*.duckduckgo.com/*'], + matches: ['https://example.com/*'], cssInjectionMode: 'manifest', async main(ctx) { const dynamicUI = createIntegratedUi(ctx, { position: 'inline', append: 'after', - anchor: 'form[role=search]', + anchor: 'div', onMount: (container) => { const app = document.createElement('div'); container.id = 'automount-anchor'; @@ -54,7 +54,7 @@ export default defineContentScript({ const stopAutoMountButton = createIntegratedUi(ctx, { position: 'inline', append: 'last', - anchor: 'form[role=search]', + anchor: 'div', onMount: (container) => { const app = document.createElement('button'); container.classList.add('flex', 'flex-justify-center'); diff --git a/packages/wxt-demo/src/entrypoints/automount.content/style.css b/packages/wxt-demo/src/entrypoints/automount.content/style.css index 61d263137..63da3854e 100644 --- a/packages/wxt-demo/src/entrypoints/automount.content/style.css +++ b/packages/wxt-demo/src/entrypoints/automount.content/style.css @@ -1,3 +1,3 @@ :root { - color-scheme: dark; + color-scheme: light; } diff --git a/packages/wxt-demo/src/entrypoints/ui.content/index.ts b/packages/wxt-demo/src/entrypoints/ui.content/index.ts index 1104aed38..1b7054b61 100644 --- a/packages/wxt-demo/src/entrypoints/ui.content/index.ts +++ b/packages/wxt-demo/src/entrypoints/ui.content/index.ts @@ -3,7 +3,7 @@ import './style.css'; import manualStyle from './manual-style.css?inline'; export default defineContentScript({ - matches: ['https://*.duckduckgo.com/*'], + matches: ['https://example.com/*'], cssInjectionMode: 'ui', async main(ctx) { @@ -15,7 +15,7 @@ export default defineContentScript({ name: 'demo-ui', position: 'inline', append: 'before', - anchor: 'form[role=search]', + anchor: 'div', onMount: (container) => { const app = document.createElement('div'); app.classList.add('m-4', 'text-red-500'); diff --git a/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css b/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css index bc4142dae..46822b5b9 100644 --- a/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css +++ b/packages/wxt-demo/src/entrypoints/ui.content/manual-style.css @@ -1,4 +1,4 @@ body { padding: 2rem; - background-color: blanchedalmond; + background-color: white; } From f42d4c366de9eafb298bf57f6babb6209bb6beca Mon Sep 17 00:00:00 2001 From: fkatsuhiro Date: Sun, 11 Oct 2026 08:47:59 +0900 Subject: [PATCH 3/5] replace: duckduckgo url to example in test code --- packages/wxt/e2e/tests/output-structure.test.ts | 4 ++-- .../src/internal-utils/__tests__/content-script-utils.test.ts | 4 ++-- packages/wxt/src/internal/__tests__/manifest.test.ts | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/wxt/e2e/tests/output-structure.test.ts b/packages/wxt/e2e/tests/output-structure.test.ts index 5f7284711..8dd06e61d 100644 --- a/packages/wxt/e2e/tests/output-structure.test.ts +++ b/packages/wxt/e2e/tests/output-structure.test.ts @@ -233,7 +233,7 @@ describe('Output Directory Structure', () => { project.addFile( 'entrypoints/named.content.jsx', `export default defineContentScript({ - matches: ["*://*.duckduckgo.com/*"], + matches: ["*://*.example.com/*"], main() {}, })`, ); @@ -244,7 +244,7 @@ describe('Output Directory Structure', () => { .toMatchInlineSnapshot(` ".output/chrome-mv3/manifest.json ---------------------------------------- - {"manifest_version":3,"name":"E2E Extension","description":"Example description","version":"0.0.0","background":{"service_worker":"background.js"},"content_scripts":[{"matches":["*://*.google.com/*"],"js":["content-scripts/content.js"]},{"matches":["*://*.duckduckgo.com/*"],"js":["content-scripts/named.js"]}]}" + {"manifest_version":3,"name":"E2E Extension","description":"Example description","version":"0.0.0","background":{"service_worker":"background.js"},"content_scripts":[{"matches":["*://*.google.com/*"],"js":["content-scripts/content.js"]},{"matches":["*://*.example.com/*"],"js":["content-scripts/named.js"]}]}" `); expect(await project.pathExists('.output/chrome-mv3/background.js')); expect( diff --git a/packages/wxt/src/internal-utils/__tests__/content-script-utils.test.ts b/packages/wxt/src/internal-utils/__tests__/content-script-utils.test.ts index 9a7413be8..84ad7ba87 100644 --- a/packages/wxt/src/internal-utils/__tests__/content-script-utils.test.ts +++ b/packages/wxt/src/internal-utils/__tests__/content-script-utils.test.ts @@ -19,11 +19,11 @@ describe('Content Script Utils', () => { it('should be consistent regardless of the object ordering and default values', () => { const hash1 = hashContentScriptOptions({ allFrames: true, - matches: ['*://google.com/*', '*://duckduckgo.com/*'], + matches: ['*://google.com/*', '*://example.com/*'], matchAboutBlank: false, }); const hash2 = hashContentScriptOptions({ - matches: ['*://duckduckgo.com/*', '*://google.com/*'], + matches: ['*://example.com/*', '*://google.com/*'], allFrames: true, }); diff --git a/packages/wxt/src/internal/__tests__/manifest.test.ts b/packages/wxt/src/internal/__tests__/manifest.test.ts index 12364c66f..ca4f56a52 100644 --- a/packages/wxt/src/internal/__tests__/manifest.test.ts +++ b/packages/wxt/src/internal/__tests__/manifest.test.ts @@ -997,7 +997,7 @@ describe('Manifest Utils', () => { inputPath: 'entrypoints/four.content/index.ts', outputDir: contentScriptOutDir, options: { - matches: ['*://duckduckgo.com/*'], + matches: ['*://example.com/*'], runAt: 'document_end', }, skipped: false, @@ -1058,7 +1058,7 @@ describe('Manifest Utils', () => { js: ['content-scripts/two.js', 'content-scripts/three.js'], }); expect(actual.content_scripts).toContainEqual({ - matches: ['*://duckduckgo.com/*'], + matches: ['*://example.com/*'], run_at: 'document_end', css: ['content-scripts/four.css'], js: ['content-scripts/four.js'], From 6a109384fe7e340dff2df30d6e15d2dd41b5e5de Mon Sep 17 00:00:00 2001 From: fkatsuhiro Date: Sun, 11 Oct 2026 08:49:35 +0900 Subject: [PATCH 4/5] remove: duckduckgo from words --- cspell.yml | 1 - 1 file changed, 1 deletion(-) diff --git a/cspell.yml b/cspell.yml index 6d37e0ce8..62685270d 100644 --- a/cspell.yml +++ b/cspell.yml @@ -53,7 +53,6 @@ words: - DFFFE - DFFFF - dtrace - - duckduckgo - EFFFE - EFFFF - esbuild From 2a20c9ce8685e11f53f724dd53f9ab7a0b37b807 Mon Sep 17 00:00:00 2001 From: fkatsuhiro Date: Sun, 11 Oct 2026 09:56:24 +0900 Subject: [PATCH 5/5] fix: target tag div to p along with update example.com ui --- packages/wxt-demo/src/entrypoints/automount.content/index.ts | 4 ++-- packages/wxt-demo/src/entrypoints/ui.content/index.ts | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/wxt-demo/src/entrypoints/automount.content/index.ts b/packages/wxt-demo/src/entrypoints/automount.content/index.ts index a1b570bd3..03260e56f 100644 --- a/packages/wxt-demo/src/entrypoints/automount.content/index.ts +++ b/packages/wxt-demo/src/entrypoints/automount.content/index.ts @@ -9,7 +9,7 @@ export default defineContentScript({ const dynamicUI = createIntegratedUi(ctx, { position: 'inline', append: 'after', - anchor: 'div', + anchor: 'p', onMount: (container) => { const app = document.createElement('div'); container.id = 'automount-anchor'; @@ -54,7 +54,7 @@ export default defineContentScript({ const stopAutoMountButton = createIntegratedUi(ctx, { position: 'inline', append: 'last', - anchor: 'div', + anchor: 'p', onMount: (container) => { const app = document.createElement('button'); container.classList.add('flex', 'flex-justify-center'); diff --git a/packages/wxt-demo/src/entrypoints/ui.content/index.ts b/packages/wxt-demo/src/entrypoints/ui.content/index.ts index 1b7054b61..9047fdbdc 100644 --- a/packages/wxt-demo/src/entrypoints/ui.content/index.ts +++ b/packages/wxt-demo/src/entrypoints/ui.content/index.ts @@ -15,7 +15,7 @@ export default defineContentScript({ name: 'demo-ui', position: 'inline', append: 'before', - anchor: 'div', + anchor: 'p', onMount: (container) => { const app = document.createElement('div'); app.classList.add('m-4', 'text-red-500');