diff --git a/.github/workflows/release-webxdc.yml b/.github/workflows/release-webxdc.yml
new file mode 100644
index 0000000..20a403e
--- /dev/null
+++ b/.github/workflows/release-webxdc.yml
@@ -0,0 +1,26 @@
+name: Release Webxdc
+
+on:
+  push:
+    tags:
+      - 'v*.*.*'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Build
+        run: |
+          ./create-xdc.sh ${{ github.event.repository.name }}
+
+      - name: Release
+        uses: softprops/action-gh-release@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          body: |
+            Auto-generated release
+          prerelease: ${{ contains(github.event.ref, '-beta') }}
+          fail_on_unmatched_files: true
+          files: ./*.xdc
diff --git a/.github/workflows/simulator_types.yml b/.github/workflows/simulator_types.yml
deleted file mode 100644
index be25baf..0000000
--- a/.github/workflows/simulator_types.yml
+++ /dev/null
@@ -1,23 +0,0 @@
-name: Are types and sim in sync?
-
-on:
-  push:
-    branches: [master]
-  pull_request:
-    branches: [master]
-
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use Node.js 14.x
-        uses: actions/setup-node@v1
-        with:
-          node-version: 14.x
-      - name: install typescript
-        run: |
-          npm i -g typescript
-      - name: check if simulator (webxdc.js) and types (webxdc.d.ts) are in sync
-        run: |
-          tsc --noEmit --allowJs --lib es2016,dom webxdc.js
diff --git a/README.md b/README.md
index 793abfe..1bd60c3 100644
--- a/README.md
+++ b/README.md
@@ -12,8 +12,12 @@ Sample project with a simple implementation of the webxdc read and write APIs.
 
 ## Developing webxdc apps
 
-Simply copy `webxdc.js` from this repo beside your `index.html` and you are ready to go
-to **develop and test your app in most browsers.**
+Include:
+```html
+<script src="https://cdn.jsdelivr.net/gh/webxdc/vite-plugins@latest/src/webxdc.js"></script>
+```
+in your `index.html` to use a webxdc emulator and you are ready to
+**develop and test your app in most browsers.**
 
 Bundle your app using `./create-xdc.sh your-app-name`
 and **send it to your friends** 🙂
@@ -23,6 +27,11 @@ and **send it to your friends** 🙂
 
 ## Further Hints and Troubleshooting
 
+### Type-checking
+
+If you want to have type-checking you can use [@webxdc/types](https://github.com/webxdc/webxdc-types/) package, check:
+
+https://github.com/webxdc/webxdc-types/
 
 ### Limitations
 
@@ -34,24 +43,6 @@ bundle the app and test it in Delta Chat directly
 where all peers get their own `localStorage`.
 Alternatively, use the more advanced [webxdc-dev](https://github.com/webxdc/webxdc-dev) tool.
 
-
-### Type-checking and completion
-
-If you are using VSCode you can have autocompletion and type-checking even without using TypeScript by adding these two lines to your JavaScript source files:
-
-```js
-//@ts-check
-/** @typedef {import('./webxdc').Webxdc} Webxdc */
-```
-
-Without VSCode you need to install TypeScript and then run the check manually.
-
-```sh
-npm -g typescript
-tsc --noEmit --allowJs --lib es2016,dom webxdc.js # to check if types and simulator are in sync
-tsc --noEmit --allowJs --lib es2016,dom your_js_file.js
-```
-
 ### Developing in Safari
 
 To use the devtool in safari you need to disable the local file restrictions
diff --git a/index.html b/index.html
index 594563e..d65cb4b 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
         <title>Hello</title>
         <meta charset="utf-8"/>
         <meta name="viewport" content="width=device-width"/>
+        <script src="https://cdn.jsdelivr.net/gh/webxdc/vite-plugins@latest/src/webxdc.js"></script>
         <script src="webxdc.js"></script>
         <style type="text/css">
             body {
diff --git a/webxdc.d.ts b/webxdc.d.ts
deleted file mode 100644
index fa7c2a2..0000000
--- a/webxdc.d.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-//@ts-check
-
-// This file originates from
-// https://github.com/webxdc/webxdc_docs/blob/master/webxdc.d.ts
-
-type SendingStatusUpdate<T> = {
-  /** the payload, deserialized json:
-   * any javascript primitive, array or object. */
-  payload: T;
-  /** optional, short, informational message that will be added to the chat,
-   * eg. "Alice voted" or "Bob scored 123 in MyGame";
-   * usually only one line of text is shown,
-   * use this option sparingly to not spam the chat. */
-  info?: string;
-  /** optional, if the Webxdc creates a document, you can set this to the name of the document;
-   * do not set if the Webxdc does not create a document */
-  document?: string;
-  /** optional, short text, shown beside the icon;
-   * it is recommended to use some aggregated value,
-   * eg. "8 votes", "Highscore: 123" */
-  summary?: string;
-};
-
-type ReceivedStatusUpdate<T> = {
-  /** the payload, deserialized json */
-  payload: T;
-  /** the serial number of this update. Serials are larger than 0 and newer serials have higher numbers */
-  serial: number;
-  /** the maximum serial currently known */
-  max_serial: number;
-  /** optional, short, informational message. */
-  info?: string;
-  /** optional, if the Webxdc creates a document, this is the name of the document;
-   * not set if the Webxdc does not create a document */
-  document?: string;
-  /** optional, short text, shown beside the webxdc's icon. */
-  summary?: string;
-};
-
-type XDCFile = {
-  /** name of the file, including extension */
-  name: string;
-} & (
-  | {
-      /** Blob, also accepts inherit types like File */
-      blob: Blob;
-    }
-  | {
-      /** base64 encoded file data */
-      base64: string;
-    }
-  | {
-      /** text for textfile, will be encoded as utf8 */
-      plainText: string;
-    }
-);
-
-type SendOptions =
-  | {
-      file: XDCFile;
-      text?: string;
-    }
-  | {
-      file?: XDCFile;
-      text: string;
-    };
-
-/**
- * A listener for realtime data.
- */
-export class RealtimeListener {
-  private listener: (data: Uint8Array) => void
-  private trashed: boolean
-
-  /* Whether the realtime channel was left */
-  is_trashed(): boolean
-  /* Receive data from the realtime channel */
-  receive(data: Uint8Array): void
-  /* Set a listener for the realtime channel */
-  setListener(listener: (data: Uint8Array) => void): void
-  /* Send data over the realtime channel */
-  send(data: Uint8Array): void
-  /* Leave the realtime channel */
-  leave(): void
-}
-
-interface Webxdc<T> {
-  /** Returns the peer's own address.
-   *  This is esp. useful if you want to differ between different peers - just send the address along with the payload,
-   *  and, if needed, compare the payload addresses against selfAddr() later on. */
-  selfAddr: string;
-  /** Returns the peer's own name. This is name chosen by the user in their settings, if there is nothing set, that defaults to the peer's address. */
-  selfName: string;
-  /**
-   * set a listener for new status updates.
-   * The "serial" specifies the last serial that you know about (defaults to 0).
-   * Note that own status updates, that you send with {@link sendUpdate}, also trigger this method
-   * @returns promise that resolves when the listener has processed all the update messages known at the time when `setUpdateListener` was called.
-   * */
-  setUpdateListener(
-    cb: (statusUpdate: ReceivedStatusUpdate<T>) => void,
-    serial?: number
-  ): Promise<void>;
-
-  /**
-   * Join a realtime channel.
-   */
-  joinRealtimeChannel(): RealtimeListener;
-
-  /**
-   * @deprecated See {@link setUpdateListener|`setUpdateListener()`}.
-   */
-  getAllUpdates(): Promise<ReceivedStatusUpdate<T>[]>;
-  /**
-   * Webxdc are usually shared in a chat and run independently on each peer. To get a shared status, the peers use sendUpdate() to send updates to each other.
-   * @param update status update to send
-   * @param description short, human-readable description what this update is about. this is shown eg. as a fallback text in an email program.
-   */
-  sendUpdate(update: SendingStatusUpdate<T>, description: string): void;
-  /**
-   * Send a message with file, text or both to a chat.
-   * Asks user to what Chat to send the message to.
-   * May exit the xdc, please save your app state before calling this function.
-   * @param message
-   * @returns promise that may not resolve (because the xdc closes) and is rejected on error.
-   */
-  sendToChat(message: SendOptions): Promise<void>;
-  /**
-   * Asks the user to choose files.
-   * This either opens a normal file picker (like `<input type=file>`) or an integrated Filepicker if the ui has implemented it.
-   * This custom file picker should show files that were recently send or received in chats,
-   * but also show a button to open the normal file picker.
-   */
-  importFiles(filter: {
-    /**
-     * Only show files with these extensions.
-     * All extensions need to start with a dot and have the format `.ext`. */
-    extensions?: string[];
-    /**
-     * Mime types as in https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers
-     * Specifying a mime type requires to list all typical extensions as well.
-     */
-    mimeTypes?: string[];
-    /** Whether to allow multiple files to be selected, false by default */
-    multiple?: boolean;
-  }): Promise<File[]>;
-}
-
-////////// ANCHOR: global
-declare global {
-  interface Window {
-    webxdc: Webxdc<any>;
-  }
-}
-////////// ANCHOR_END: global
-
-export { SendingStatusUpdate, ReceivedStatusUpdate, Webxdc, XDCFile };
-
-/* Types for the Simulator */
-declare global {
-  interface Window {
-    addXdcPeer: () => void;
-    clearXdcStorage: () => void;
-    alterXdcApp: () => void;
-  }
-}
diff --git a/webxdc.js b/webxdc.js
deleted file mode 100644
index 4c59f28..0000000
--- a/webxdc.js
+++ /dev/null
@@ -1,324 +0,0 @@
-// This file originates from
-// https://github.com/webxdc/hello/blob/master/webxdc.js
-// It's a stub `webxdc.js` that adds a webxdc API stub for easy testing in
-// browsers. In an actual webxdc environment (e.g. Delta Chat messenger) this
-// file is not used and will automatically be replaced with a real one.
-// See https://docs.webxdc.org/spec.html#webxdc-api
-let ephemeralUpdateKey = "__xdcEphemeralUpdateKey__";
-
-/**
- * @typedef {import('./webxdc.d.ts').RealtimeListener} RT
- * @type {RT}
- */
-class RealtimeListener {
-  constructor() {
-    this.listener = null;
-    this.trashed = false;
-  }
-
-  is_trashed() {
-    return this.trashed;
-  }
-
-  receive(data) {
-    if (this.trashed) {
-      throw new Error("realtime listener is trashed and can no longer be used");
-    }
-    if (this.listener) {
-      this.listener(data);
-    }
-  }
-
-  setListener(listener) {
-    this.listener = listener;
-  }
-
-  send(data) {
-    if (!data instanceof Uint8Array) {
-      throw new Error("realtime listener data must be a Uint8Array");
-    }
-    window.localStorage.setItem(
-      ephemeralUpdateKey,
-      JSON.stringify([window.webxdc.selfAddr, Array.from(data), Date.now()]) // Date.now() is needed to trigger the event
-    );
-  }
-
-  leave() {
-    this.trashed = true;
-  }
-}
-
-// debug friend: document.writeln(JSON.stringify(value));
-//@ts-check
-/** @type {import('./webxdc').Webxdc<any>} */
-window.webxdc = (() => {
-  var updateListener = (_) => {};
-  /**
-   * @type {RT | null}
-   */
-  var realtimeListener = null;
-  var updatesKey = "__xdcUpdatesKey__";
-  window.addEventListener("storage", (event) => {
-    if (event.key == null) {
-      window.location.reload();
-    } else if (event.key === updatesKey) {
-      var updates = JSON.parse(event.newValue);
-      var update = updates[updates.length - 1];
-      update.max_serial = updates.length;
-      console.log("[Webxdc] " + JSON.stringify(update));
-      updateListener(update);
-    } else if (event.key === ephemeralUpdateKey) {
-      var [sender, update] = JSON.parse(event.newValue);
-      if (window.webxdc.selfAddr !== sender && realtimeListener && !realtimeListener.is_trashed()) {
-        realtimeListener.receive( Uint8Array.from(update));
-      }
-    }
-  });
-
-  function getUpdates() {
-    var updatesJSON = window.localStorage.getItem(updatesKey);
-    return updatesJSON ? JSON.parse(updatesJSON) : [];
-  }
-
-  var params = new URLSearchParams(window.location.hash.substr(1));
-  return {
-    selfAddr: params.get("addr") || "device0@local.host",
-    selfName: params.get("name") || "device0",
-    setUpdateListener: (cb, serial = 0) => {
-      var updates = getUpdates();
-      var maxSerial = updates.length;
-      updates.forEach((update) => {
-        if (update.serial > serial) {
-          update.max_serial = maxSerial;
-          cb(update);
-        }
-      });
-      updateListener = cb;
-      return Promise.resolve();
-    },
-    joinRealtimeChannel: (cb) => {
-      if (realtimeListener && realtimeListener.is_trashed()) {
-        return;
-      }
-      rt = new RealtimeListener();
-      // mimic connection establishment time
-      setTimeout(() => realtimeListener = rt, 500);
-      return rt;
-    },
-    getAllUpdates: () => {
-      console.log("[Webxdc] WARNING: getAllUpdates() is deprecated.");
-      return Promise.resolve([]);
-    },
-    sendUpdate: (update) => {
-      var updates = getUpdates();
-      var serial = updates.length + 1;
-      var _update = {
-        payload: update.payload,
-        summary: update.summary,
-        info: update.info,
-        document: update.document,
-        serial: serial,
-      };
-      updates.push(_update);
-      window.localStorage.setItem(updatesKey, JSON.stringify(updates));
-      _update.max_serial = serial;
-      console.log(
-        '[Webxdc] ' + JSON.stringify(_update)
-      );
-      updateListener(_update);
-    },
-    sendToChat: async (content) => {
-      if (!content.file && !content.text) {
-        alert("🚨 Error: either file or text need to be set. (or both)");
-        return Promise.reject(
-          "Error from sendToChat: either file or text need to be set"
-        );
-      }
-
-      /** @type {(file: Blob) => Promise<string>} */
-      const blob_to_base64 = (file) => {
-        const data_start = ";base64,";
-        return new Promise((resolve, reject) => {
-          const reader = new FileReader();
-          reader.readAsDataURL(file);
-          reader.onload = () => {
-            /** @type {string} */
-            //@ts-ignore
-            let data = reader.result;
-            resolve(data.slice(data.indexOf(data_start) + data_start.length));
-          };
-          reader.onerror = () => reject(reader.error);
-        });
-      };
-
-      let base64Content;
-      if (content.file) {
-        if (!content.file.name) {
-          return Promise.reject("file name is missing");
-        }
-        if (
-          Object.keys(content.file).filter((key) =>
-            ["blob", "base64", "plainText"].includes(key)
-          ).length > 1
-        ) {
-          return Promise.reject(
-            "you can only set one of `blob`, `base64` or `plainText`, not multiple ones"
-          );
-        }
-
-        // @ts-ignore - needed because typescript imagines that blob would not exist
-        if (content.file.blob instanceof Blob) {
-          // @ts-ignore - needed because typescript imagines that blob would not exist
-          base64Content = await blob_to_base64(content.file.blob);
-          // @ts-ignore - needed because typescript imagines that base64 would not exist
-        } else if (typeof content.file.base64 === "string") {
-          // @ts-ignore - needed because typescript imagines that base64 would not exist
-          base64Content = content.file.base64;
-          // @ts-ignore - needed because typescript imagines that plainText would not exist
-        } else if (typeof content.file.plainText === "string") {
-          base64Content = await blob_to_base64(
-            // @ts-ignore - needed because typescript imagines that plainText would not exist
-            new Blob([content.file.plainText])
-          );
-        } else {
-          return Promise.reject(
-            "data is not set or wrong format, set one of `blob`, `base64` or `plainText`, see webxdc documentation for sendToChat"
-          );
-        }
-      }
-      const msg = `The app would now close and the user would select a chat to send this message:\nText: ${
-        content.text ? `"${content.text}"` : "No Text"
-      }\nFile: ${
-        content.file
-          ? `${content.file.name} - ${base64Content.length} bytes`
-          : "No File"
-      }`;
-      if (content.file) {
-        const confirmed = confirm(
-          msg + "\n\nDownload the file in the browser instead?"
-        );
-        if (confirmed) {
-          var element = document.createElement("a");
-          element.setAttribute(
-            "href",
-            "data:application/octet-stream;base64," + base64Content
-          );
-          element.setAttribute("download", content.file.name);
-          document.body.appendChild(element);
-          element.click();
-          document.body.removeChild(element);
-        }
-      } else {
-        alert(msg);
-      }
-    },
-    importFiles: (filters) => {
-      var element = document.createElement("input");
-      element.type = "file";
-      element.accept = [
-        ...(filters.extensions || []),
-        ...(filters.mimeTypes || []),
-      ].join(",");
-      element.multiple = filters.multiple || false;
-      const promise = new Promise((resolve, _reject) => {
-        element.onchange = (_ev) => {
-          console.log("element.files", element.files);
-          const files = Array.from(element.files || []);
-          document.body.removeChild(element);
-          resolve(files);
-        };
-      });
-      element.style.display = "none";
-      document.body.appendChild(element);
-      element.click();
-      console.log(element);
-      return promise;
-    },
-  };
-})();
-
-window.addXdcPeer = () => {
-  var loc = window.location;
-  // get next peer ID
-  var params = new URLSearchParams(loc.hash.substr(1));
-  var peerId = Number(params.get("next_peer")) || 1;
-
-  // open a new window
-  var peerName = "device" + peerId;
-  var url =
-    loc.protocol +
-    "//" +
-    loc.host +
-    loc.pathname +
-    "#name=" +
-    peerName +
-    "&addr=" +
-    peerName +
-    "@local.host";
-  window.open(url);
-
-  // update next peer ID
-  params.set("next_peer", String(peerId + 1));
-  window.location.hash = "#" + params.toString();
-};
-
-window.clearXdcStorage = () => {
-  window.localStorage.clear();
-  window.location.reload();
-};
-
-window.alterXdcApp = () => {
-  var styleControlPanel =
-    "position: fixed; bottom:1em; left:1em; background-color: #000; opacity:0.8; padding:.5em; font-size:16px; font-family: sans-serif; color:#fff; z-index: 9999";
-  var styleMenuLink =
-    "color:#fff; text-decoration: none; vertical-align: middle";
-  var styleAppIcon =
-    "height: 1.5em; width: 1.5em; margin-right: 0.5em; border-radius:10%; vertical-align: middle";
-  var title = document.getElementsByTagName("title")[0];
-  if (typeof title == "undefined") {
-    title = document.createElement("title");
-    document.getElementsByTagName("head")[0].append(title);
-  }
-  title.innerText = window.webxdc.selfAddr;
-
-  if (window.webxdc.selfName === "device0") {
-    var root = document.createElement("section");
-    root.innerHTML =
-      '<div id="webxdc-panel" style="' +
-      styleControlPanel +
-      '">' +
-      '<header style="margin-bottom: 0.5em; font-size:12px;">webxdc dev tools</header>' +
-      '<a href="javascript:window.addXdcPeer();" style="' +
-      styleMenuLink +
-      '">Add Peer</a>' +
-      '<span style="' +
-      styleMenuLink +
-      '"> | </span>' +
-      '<a id="webxdc-panel-clear" href="javascript:window.clearXdcStorage();" style="' +
-      styleMenuLink +
-      '">Reset</a>' +
-      "<div>";
-    var controlPanel = root.firstChild;
-
-    function loadIcon(name) {
-      var tester = new Image();
-      tester.onload = () => {
-        root.innerHTML =
-          '<img src="' + name + '" style="' + styleAppIcon + '">';
-        controlPanel.insertBefore(root.firstChild, controlPanel.childNodes[1]);
-
-        var pageIcon = document.createElement("link");
-        pageIcon.rel = "icon";
-        pageIcon.href = name;
-        document.head.append(pageIcon);
-      };
-      tester.src = name;
-    }
-    loadIcon("icon.png");
-    loadIcon("icon.jpg");
-
-    document.getElementsByTagName("body")[0].append(controlPanel);
-  }
-};
-
-window.addEventListener("load", window.alterXdcApp);