It's quite frustrating to come back to a coding agent after a while only to see that it needed...
When you load a with a nonce, that script can await import() additional sources from any hostname. The nonce is propagated automatically for the one purpose of importing more scripts. This is not related to strict-dynamic, which propagates nonces for any propose not limited to imports (e.g. inserting elements). Example We have a restrictive CSP that only allows nonces: Content-Security-Policy: default-src 'none'; script-src 'nonce-secret123' Our HTML loads script.js using that nonce: Our script.js imports other.js without a nonce: let other = await import('other.js') console.log("Look, script.js has imported %o", other) The import succeeds without a nonce, due to implicit nonce propagation. Why this is useful In modern build pipelines, code splitting (chunking) is implemented using dynamic imports. Nonce propagation allows us to use automatic chunking with restrictive, nonce-based CSPs without using strict-dynamic. E.g. esbuild automatically groups dynamically imported modules into chunks, and writes that chunk to disk. The compiled build has an await import('assets/chunk-NAXSMFJV.js'). There's no way to inject a nonce into that import(), but implicit nonce propagation still allows the request. Should I worry about this? It would require some truly strange code for user input to make it into an import() argument. I wouldn't lose sleep over this. Is this a browser bug? It is by design. Here are some sources: HTML Spec Section 8 (Web Application APIs) (search for "descendant script fetch options") Chromium test ensuring none propagation Firefox bug implementing nonce propagation CSP issue: Someone concerned about propagation being a vulnerability CSP issue: Proposal for import-src that went nowhere Are other CSP sources also propagated? No, only nonces. In particular host-based CSPs do not propagate trust. For example, you only allow scripts from our own host (no nonces): Content-Security-Policy: default-src 'none'; script-src 'self' Our HTML loads script.js from our own host: Our script.js imports other.js from a different host: let other = await import('https://other-host.com/other.js') This fails with a CSP violation: Executing inline script violates the following Content Security Policy directive 'script-src 'self''
Below is a strict, but still workable Content Security Policy for your Ruby on Rails project. Use this CSP if...
I recently encountered this error as I was trying to build assets: $ node esbuild.config.js .../node_modules/esbuild-plugin-browserslist/dist/resolveToEsbuildTarget.js:43 throw new Error('Could...
If you need to implement newsletter sending, rapidmail is a solid option. Support is very fast, friendly and helpful, and...
In rare circumstances, you want to use a websites full domain (say https://mywebsite.com) while testing in dev mode. This...
Documented a repomix that allows you to bundle the XML repository context with custom LLM instructions. I have mine located...
Leaving old unused DB columns around after a migration is confusing for other developers. However, dropping columns too eagerly might...
Knapsack allows you to rerun a specific job locally. This is helpful to run specs in the exactly same order...
If your rubocop run fails with a stack like rubocop-1.61.0/lib/rubocop/server/socket_reader.rb:36:in `ensure in read!': undefined method `string...
Event listeners are called in the order of their registration: button.addEventListener('click', () => console.log("I run first")) button.addEventListener('click', () => console.log("I...
I have a form with a dynamic number of fields. Submitting it worked fine until I tried out a very...
If you use the selenium-webdriver gem, it will sneakily phone home once every hour whenever you run a browser...
I recently had to update a few selective npm libraries in a project that uses pnpm to apply a CVE...
When creating a database table for a join model without further importance, you can use Rails' create_join_table:
It's not possible to use variables in media queries with plain CSS. @media (max-width: var(--some-pixel-size...
When you query the browser for DOM elements, there are some footguns you should know about. Some lists are synchronized...
A simple web tool for generating lighter (tints) and darker (shades) versions of any HEX color value. Tip
Finding changes When you're looking for a specific change in Git, there are multiple axes you can choose:
Follow the installation guidelines at https://mise.jdx.dev/getting-started.html. Remove rbenv configuration Search for rbenv config in .bashrc and...
When your Rails application is using Redis as its cache store, this is how you can list existing keys:
When you replace parts of the DOM with new HTML, using .innerHTML = newHtml is usually the simplest and fastest option...
Compatibility: Angular 20+ with Jasmine 5.x and Karma 6.x As a default Angular CLI auto-generates test bootstrap...
You want to prevent input to a form field, but all the solutions have side effects: The [readonly] attribute is...