SVELTE EDGE

Compile Svelte on the edge.

Type a component. Cloudflare Workers compile it. The browser renders it. The result becomes addressable edge bundles.

example: agent-review-ui

SOURCE

Svelte 5 component

function submit() {
    parent.postMessage({
      type: 'svelte-edge:submit',
      value: { selectedRecords: selected.map((record) => record.id) }
    }, '*');
  }
</script>

<section>
  <h2>Review DNS cleanup</h2>
  <p>{selected.length} records selected</p>
  {#each records as record}
    <label class="row">
      <input type="checkbox" bind:checked={record.selected} />
      <span><strong>{record.name}</strong><small>{record.type} → {record.value}</small></span>
    </label>
  {/each}
  <button disabled={selected.length === 0} onclick={submit}>Continue with {selected.length} records</button>
</section>

RESULT

Preview

Svelte 5.55.5idle—

Run the component to see compiler output.