Web

Run your Spry apps in edge runtimes with Web API compatibility.

---

In order to run Spry apps in web compatible edge runtimes supporting fetch API with Request and Response, use toWebHandler adapter to convert Spry app into a fetch-like function.

Usage

First, create an Spry app:

app.dart

import 'package:spry/spry.dart';

final app = createSpry()
    ..use((event) => 'Hello world!');

Create web entry:

web.dart

import 'package:spry/web.dart';
import 'app.dart';

final handler = toWebHandler(app);

Local testing

You can test adapter using any compatible JavaScript runtime by passing a Request object.

web_test.dart

import 'package:web/web.dart';
import 'web.dart';

main() async {
    final request = Request('http://localhost/'.toJS);
    final response = await handler(request);

    print(await response.text().toDart); // Hello world!
}

Compile to JavaScript file:

dart compile js web_test.dart -o web_test.js

Run the web_test.js:

Bun

bun ./web_test.js

Node.js

node ./web_test.js

Browser

<script src="web_test.js"></script>

Advanced Utils

createWebEvent

Create a new event for web.

final event = createWebEvent(app, request);

toWebResponse

Spry response to web response object.

final response = toWebResponse(spryResponse);

toWebHeaders

Spry headers to web headers object.

final spryHeaders = Headers({"context-type": "application/json"});
final headers = toWebHeaders(spryHeaders);

toSpryHeaders

Creates a new Spry headers for web headers object.

final headers = toSpryHeaders(webHeaders);