An adaptation of @sveltejs/kit for building browser extensions in Svelte.

Patootie

This is an experiment to explore what productivity gains might come from using a Sveltekit-like system to build Chrome extensions. It's currently basic functionality propped onto Svelte-kit just get it building something.

Usage

Install

npm install patootie

Folder structure

The framework expects a Sveltekit-like folder structure.

.
├── package.json
├── src
│   ├── apps
│   │   ├── options
│   │   │   ├── lib
│   │   │   │   └── components
│   │   │   │       ├── button.svelte
│   │   │   │       └── input.svelte
│   │   │   ├── routes
│   │   │   │   ├── route2.svelte
│   │   │   │   ├── index.svelte
│   │   │   │   └── __layout.svelte
│   │   │   └── static
│   │   │       └── random.jpeg
│   │   ├── other-app
│   │   │   ├── lib
│   │   │   │   └── components
│   │   │   │       ├── other-app-component.svelte
│   │   │   │       └── cool.svelte
│   │   │   └── routes
│   │   │       ├── rainbow.svelte
│   │   │       ├── index.svelte
│   │   │       └── __layout.svelte
│   │   └── template.html
│   └── scripts
│   │   └── content
│          └── index.js
└── svelte.config.js

CLI

patootie build