I tweaked the template

[kauderk]

https://github.com/kauderk/svelte-crx

Changes:

Pages for "content", "devtools", and "newtab"
kauderk/svelte-crx@af9e359

support for transitional pages

People might need extra html pages
https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/developer-guide/devtools-extension#:~:text=The%20extension%20creates%20a%20Sample%20Panel%20tab%20in%20the%20DevTools%20window%3A

diff --git a/dist/index.mjs b/dist/index.mjs
index beadb1174a84b41e3ebb1c805bf431f8c2b23719..ada30a6d9d0c18b8f5763f12d2715a58814c67f4 100644
--- a/dist/index.mjs
+++ b/dist/index.mjs
@@ -67,6 +67,7 @@ function htmlFiles(manifest) {
     manifest.action?.default_popup,
     Object.values(manifest.chrome_url_overrides ?? {}),
     manifest.devtools_page,
+	...(manifest.transition_pages ?? []),
     manifest.options_page,
     manifest.options_ui?.page,
     manifest.sandbox?.pages

---

Question

Why are the HTML files outside the "src" folder? Why not have them inside, like this?

src/[feature]
  - index.ts
  - index.html
  - Index.framework

---

Help

Currently, my content script is mounting inside a shadow element. For that reason, all my Svelte components are being built with the "emitCss: false" flag. Is it possible to intercept certain files in the build process?

content

import App from './Content.svelte'

console.info('chrome-ext template-svelte-ts content script')

const div = document.createElement('div')
div.style.setProperty('z-index', '100000')
div.style.setProperty('position', 'fixed')
document.body.insertAdjacentElement('afterbegin', div)
const shadowRoot = div.attachShadow({ mode: 'open' })
const app = new App({
  target: shadowRoot,
})

export default {}