Tommy D. Rossi
74497c2a1a
- Use chrome.tabCapture.getMediaStreamId() from service worker - Pass stream ID to offscreen document for MediaRecorder - Recording survives page navigation (unlike getDisplayMedia) - Requires user to click extension icon first (activeTab permission) - Add esbuild to build offscreen.ts separately - Update prompt docs with recording instructions
73 lines
2.3 KiB
TypeScript
73 lines
2.3 KiB
TypeScript
import { fileURLToPath } from 'url';
|
|
import { dirname, resolve } from 'path';
|
|
import { defineConfig } from 'vite';
|
|
import { viteStaticCopy } from 'vite-plugin-static-copy';
|
|
|
|
const __filename = fileURLToPath(import.meta.url);
|
|
const __dirname = dirname(__filename);
|
|
|
|
const defineEnv: Record<string, string> = {
|
|
'process.env.PLAYWRITER_PORT': JSON.stringify(process.env.PLAYWRITER_PORT || '19988'),
|
|
};
|
|
if (process.env.TESTING) {
|
|
defineEnv['import.meta.env.TESTING'] = 'true';
|
|
}
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
viteStaticCopy({
|
|
targets: [
|
|
{
|
|
src: resolve(__dirname, 'icons/*'),
|
|
dest: 'icons'
|
|
},
|
|
{
|
|
src: resolve(__dirname, 'manifest.json'),
|
|
dest: '.',
|
|
transform: (content) => {
|
|
const manifest = JSON.parse(content);
|
|
|
|
// Only include tabs permission during testing
|
|
if (process.env.TESTING) {
|
|
if (!manifest.permissions.includes('tabs')) {
|
|
manifest.permissions.push('tabs');
|
|
}
|
|
}
|
|
|
|
// Inject key for stable extension ID in dev/test builds (not production)
|
|
// This ensures all developers get the same extension ID: pebbngnfojnignonigcnkdilknapkgid
|
|
if (!process.env.PRODUCTION) {
|
|
manifest.key = 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAwCJoq5UYhOo5x8s50pVBUHjQ8idyUHnZFDj1JspWJPe6kvM7RFIaE/y5WTAH05kuK0R7v/ipcGA4ywA5wKdPKHZzkl5xstlNPj0Ivu4CqLobU7eY5G3k3Gq7wql2pbwb/A8Nat4VLbfBjQLA6TGWd3LQOHS6M0B3AvrtEw7DLDUdGKh4SCLewCbdlDIzpXQwKOzrRPyLFBwj9eEeITy5aNwJ9r9JMNBvACVZiRCHsGI6DufU+OiIO232l/8OoNNt6kdTMyNgiqOogFApXPJwREUwZHGqjXD3s6bXiBIQtwkNyZfemHKkxj6g/fhCV2EMgTY6+ikQEY1gEJMrRVmcYQIDAQAB';
|
|
}
|
|
|
|
return JSON.stringify(manifest, null, 2);
|
|
}
|
|
},
|
|
]
|
|
})
|
|
],
|
|
|
|
build: {
|
|
outDir: 'dist',
|
|
emptyOutDir: false,
|
|
minify: false,
|
|
rollupOptions: {
|
|
input: {
|
|
background: resolve(__dirname, 'src/background.ts'),
|
|
welcome: resolve(__dirname, 'src/welcome.html'),
|
|
offscreen: resolve(__dirname, 'src/offscreen.html'),
|
|
},
|
|
output: {
|
|
entryFileNames: (chunkInfo) => {
|
|
if (chunkInfo.name === 'background') {
|
|
return 'lib/background.mjs';
|
|
}
|
|
return '[name].js';
|
|
},
|
|
format: 'es',
|
|
},
|
|
},
|
|
},
|
|
define: defineEnv
|
|
});
|