Sample project with a simple implementation of the webxdc read and write APIs.
index.html
in your web browserSimply 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.
Bundle your app using ./create-xdc.sh your-app-name
and send it to your friends 🙂
Due to the nature of most browsers and how they scope localStorage
,
each emulated peer will get the same localStorage
.
To really test the storage usage of your Webxdc,
bundle the app and test it in Delta Chat directly
where all peers get their own localStorage
.
Alternatively, use the more advanced webxdc-dev tool.
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:
//@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 es2016,dom webxdc.js # to check if types and simulator are in sync
tsc --noEmit --allowJs --lib es2016,dom your_js_file.js
To use the devtool in safari you need to disable the local file restrictions
under Develop
-> Disable Local File Restrictions
.
After doing this you can use the dev tool simulator.
Make sure to reload (Cmd + R
) all simulator tabs/windows to apply this setting.
Without this option Add Peer
seems to work (it opens a new instance), but the instances will not be able to communicate.
git clone
the devtool repo or your fork of itpython -m http.server
to serve it for development using nano/vim./create-xdc.sh
for bundling.xdc
file to a location from where you can access and send it via Delta Chat