Checklist

Fork of webxdc/checklist which is a collaborative checklist with Automerge demonstrating CRUD (create, read, update, delete) operations. This fork adds small improvements to the interface:

• Light and dark theme support
• Input boxes take up the width of the viewport
• Long titles don't break the UI anymore
• Add horizontal lines between the items to add visual separation
• "Save" button is removed while editing the title. Pressing return or unfocusing will automatically save it.
• "Delete" button is removed as well to give more space to the input box and to make it harder to make destructive edits. Completed items can still be deleted through the menu and items can be deleted when the field is cleared.
• UI won't refresh while you're in the middle of editing an item

Each participant can modify the list and conflicts are hopefully resolved via Automerge.

For CRUD operations without Automerge, see Corkboard.

Developing

Installing Dependencies

After cloning this repo, install dependencies:

npm install

Testing the app in the browser

To test your work in your browser (with hot reloading!) while developing:

npm run dev-mini
# Alternatively to test in a more advanced WebXDC emulator:
npm run dev

Building

To package the WebXDC file:

npm run build

To package the WebXDC with developer tools inside to debug in Delta Chat, set the NODE_ENV environment variable to "debug":

NODE_ENV=debug npm run build

The resulting optimized .xdc file is saved in dist-xdc/ folder.

Releasing

1. Follow Building
2. Go to https://codeberg.org/jagtalon/checklist/releases/new
3. Upload the .xdc file from dist-xdc/. Make sure that the name of the file is the same as in the previous releases.
4. Fill and submit the form.