https://github.com/mizchi/swdev

No bundle frontend by service-worker
https://github.com/mizchi/swdev

deno service-worker

Last synced: 2 months ago
JSON representation

No bundle frontend by service-worker

• Host: GitHub
• URL: https://github.com/mizchi/swdev
• Owner: mizchi
• Created: 2021-03-26T15:56:54.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-06T07:01:16.000Z (over 2 years ago)
• Last Synced: 2024-10-17T18:46:35.880Z (3 months ago)
• Topics: deno, service-worker
• Language: TypeScript
• Homepage:
• Size: 21.8 MB
• Stars: 61
• Watchers: 2
• Forks: 1
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SWDEV

Runtime transfome by Service Worker and Deno(PoC).

## How to use

```bash

# install

$ deno install -qAf --unstable https://deno.land/x/swdev/swdev.ts

$ swdev init myapp

$ cd myapp

$ swdev serve

```

open http://localhost:7777

_CAUTION_: port:7777 register service-worker. Unregister service-worker after develop.

## How to develop

```bash

$ deno run -A --unstable swdev-dev.ts prebuild --client --worker # build __swdev-client and __swdev-server

$ deno run -A --unstable serve.ts examples/react --local # run

```

## Concepts

- Transform and cache in service-worker (`typescript` and `svelte`)

- Cache bursting by file change event

- Safe file read / write by `deno` permissions

- Use deno semantics in frontend

- Edit itself in browser

- Bundle for production

## Install

```

$ swdev init swdev-app

$ cd swdev-app

$ swdev serve

```

## Experimental Read/Write via websocket`

Run with `--allow-write` flag.

`$ swdev serve --allow-write`

```ts

// declare to touch

declare const DenoProxy: {

  exec: any;

};

// READ

console.log(await DenoProxy.exec("readTextFile", "index.html"));

// WRITE: need --allow-write

await DenoProxy.exec("writeTextFile", "foo.ts", "export default 1;");

```

These features are provided by `/__swdev_client.js`

## Experimental Command Run`

Run with `--allow-run` flag.

`$ swdev serve --allow-run`

```ts

// declare to touch

declare const DenoProxy: {

  exec: any;

};

// RUN commands

await DenoProxy.exec("run", ["ls", "-al"]);

```

## Release build

```bash

## Build entry point

$ swdev build #=> main.bundle.js

## Deploy assets

# netlify deploy --prod -d .

```

## LICENSE

MIT