mirror of
https://github.com/nlepage/go-wasm-http-server.git
synced 2026-01-12 10:09:12 +00:00
Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
3cf36c41e2 | ||
|
|
30a6ef67f9 | ||
|
|
669f82020d | ||
|
|
c94dcd965d | ||
|
|
2d786bdb14 | ||
|
|
c561826125 | ||
|
|
897626b7d1 | ||
|
|
c93d379f20 | ||
|
|
98257b470a | ||
|
|
b2bd8679fd |
@@ -97,7 +97,7 @@ Create a ServiceWorker file with the following code:
|
||||
📄 `sw.js`
|
||||
```js
|
||||
importScripts('https://cdn.jsdelivr.net/gh/golang/go@go1.18.4/misc/wasm/wasm_exec.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.2/sw.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.5/sw.js')
|
||||
|
||||
registerWasmHTTPListener('path/to/server.wasm')
|
||||
```
|
||||
|
||||
Binary file not shown.
@@ -1,32 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>go-wasm-http-server hello demo</title>
|
||||
<title>go-wasm-http-server hello sse demo</title>
|
||||
<script>
|
||||
navigator.serviceWorker.register('sw.js')
|
||||
.then(registration => {
|
||||
const serviceWorker = registration.installing ?? registration.waiting ?? registration.active
|
||||
if (serviceWorker.state === 'activated') {
|
||||
startEventSource()
|
||||
document.querySelector('#open-button').disabled = false
|
||||
} else {
|
||||
serviceWorker.addEventListener('statechange', e => {
|
||||
if (e.target.state === 'activated') startEventSource()
|
||||
if (e.target.state === 'activated') {
|
||||
document.querySelector('#open-button').disabled = false
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
function startEventSource() {
|
||||
const es = new EventSource('/api/events')
|
||||
es.addEventListener('ping', (e) => {
|
||||
const p = document.createElement('p')
|
||||
p.textContent = `ping: data=${e.data}`
|
||||
document.body.append(p)
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
let es;
|
||||
|
||||
document.querySelector('#open-button').addEventListener('click', () => {
|
||||
if (es && es.readyState === es.OPEN) return
|
||||
es = new EventSource('api/events')
|
||||
es.addEventListener('ping', (e) => {
|
||||
const li = document.createElement('li')
|
||||
li.textContent = `ping: data=${e.data}`
|
||||
document.querySelector('ul').append(li)
|
||||
})
|
||||
})
|
||||
|
||||
document.querySelector('#close-button').addEventListener('click', () => {
|
||||
if (!es) return
|
||||
es.close()
|
||||
})
|
||||
|
||||
document.querySelector('#clear-button').addEventListener('click', () => {
|
||||
document.querySelector('ul').innerHTML = ''
|
||||
})
|
||||
|
||||
window.addEventListener('unload', () => {
|
||||
if (!es) return
|
||||
es.close()
|
||||
})
|
||||
}
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
<body>
|
||||
<p>
|
||||
<button id="open-button" disabled>Open event source</button>
|
||||
<button id="close-button">Close event source</button>
|
||||
<button id="clear-button">Clear events</button>
|
||||
</p>
|
||||
<ul></ul>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,12 +1,14 @@
|
||||
importScripts('https://cdn.jsdelivr.net/gh/golang/go@go1.23.1/misc/wasm/wasm_exec.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.2/sw.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.5/sw.js')
|
||||
|
||||
const wasm = 'api.wasm'
|
||||
|
||||
addEventListener('install', (event) => {
|
||||
event.waitUntil(skipWaiting())
|
||||
event.waitUntil(caches.open('examples').then((cache) => cache.add(wasm)))
|
||||
})
|
||||
|
||||
addEventListener('activate', event => {
|
||||
addEventListener('activate', (event) => {
|
||||
event.waitUntil(clients.claim())
|
||||
})
|
||||
|
||||
registerWasmHTTPListener('api.wasm', { base: 'api' })
|
||||
registerWasmHTTPListener(wasm, { base: 'api' })
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>go-wasm-http-server hello with state demo</title>
|
||||
<title>go-wasm-http-server hello with state and keepalive demo</title>
|
||||
<script>
|
||||
navigator.serviceWorker.register('sw.js').then(registration => {
|
||||
const sw = registration.active ?? registration.installing ?? registration.waiting
|
||||
|
||||
@@ -1,8 +1,10 @@
|
||||
importScripts('https://cdn.jsdelivr.net/gh/golang/go@go1.23.1/misc/wasm/wasm_exec.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.2/sw.js')
|
||||
importScripts('../sw.js')
|
||||
|
||||
const wasm = '../hello-state/api.wasm'
|
||||
|
||||
addEventListener('install', event => {
|
||||
event.waitUntil(skipWaiting())
|
||||
event.waitUntil(caches.open('hello-state').then((cache) => cache.add(wasm)))
|
||||
})
|
||||
|
||||
addEventListener('activate', event => {
|
||||
@@ -11,4 +13,4 @@ addEventListener('activate', event => {
|
||||
|
||||
addEventListener('message', () => {})
|
||||
|
||||
registerWasmHTTPListener('../hello-state/api.wasm', { base: 'api' })
|
||||
registerWasmHTTPListener(wasm, { base: 'api' })
|
||||
|
||||
Binary file not shown.
@@ -1,12 +1,14 @@
|
||||
importScripts('https://cdn.jsdelivr.net/gh/golang/go@go1.23.1/misc/wasm/wasm_exec.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.2/sw.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.5/sw.js')
|
||||
|
||||
const wasm = 'api.wasm'
|
||||
|
||||
addEventListener('install', (event) => {
|
||||
event.waitUntil(skipWaiting())
|
||||
event.waitUntil(caches.open('examples').then((cache) => cache.add(wasm)))
|
||||
})
|
||||
|
||||
addEventListener('activate', event => {
|
||||
addEventListener('activate', (event) => {
|
||||
event.waitUntil(clients.claim())
|
||||
})
|
||||
|
||||
registerWasmHTTPListener('api.wasm', { base: 'api' })
|
||||
registerWasmHTTPListener(wasm, { base: 'api' })
|
||||
|
||||
Binary file not shown.
@@ -1,12 +1,14 @@
|
||||
importScripts('https://cdn.jsdelivr.net/gh/golang/go@go1.23.1/misc/wasm/wasm_exec.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.2/sw.js')
|
||||
importScripts('https://cdn.jsdelivr.net/gh/nlepage/go-wasm-http-server@v2.0.5/sw.js')
|
||||
|
||||
const wasm = 'api.wasm'
|
||||
|
||||
addEventListener('install', (event) => {
|
||||
event.waitUntil(skipWaiting())
|
||||
event.waitUntil(caches.open('examples').then((cache) => cache.add(wasm)))
|
||||
})
|
||||
|
||||
addEventListener('activate', event => {
|
||||
addEventListener('activate', (event) => {
|
||||
event.waitUntil(clients.claim())
|
||||
})
|
||||
|
||||
registerWasmHTTPListener('api.wasm', { base: 'api' })
|
||||
registerWasmHTTPListener(wasm, { base: 'api' })
|
||||
|
||||
@@ -12,11 +12,14 @@ type Writer struct {
|
||||
Value safejs.Value
|
||||
controller safejs.Value
|
||||
ctx context.Context
|
||||
cancelled bool
|
||||
}
|
||||
|
||||
var _ io.WriteCloser = (*Writer)(nil)
|
||||
|
||||
func NewWriter() (*Writer, error) {
|
||||
var rs *Writer
|
||||
|
||||
var start safejs.Func
|
||||
var controller safejs.Value
|
||||
|
||||
@@ -34,6 +37,7 @@ func NewWriter() (*Writer, error) {
|
||||
|
||||
cancel, err = safejs.FuncOf(func(_ safejs.Value, _ []safejs.Value) any {
|
||||
defer cancel.Release()
|
||||
rs.cancelled = true
|
||||
cancelCtx()
|
||||
return nil
|
||||
})
|
||||
@@ -54,14 +58,20 @@ func NewWriter() (*Writer, error) {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
return &Writer{
|
||||
rs = &Writer{
|
||||
Value: value,
|
||||
controller: controller,
|
||||
ctx: ctx,
|
||||
}, nil
|
||||
}
|
||||
|
||||
return rs, nil
|
||||
}
|
||||
|
||||
func (rs *Writer) Write(b []byte) (int, error) {
|
||||
if rs.cancelled {
|
||||
return 0, nil
|
||||
}
|
||||
|
||||
chunk, err := jstype.Uint8Array.New(len(b)) // FIXME reuse same Uint8Array?
|
||||
if err != nil {
|
||||
return 0, err
|
||||
@@ -78,8 +88,12 @@ func (rs *Writer) Write(b []byte) (int, error) {
|
||||
}
|
||||
|
||||
func (rs *Writer) Close() error {
|
||||
rs.controller.Call("close")
|
||||
return nil
|
||||
if rs.cancelled {
|
||||
return nil
|
||||
}
|
||||
|
||||
_, err := rs.controller.Call("close")
|
||||
return err
|
||||
}
|
||||
|
||||
func (rs *Writer) Context() context.Context {
|
||||
|
||||
22
request.go
22
request.go
@@ -6,6 +6,7 @@ import (
|
||||
"net/http/httptest"
|
||||
"syscall/js"
|
||||
|
||||
promise "github.com/nlepage/go-js-promise"
|
||||
"github.com/nlepage/go-wasm-http-server/v2/internal/readablestream"
|
||||
"github.com/nlepage/go-wasm-http-server/v2/internal/safejs"
|
||||
)
|
||||
@@ -30,7 +31,26 @@ func Request(uvalue js.Value) (*http.Request, error) {
|
||||
}
|
||||
|
||||
var bodyReader io.Reader
|
||||
if !body.IsUndefined() && !body.IsNull() {
|
||||
|
||||
if !body.IsNull() {
|
||||
// WORKAROUND: Firefox does not have request.body ReadableStream
|
||||
if body.IsUndefined() {
|
||||
blobp, err := value.Call("blob")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
blob, err := promise.Await(safejs.Unsafe(blobp))
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
|
||||
body, err = safejs.Safe(blob).Call("stream")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
}
|
||||
}
|
||||
|
||||
r, err := body.Call("getReader")
|
||||
if err != nil {
|
||||
return nil, err
|
||||
|
||||
@@ -136,6 +136,7 @@ func (r *response) Context() context.Context {
|
||||
func (r *response) WriteError(str string) {
|
||||
slog.Error(str)
|
||||
if !r.wroteHeader {
|
||||
r.Header().Set("Content-Type", "text/plain")
|
||||
r.WriteHeader(500)
|
||||
_, _ = r.WriteString(str)
|
||||
}
|
||||
|
||||
7
sw.js
7
sw.js
@@ -1,4 +1,4 @@
|
||||
function registerWasmHTTPListener(wasm, { base, args = [] } = {}) {
|
||||
function registerWasmHTTPListener(wasm, { base, cacheName, args = [] } = {}) {
|
||||
let path = new URL(registration.scope).pathname
|
||||
if (base && base !== '') path = `${trimEnd(path, '/')}/${trimStart(base, '/')}`
|
||||
|
||||
@@ -11,7 +11,10 @@ function registerWasmHTTPListener(wasm, { base, args = [] } = {}) {
|
||||
|
||||
const go = new Go()
|
||||
go.argv = [wasm, ...args]
|
||||
WebAssembly.instantiateStreaming(fetch(wasm), go.importObject).then(({ instance }) => go.run(instance))
|
||||
const source = cacheName
|
||||
? caches.open(cacheName).then((cache) => cache.match(wasm)).then((response) => response ?? fetch(wasm))
|
||||
: caches.match(wasm).then(response => (response) ?? fetch(wasm))
|
||||
WebAssembly.instantiateStreaming(source, go.importObject).then(({ instance }) => go.run(instance))
|
||||
|
||||
addEventListener('fetch', e => {
|
||||
const { pathname } = new URL(e.request.url)
|
||||
|
||||
Reference in New Issue
Block a user