Go to file
2022-01-28 21:11:05 +01:00
.github/workflows also update the comand in the ci 2022-01-28 16:30:04 +01:00
.gitignore create a script to create a .xdc 2022-01-01 20:45:59 +01:00
create-xdc.sh add typescript definitions 2022-01-28 16:30:01 +01:00
index.html adapt to new async api and real properties 2022-01-28 21:11:05 +01:00
README.md update typescript check command 2022-01-28 16:30:04 +01:00
webxdc.d.ts update typescript definitions to new api 2022-01-28 21:11:05 +01:00
webxdc.js adapt to new async api and real properties 2022-01-28 21:11:05 +01:00

Webxdc Development Tool

this is a little tool to make development of webxdc apps easier.

for developing webxdc apps, just copy the webxdc.js from this repo beside your index.html and you are ready to go.

no server or installation required.

  • include your webxdc.js to your index.html as usual
  • open your index.html from your local disk in your browser, (tested with Firefox and Chrome, for Safari, enable "Develop / Disable Local File Restrictions")
  • the emulation layer will add an "add peer" button, open as many peers as you like
  • once you call sendUpdate() in on peer, all peers will get the update with their update listeners.

when your app is done, you can bundle it using ./create-xdc.sh your-app-name and send it to your friends :)

note, that the api is not yet complete, this is just a, maybe already useful, proof-of-concept for now.

use type-checking and completion

If you are using vscode you can have autocompletion and type-checking even without using typescript.

just add these two lines to your javascript source files:

//@ts-check
/** @typedef {import('./webxdc').WEBxDC} WEBxDC */

Without vscode you need to install typescript and then run the check manually.

npm -g typescript
tsc --noEmit --allowJs --lib es2015,dom webxdc.js # to check if types and simulator are in sync
tsc --noEmit --allowJs --lib es2015,dom your_js_file.js