Chrome Extension boilerplate with SolidJS + Vite + CRXJS

Related tags

Vue.js vite-solid-crxjs-example
Overview

SolidJS Chrome Extension boilerplate

An easy way to create Chrome extensions with SolidJS using Vite + CRXJS.

Features

For more functionality, check out CRXJS they do all the heavy lifting.

Installation

  1. Clone this repo
  2. Install dependencies pnpm install
  3. Run with pnpm dev for HMR or pnpm build to build
  4. Load your extension in Chrome
    1. Go to chrome://extensions
    2. Enable Developer mode
    3. Load unpacked extension
    4. Select the /dist folder

Structure

Define your extension entry points in manifest.config.ts for Manifest V3 configuration options check out the chrome docs

You might also like...

⏳ vue3 + electron + ts + vite = mini template

v3-electron 🥳 Electron16 + Vue3 + Vite2 运行项目 # enter the project directory cd v3-electron # install dependency yarn # develop yarn dev # build exe

Nov 11, 2022

Using Cypress with Vite, React, TypeScript, MSW and react-query

Vie + Cypress + MSW + react-query Demo Example of using Cypress with Vite, MSW and react-query. Uses the appReady pattern to signal to Cypress when th

Jul 16, 2022

Some compile-time magic for your Vite project

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate

Dec 15, 2022

vite+vue3.2+setup+elementPlus+eslint+js+stylelint

前期准备工作，npm包和vscode配置 ！！！很重要，关乎整个Vue3开发阶段的代码提示 Volar使用 使用Vue3开发需要禁用vscode插件Vetur 然后安装 Volar(Vue Language Features)，这样Vue3代码提示即使是使用js开发也非常友好 如果volar没有任何

Feb 8, 2022

vue3 + vite + typescript template

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

Aug 1, 2022

Minimal setup for a WebXR project using Vite, Babylon.js, TypeScript, and Vue

Minimal setup for a WebXR project using Vite, Babylon.js, TypeScript, and Vue

WebXR-Vite-Babylon-Simple Minimal setup for WebXR development using: vite typescript vue 3 babylonjs 5 (ES6) Intentionally made minimal changes from t

Nov 13, 2022

Experimenting with vite typescript template rewrite for hot.opensauced.pizza

Experimenting with vite typescript template rewrite for hot.opensauced.pizza

🍕 Open Sauced Vite Typescript Template Test 🍕 The path to your next Open Source contribution 📖 Prerequisites In order to run the project we need th

Mar 11, 2022

⭐️ Auto create alias map for vite config

vite-plugin-tspaths2alias This plugin is create alias map for vite config, default use project root tsconfig.json file compilerOptions.paths value Ins

Mar 26, 2022

Get Vite's `import.meta.hot` at runtime

vite-hot-client Get Vite's import.meta.hot at runtime. You don't normally need this library directly. It's designed for embedded UI on top of Vite for

May 3, 2022
Owner
Ryan Conceicao
Ryan Conceicao
GitHub
⚡️ Vite + SolidJS + Electron boilerplate.

vite-solid-electron Overview Very simple Vite, SolidJS, Electron integration template. Contains only the basic dependencies. The extension is very fle

Christian Hansen 25 Dec 18, 2022
Vite-plugin-web-extension - A vite plugin for generating cross browser platform, ES module based web extensions.

vite-plugin-web-extension A vite plugin for generating cross browser platform, ES module based web extensions. Features Manifest V2 & V3 Support Compl

Ruben Medina 81 Dec 31, 2022
Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse

Vite Vue SSR Starter Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse Features ⚡️ Vue 3, Vite 2, TypeScript ?? Domain-Driv

Oleg Koval 10 Aug 2, 2022
Fastify boilerplate with Vite & Vitest

Fastify boilerplate with Vite & Vitest Enhance your Fastify DX with the power of Vite & Vitest. Features ⚡ All the power of Vite (Next Generation Fron

Emmanuel Salomon 31 Dec 13, 2022
Modern ThreeJS boilerplate powered by Vite & Typescript

Modern ThreeJS ⚡️ Modern ThreeJS boilerplate powered by Vite & Typescript. Features Powered with Vite ?? GUI controls using Tweakpane ?? Typescript ??

Alvaro Saburido 64 Jan 4, 2023
A Marko plugin for Vite

@marko/vite A Marko plugin for Vite. Installation npm install @marko/vite Example config import { defineConfig } from "vite"; import marko from "@mark

Marko 49 Nov 26, 2022
🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案，它基于 vue3 和 element-plu

雪月欧巴 84 Nov 28, 2022
Vite template with TypeScript, Chakra UI, Eslint Airbnb, Prettier

Vite + Typescript + ChakraUI = ❤️ This is a vite template that combines several technologies: Vite React TypeScript ChakraUI Eslint with eslint-config

Lorenzo Rapetti 3 Mar 26, 2022
Integrate Tauri in a Vite project to build cross-platform apps.

vite-plugin-tauri Integrate Tauri in a Vite project to build cross-platform apps Install Make sure to setup your environment for Tauri development. Th

Amr Bashir 95 Dec 15, 2022
A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

Marc Duiker 6 Jun 25, 2022