Gitingest

Include files under: 50kB

Private Repository NEW

Summary

Repository: supabase-community/svelte-supabase
Files analyzed: 4

Estimated tokens: 1.3k

Download

Directory Structure

Directory structure:

└── supabase-community-svelte-supabase/

    ├── README.md

    ├── package.json

    ├── preset.js

    └── templates/

        └── db.js

Files Content

================================================
FILE: README.md
================================================
Adds Supabase to Svelte
----------------------

## ❓ What is this?
This is an **experimental** command to run to add Supabase to your SvelteKit project.

## 🛠 Usage
You must start with a fresh copy of the official SvelteKit template, which is currently created by running this command:

```sh
npm init svelte@next
```

Once that is set up, run this command in your project directory to set up Supabase:

```sh
npx apply supabase-community/svelte-supabase
```

After the preset runs,
* Install dependencies with `npm install`, `yarn install` or `pnpm install`
* Add supabase key to your `.env`. You can find them by [logging into supabase](https://app.supabase.io/) and going to the Settings / API page.

## 😵 Help! I have a question
[Create an issue](https://github.com/joshnuss/svelte-supabase/issues/new) and I'll try to help.

## 😡 Fix! There is something that needs improvement
[Create an issue](https://github.com/joshnuss/svelte-supabase/issues/new) or [pull request](https://github.com/joshnuss/svelte-supabase/pulls) and I'll try to fix.

These are new tools, so there are likely to be problems in this project. Thank you for bringing them to my attention or fixing them for me.

## 📄 License

MIT



================================================
FILE: package.json
================================================
{
  "name": "svelte-supabase",
  "version": "0.1.0",
  "main": "index.js",
  "license": "MIT",
  "keywords": [
    "svelte",
    "sveltekit",
    "svelte-kit",
    "supabase"
  ],
  "repository": {
    "type": "git",
    "url": "https://github.com/joshnuss/svelte-supabase.git"
  },
  "preset": "preset.js",
  "devDependencies": {
    "apply": "^0.2.13"
  }
}



================================================
FILE: preset.js
================================================
import { Preset, color } from 'apply'
import fs from 'fs'

Preset.setName('svelte-add/supabase')
Preset.option('local', false)

Preset.editNodePackages().addDev("@supabase/supabase-js", "^1.8.0").withTitle("Installing `@supabase/supabase-js`")
Preset.editNodePackages().addDev("supabase", "^0.3.0").withTitle("Installing `supabase`").ifHasOption('local')

//Preset.execute('npx supabase init').withTitle("Initializing local supabase").ifHasOption('local')

Preset.env().createIfMissing()
  .set('VITE_SUPABASE_URL', '<your-supabase-url>')
  .set('VITE_SUPABASE_ANON_KEY', '<your-supabase-public-key>')
  .set('SUPABASE_PRIVATE_KEY', '<your-supabase-private-key>')
  .set('SUPABASE_JWT_SECRET', '<your-supabase-jwt-secret>')
  .ifOptionEquals('local', false)

Preset.env().createIfMissing()
  .set('VITE_SUPABASE_URL', 'http://localhost:8000')
  .set('VITE_SUPABASE_ANON_KEY', 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzdXBhYmFzZSIsImlhdCI6MTYwMzk2ODgzNCwiZXhwIjoyNTUwNjUzNjM0LCJyb2xlIjoiYW5vbiJ9.36fUebxgx1mcBo4s19v0SzqmzunP')
  .set('SUPABASE_PRIVATE_KEY', 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzdXBhYmFzZSIsImlhdCI6MTYwMzk2ODgzNCwiZXhwIjoyNTUwNjUzNjM0LCJyb2xlIjoic2VydmljZV9yb2xlIn0.necIJaiP7X2T2QjGeV')
  .set('SUPABASE_JWT_SECRET', 'super-secret-jwt-token-with-at-least-32-characters-long')
  .ifOptionEquals('local', true)

Preset.edit('.gitignore').update(content => {
  if (content.match(/^\.env/m)) {
    return content
  }

  return content + "\n.env\n"
})

Preset.extract().to('src/lib')

Preset.instruct([
  `Configure your supabase environment vars in your ${color.green('.env')} file`,
  `You can access the db via ${color.green("import supabase from '$lib/db'")}`
]).withHeading('Configure database')

Preset.instruct(`Run ${color.magenta("npm install")}, ${color.magenta("pnpm install")}, or ${color.magenta("yarn")} to install dependencies`)
  .withHeading('Completing setup')

// Preset.instruct([
//   `Initialize the local db with ${color.green('npx supabase init')}`,
//   `You can access the db via ${color.green("import supabase from '$lib/db'")}`
// ]).withHeading('Completing setup')



================================================
FILE: templates/db.js
================================================
import { createClient } from '@supabase/supabase-js'

const supabase = createClient(
  import.meta.env.VITE_SUPABASE_URL,
  import.meta.env.VITE_SUPABASE_ANON_KEY
)

export default supabase