diff --git a/README.md b/README.md index dbaf68d4..041332b3 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@

WXT

+

WXT Logo

+

Next gen framework for developing web extensions.
Powered by Vite. Inspired by Nuxt.

![Example CLI Output](./docs/assets/cli-output.png) diff --git a/demo/public/icon/128.png b/demo/public/icon/128.png index 53e9353a..6ea9187a 100644 Binary files a/demo/public/icon/128.png and b/demo/public/icon/128.png differ diff --git a/demo/public/icon/16.png b/demo/public/icon/16.png index 3fe36745..ec6d41d0 100644 Binary files a/demo/public/icon/16.png and b/demo/public/icon/16.png differ diff --git a/demo/public/icon/32.png b/demo/public/icon/32.png index d1063e5b..521b3c92 100644 Binary files a/demo/public/icon/32.png and b/demo/public/icon/32.png differ diff --git a/demo/public/icon/48.png b/demo/public/icon/48.png index 6c5e5e1c..c8bd0393 100644 Binary files a/demo/public/icon/48.png and b/demo/public/icon/48.png differ diff --git a/demo/public/icon/96.png b/demo/public/icon/96.png index c71c80e0..4b6b658c 100644 Binary files a/demo/public/icon/96.png and b/demo/public/icon/96.png differ diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 019416a5..df8bd975 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -8,7 +8,7 @@ export default defineConfig({ themeConfig: { // https://vitepress.dev/reference/default-theme-config - // logo: '/logo.svg', + logo: '/logo.svg', editLink: { pattern: 'https://github.com/aklinker1/wxt/edit/main/docs/:path', }, diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css new file mode 100644 index 00000000..ef79c419 --- /dev/null +++ b/docs/.vitepress/theme/custom.css @@ -0,0 +1,57 @@ +/* Colors */ +:root { + --wxt-c-green: #53bc4a; + --wxt-c-green-light: #67d45e; + --wxt-c-green-lighter: #67d45e; + --wxt-c-green-dark: #4fa048; + --wxt-c-green-darker: #447e3f; +} + +/* https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css */ + +:root { + --vp-c-brand: var(--wxt-c-green); + --vp-c-brand-light: var(--wxt-c-green-light); + --vp-c-brand-lighter: var(--wxt-c-green-lighter); + --vp-c-brand-dark: var(--wxt-c-green-dark); + --vp-c-brand-darker: var(--wxt-c-green-darker); + + --vp-button-brand-text: var(--vp-c-black); + --vp-button-brand-hover-text: var(--vp-c-black); + --vp-button-brand-active-text: var(--vp-c-black); + + --vp-custom-block-tip-border: var(--wxt-c-green-dark); + --vp-custom-block-tip-text: var(--wxt-c-green-dark); + + --vp-code-block-bg: #222422; + --vp-code-copy-code-bg: #313431; + --vp-code-copy-code-hover-bg: #3c403c; + + --vp-home-hero-image-background-image: linear-gradient( + -45deg, + #5ed4c44a 40%, + #53bc4a4a 60% + ); + --vp-home-hero-image-filter: blur(40px); +} + +.dark { + --vp-c-bg: #131413; + + --vp-c-bg-soft: #1a1b1a; + --vp-c-bg-soft-up: #1f201f; + --vp-c-bg-soft-down: #262926; + --vp-c-bg-soft-mute: #242424; + + --vp-c-bg-alt: #171817; + + --vp-c-mute: #313136; + --vp-c-mute-light: #3a3a3c; + --vp-c-mute-lighter: #505053; + --vp-c-mute-dark: #2c2c30; + --vp-c-mute-darker: #252529; + + --vp-code-block-bg: #191a19; + --vp-code-copy-code-bg: #212321; + --vp-code-copy-code-hover-bg: #292d29; +} diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts index bd8292a5..04520a29 100644 --- a/docs/.vitepress/theme/index.ts +++ b/docs/.vitepress/theme/index.ts @@ -1,5 +1,6 @@ import DefaultTheme from 'vitepress/theme'; import Icon from '../components/Icon.vue'; +import './custom.css'; export default { extends: DefaultTheme, diff --git a/docs/index.md b/docs/index.md index a1983ba5..6500f54f 100644 --- a/docs/index.md +++ b/docs/index.md @@ -5,8 +5,11 @@ titleTemplate: 'Next Generation Web Extension Framework' hero: name: WXT - text: Next gen framework for web extensions + text: Next-gen Web Extension Framework tagline: Powered by Vite, inspired by Nuxt. + image: + src: /hero-logo.svg + alt: WXT actions: - theme: brand text: Get Started diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico new file mode 100644 index 00000000..bdc7f8d0 Binary files /dev/null and b/docs/public/favicon.ico differ diff --git a/docs/public/hero-logo.svg b/docs/public/hero-logo.svg new file mode 100644 index 00000000..59cbe038 --- /dev/null +++ b/docs/public/hero-logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/docs/public/logo.svg b/docs/public/logo.svg new file mode 100644 index 00000000..321b8c68 --- /dev/null +++ b/docs/public/logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/docs/public/social-preview.png b/docs/public/social-preview.png new file mode 100644 index 00000000..af50013d Binary files /dev/null and b/docs/public/social-preview.png differ diff --git a/templates/react/public/icon/128.png b/templates/react/public/icon/128.png new file mode 100644 index 00000000..9e35d130 Binary files /dev/null and b/templates/react/public/icon/128.png differ diff --git a/templates/react/public/icon/16.png b/templates/react/public/icon/16.png new file mode 100644 index 00000000..cd09f8cf Binary files /dev/null and b/templates/react/public/icon/16.png differ diff --git a/templates/react/public/icon/32.png b/templates/react/public/icon/32.png new file mode 100644 index 00000000..f51ce1b5 Binary files /dev/null and b/templates/react/public/icon/32.png differ diff --git a/templates/react/public/icon/48.png b/templates/react/public/icon/48.png new file mode 100644 index 00000000..cb7a4494 Binary files /dev/null and b/templates/react/public/icon/48.png differ diff --git a/templates/react/public/icon/96.png b/templates/react/public/icon/96.png new file mode 100644 index 00000000..c28ad52d Binary files /dev/null and b/templates/react/public/icon/96.png differ diff --git a/templates/react/public/wxt.svg b/templates/react/public/wxt.svg index ee9fadaf..0e763206 100644 --- a/templates/react/public/wxt.svg +++ b/templates/react/public/wxt.svg @@ -1 +1,15 @@ - + + + + + + + + + + + + + + + diff --git a/templates/react/wxt.config.ts b/templates/react/wxt.config.ts index 7e57b6b3..586d2a80 100644 --- a/templates/react/wxt.config.ts +++ b/templates/react/wxt.config.ts @@ -3,6 +3,15 @@ import react from '@vitejs/plugin-react'; // See https://wxt.dev/config.html export default defineConfig({ + manifest: { + icons: { + '16': 'icon/16.png', + '32': 'icon/32.png', + '48': 'icon/48.png', + '96': 'icon/96.png', + '128': 'icon/128.png', + }, + }, vite: { plugins: [react()], }, diff --git a/templates/svelte/public/icon/128.png b/templates/svelte/public/icon/128.png new file mode 100644 index 00000000..9e35d130 Binary files /dev/null and b/templates/svelte/public/icon/128.png differ diff --git a/templates/svelte/public/icon/16.png b/templates/svelte/public/icon/16.png new file mode 100644 index 00000000..cd09f8cf Binary files /dev/null and b/templates/svelte/public/icon/16.png differ diff --git a/templates/svelte/public/icon/32.png b/templates/svelte/public/icon/32.png new file mode 100644 index 00000000..f51ce1b5 Binary files /dev/null and b/templates/svelte/public/icon/32.png differ diff --git a/templates/svelte/public/icon/48.png b/templates/svelte/public/icon/48.png new file mode 100644 index 00000000..cb7a4494 Binary files /dev/null and b/templates/svelte/public/icon/48.png differ diff --git a/templates/svelte/public/icon/96.png b/templates/svelte/public/icon/96.png new file mode 100644 index 00000000..c28ad52d Binary files /dev/null and b/templates/svelte/public/icon/96.png differ diff --git a/templates/svelte/public/wxt.svg b/templates/svelte/public/wxt.svg index ee9fadaf..0e763206 100644 --- a/templates/svelte/public/wxt.svg +++ b/templates/svelte/public/wxt.svg @@ -1 +1,15 @@ - + + + + + + + + + + + + + + + diff --git a/templates/svelte/wxt.config.ts b/templates/svelte/wxt.config.ts index 0a007f05..2ee3e222 100644 --- a/templates/svelte/wxt.config.ts +++ b/templates/svelte/wxt.config.ts @@ -4,8 +4,16 @@ import { svelte, vitePreprocess } from '@sveltejs/vite-plugin-svelte'; // See https://wxt.dev/config.html export default defineConfig({ srcDir: 'src', + manifest: { + icons: { + '16': 'icon/16.png', + '32': 'icon/32.png', + '48': 'icon/48.png', + '96': 'icon/96.png', + '128': 'icon/128.png', + }, + }, vite: { - logLevel: 'info', plugins: [ svelte({ // Using a svelte.config.js file causes a segmentation fault when importing the file diff --git a/templates/vanilla/public/icon/128.png b/templates/vanilla/public/icon/128.png new file mode 100644 index 00000000..9e35d130 Binary files /dev/null and b/templates/vanilla/public/icon/128.png differ diff --git a/templates/vanilla/public/icon/16.png b/templates/vanilla/public/icon/16.png new file mode 100644 index 00000000..cd09f8cf Binary files /dev/null and b/templates/vanilla/public/icon/16.png differ diff --git a/templates/vanilla/public/icon/32.png b/templates/vanilla/public/icon/32.png new file mode 100644 index 00000000..f51ce1b5 Binary files /dev/null and b/templates/vanilla/public/icon/32.png differ diff --git a/templates/vanilla/public/icon/48.png b/templates/vanilla/public/icon/48.png new file mode 100644 index 00000000..cb7a4494 Binary files /dev/null and b/templates/vanilla/public/icon/48.png differ diff --git a/templates/vanilla/public/icon/96.png b/templates/vanilla/public/icon/96.png new file mode 100644 index 00000000..c28ad52d Binary files /dev/null and b/templates/vanilla/public/icon/96.png differ diff --git a/templates/vanilla/public/wxt.svg b/templates/vanilla/public/wxt.svg index ee9fadaf..0e763206 100644 --- a/templates/vanilla/public/wxt.svg +++ b/templates/vanilla/public/wxt.svg @@ -1 +1,15 @@ - + + + + + + + + + + + + + + + diff --git a/templates/vanilla/wxt.config.ts b/templates/vanilla/wxt.config.ts new file mode 100644 index 00000000..d50b7252 --- /dev/null +++ b/templates/vanilla/wxt.config.ts @@ -0,0 +1,14 @@ +import { defineConfig } from 'wxt'; + +// See https://wxt.dev/config.html +export default defineConfig({ + manifest: { + icons: { + '16': 'icon/16.png', + '32': 'icon/32.png', + '48': 'icon/48.png', + '96': 'icon/96.png', + '128': 'icon/128.png', + }, + }, +}); diff --git a/templates/vue/public/icon/128.png b/templates/vue/public/icon/128.png new file mode 100644 index 00000000..9e35d130 Binary files /dev/null and b/templates/vue/public/icon/128.png differ diff --git a/templates/vue/public/icon/16.png b/templates/vue/public/icon/16.png new file mode 100644 index 00000000..cd09f8cf Binary files /dev/null and b/templates/vue/public/icon/16.png differ diff --git a/templates/vue/public/icon/32.png b/templates/vue/public/icon/32.png new file mode 100644 index 00000000..f51ce1b5 Binary files /dev/null and b/templates/vue/public/icon/32.png differ diff --git a/templates/vue/public/icon/48.png b/templates/vue/public/icon/48.png new file mode 100644 index 00000000..cb7a4494 Binary files /dev/null and b/templates/vue/public/icon/48.png differ diff --git a/templates/vue/public/icon/96.png b/templates/vue/public/icon/96.png new file mode 100644 index 00000000..c28ad52d Binary files /dev/null and b/templates/vue/public/icon/96.png differ diff --git a/templates/vue/public/wxt.svg b/templates/vue/public/wxt.svg index ee9fadaf..0e763206 100644 --- a/templates/vue/public/wxt.svg +++ b/templates/vue/public/wxt.svg @@ -1 +1,15 @@ - + + + + + + + + + + + + + + + diff --git a/templates/vue/wxt.config.ts b/templates/vue/wxt.config.ts index cf3bd505..8125273b 100644 --- a/templates/vue/wxt.config.ts +++ b/templates/vue/wxt.config.ts @@ -3,6 +3,15 @@ import vue from '@vitejs/plugin-vue'; // See https://wxt.dev/config.html export default defineConfig({ + manifest: { + icons: { + '16': 'icon/16.png', + '32': 'icon/32.png', + '48': 'icon/48.png', + '96': 'icon/96.png', + '128': 'icon/128.png', + }, + }, vite: { plugins: [vue()], },