Travel

Building travels and blocks , presentation like a doc, travel is written by react+ lit + yjs + vite + tailwind.css

Painted by excaildraw

Development

Setting up basic local environment:

# install dependencies
pnpm i

# start vite playground
pnpm dev

To test locally, please make sure browser binaries are already installed via npx playwright install and Vite playground is started with pnpm dev. Then there are multi commands to choose from:

# run tests in headless mode in in another terminal window
pnpm test

# or run tests in headed mode for debugging
pnpm test:headed

In headed mode, await page.pause() can be used in test cases to suspend the test runner.

Useful Links

We would also like to give thanks to open-source projects that make Travel possible:

• AFFiNE -- a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use
• BlockSuite -- BlockSuite is a collaborative editing framework designed to reliably reconcile any Web content.
• tailwindcss -- A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup
• daisyui - The most popular, free and open-source
• yjs & Yrs -- Fundamental support of CRDTs for our implementation on state management and data sync. Tailwind CSS component library
• React -- View layer support and web GUI framework.
• Lit -- Simple. Fast. Web Components..
• quilljs - powerful rich text editor.
• vite -- Next Generation Frontend Tooling.
• playwright - enables reliable end-to-end testing for modern web apps.
• icons - use heroicons
• Other dependencies

License

Apache 2.0