robot
a621db9674
CI / test (pull_request) Successful in 14s
The inline script.textContent injection in content.js violated the
strict CSP on sites like Pornhub ('script-src' without 'unsafe-inline').
Move interceptor code to a separate interceptors.js file and inject
via script.src = chrome.runtime.getURL('interceptors.js'). Chrome
treats extension-originated <script src> as content scripts — not
as page inline code — so the page's CSP does not apply.
- New src/inject/interceptors.js with all main-world interceptor code
- content.js now creates <script src> instead of <script textContent>
- Vite config updated to build interceptors.js to dist/
72 lines
2.1 KiB
TypeScript
72 lines
2.1 KiB
TypeScript
/**
|
|
* Vite config for the Chrome extension.
|
|
* Builds the extension into dist/ for loading as an unpacked extension.
|
|
*
|
|
* Usage:
|
|
* npm run dev — watch mode, rebuild on change
|
|
* npm run build — production build
|
|
*/
|
|
import { defineConfig } from 'vite';
|
|
import { resolve } from 'path';
|
|
import { copyFileSync, mkdirSync, writeFileSync } from 'fs';
|
|
import sharp from 'sharp';
|
|
|
|
export default defineConfig({
|
|
root: 'src',
|
|
plugins: [
|
|
{
|
|
name: 'generate-icons',
|
|
async generateBundle() {
|
|
const outDir = resolve(__dirname, 'dist');
|
|
mkdirSync(resolve(outDir, 'icons'), { recursive: true });
|
|
|
|
const sizes = [16, 48, 128];
|
|
const svgPath = resolve(__dirname, 'src/icons/icon.svg');
|
|
const outDirs = [
|
|
resolve(outDir, 'icons'),
|
|
resolve(__dirname, 'icons'),
|
|
];
|
|
|
|
for (const size of sizes) {
|
|
const buffer = await sharp(svgPath)
|
|
.resize(size, size)
|
|
.png()
|
|
.toBuffer();
|
|
for (const dir of outDirs) {
|
|
mkdirSync(dir, { recursive: true });
|
|
writeFileSync(resolve(dir, `icon${size}.png`), buffer);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
name: 'copy-manifest',
|
|
generateBundle() {
|
|
const manifestPath = resolve(__dirname, 'manifest.json');
|
|
const outPath = resolve(__dirname, 'dist/manifest.json');
|
|
copyFileSync(manifestPath, outPath);
|
|
},
|
|
},
|
|
],
|
|
build: {
|
|
outDir: '../dist',
|
|
emptyOutDir: true,
|
|
rollupOptions: {
|
|
input: {
|
|
background: resolve(__dirname, 'src/background/background.js'),
|
|
content: resolve(__dirname, 'src/content/content.js'),
|
|
viewer: resolve(__dirname, 'src/viewer/viewer.html'),
|
|
viewerIndex: resolve(__dirname, 'src/viewer/index.html'),
|
|
probeFn: resolve(__dirname, 'src/viewer/probeFn.js'),
|
|
scrapeFn: resolve(__dirname, 'src/viewer/scrapeFn.js'),
|
|
interceptors: resolve(__dirname, 'src/inject/interceptors.js'),
|
|
},
|
|
output: {
|
|
entryFileNames: '[name].js',
|
|
chunkFileNames: 'chunks/[name].js',
|
|
assetFileNames: '[name][extname]',
|
|
},
|
|
},
|
|
},
|
|
});
|