From 41d50cb98ca4dda27b6bf820ae216adb4c083433 Mon Sep 17 00:00:00 2001 From: catico Date: Fri, 4 Aug 2023 11:49:52 +0200 Subject: [PATCH 1/3] Add background and content scripts --- package.json | 13 ++++++++++--- src/background.ts | 1 + src/content.ts | 1 + static/manifest.json | 12 +++++++++++- vite.config.ts | 10 +++++++++- 5 files changed, 32 insertions(+), 5 deletions(-) create mode 100644 src/background.ts create mode 100644 src/content.ts diff --git a/package.json b/package.json index cb10dd8..7d444a8 100644 --- a/package.json +++ b/package.json @@ -3,8 +3,13 @@ "version": "0.0.1", "private": true, "scripts": { - "dev": "vite dev", - "build": "vite build", + "dev": "pnpm build-dev && run-p run:chrome watch", + "build-dev": "vite build --mode development && pnpm replace-background-path && pnpm build-content-script", + "watch": "watch 'pnpm build-dev' src static", + "build": "vite build && pnpm replace-background-path && pnpm build-content-script", + "run:chrome": "web-ext run -t chromium -s build", + "replace-background-path": "cd build; sed -i \"\" \"s#\\$BACKGROUND_PATH#$(find app -wholename '*/immutable/background.*.js')#g\" manifest.json; cd -", + "build-content-script": "esbuild src/content.ts --bundle --minify --outdir=build", "preview": "vite preview", "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", @@ -27,6 +32,7 @@ "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte": "^2.26.0", "highlight.js": "^11.8.0", + "npm-run-all": "^4.1.5", "postcss": "^8.4.23", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.8.1", @@ -37,7 +43,8 @@ "tslib": "^2.4.1", "typescript": "^5.0.0", "vite": "^4.3.0", - "vitest": "^0.25.3" + "vitest": "^0.25.3", + "watch": "^1.0.2" }, "type": "module" } diff --git a/src/background.ts b/src/background.ts new file mode 100644 index 0000000..9af21e4 --- /dev/null +++ b/src/background.ts @@ -0,0 +1 @@ +console.log('hello from background script') \ No newline at end of file diff --git a/src/content.ts b/src/content.ts new file mode 100644 index 0000000..75259a3 --- /dev/null +++ b/src/content.ts @@ -0,0 +1 @@ +console.log('hello from content script') \ No newline at end of file diff --git a/static/manifest.json b/static/manifest.json index 721db5f..6df1196 100644 --- a/static/manifest.json +++ b/static/manifest.json @@ -10,5 +10,15 @@ "default_popup": "index.html", "default_icon": "favicon.png", "default_title": "sveltekit-extension-template" - } + }, + "background": { + "service_worker": "$BACKGROUND_PATH", + "type": "module" + }, + "content_scripts": [ + { + "matches": ["http://*/*", "https://*/*"], + "js": ["content.js"] + } + ] } diff --git a/vite.config.ts b/vite.config.ts index 37b6a84..6ffecb8 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,9 +1,17 @@ import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vitest/config'; +import { fileURLToPath } from 'url'; export default defineConfig({ plugins: [sveltekit()], test: { include: ['src/**/*.{test,spec}.{js,ts}'] - } + }, + build: { + rollupOptions: { + input: { + background: fileURLToPath(new URL('./src/background.ts', import.meta.url)), + } + } + } }); From d3fedec2b977536d449374ad0c37eeb3cc55bf0d Mon Sep 17 00:00:00 2001 From: Luke Hagar Date: Tue, 17 Oct 2023 14:04:43 -0500 Subject: [PATCH 2/3] Updated Deps, Skeleton V-mig --- package.json | 50 ++++++++++++++++++++------------------- src/app.postcss | 5 ++++ src/routes/+layout.svelte | 4 ---- tailwind.config.cjs | 9 ------- tailwind.config.ts | 24 +++++++++++++++++++ 5 files changed, 55 insertions(+), 37 deletions(-) delete mode 100644 tailwind.config.cjs create mode 100644 tailwind.config.ts diff --git a/package.json b/package.json index cb10dd8..0feb64b 100644 --- a/package.json +++ b/package.json @@ -13,31 +13,33 @@ "format": "prettier --plugin-search-dir . --write ." }, "devDependencies": { - "@floating-ui/dom": "^1.2.8", - "@skeletonlabs/skeleton": "^1.5.1", - "@sveltejs/adapter-auto": "^2.0.0", - "@sveltejs/kit": "^1.5.0", - "@tailwindcss/forms": "^0.5.3", - "@tailwindcss/typography": "^0.5.9", - "@types/chrome": "^0.0.236", - "@typescript-eslint/eslint-plugin": "^5.45.0", - "@typescript-eslint/parser": "^5.45.0", - "autoprefixer": "^10.4.14", - "eslint": "^8.28.0", - "eslint-config-prettier": "^8.5.0", - "eslint-plugin-svelte": "^2.26.0", - "highlight.js": "^11.8.0", - "postcss": "^8.4.23", - "prettier": "^2.8.0", - "prettier-plugin-svelte": "^2.8.1", - "svelte": "^3.54.0", - "svelte-check": "^3.0.1", + "@floating-ui/dom": "^1.5.3", + "@skeletonlabs/skeleton": "^2.3.0", + "@skeletonlabs/tw-plugin": "^0.2.2", + "@sveltejs/adapter-auto": "^2.1.0", + "@sveltejs/kit": "^1.25.2", + "@tailwindcss/forms": "^0.5.6", + "@tailwindcss/typography": "^0.5.10", + "@types/chrome": "^0.0.247", + "@typescript-eslint/eslint-plugin": "^6.8.0", + "@typescript-eslint/parser": "^6.8.0", + "autoprefixer": "^10.4.16", + "eslint": "^8.51.0", + "eslint-config-prettier": "^9.0.0", + "eslint-plugin-svelte": "^2.34.0", + "highlight.js": "^11.9.0", + "postcss": "^8.4.31", + "prettier": "^3.0.3", + "prettier-plugin-svelte": "^3.0.3", + "svelte": "^4.2.1", + "svelte-check": "^3.5.2", "sveltekit-adapter-chrome-extension": "^2.0.0", - "tailwindcss": "^3.3.2", - "tslib": "^2.4.1", - "typescript": "^5.0.0", - "vite": "^4.3.0", - "vitest": "^0.25.3" + "tailwindcss": "^3.3.3", + "tslib": "^2.6.2", + "typescript": "^5.2.2", + "vite": "^4.4.11", + "vitest": "^0.34.6" }, "type": "module" } + diff --git a/src/app.postcss b/src/app.postcss index 5da33b4..f82f17f 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -1,3 +1,8 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; +@tailwind variants; + html, body { @apply !h-[600px] !w-[800px]; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 752ac3c..44c10ff 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,8 +1,4 @@