CDN Todo App

The CDN example is a single HTML file that uses ctrodb from a script tag.

Running it

npx serve examples/cdn
# Open http://localhost:3000

What it shows

• Loading ctrodb from CDN via <script> tag
• Creating a database with schema
• Adding, toggling, and deleting todos
• Reactive UI updates via db.on()

Key code

<script src="https://unpkg.com/ctrodb@1.0.1/dist/index.global.js"></script>
<script>
  const { Database } = CtroDB

  const db = new Database({
    schema: {
      version: 1,
      collections: {
        todos: {
          fields: {
            title: { type: "string", required: true },
            done: { type: "boolean", default: false },
          },
        },
      },
    },
  })

  await db.connect()

  // Subscribe to changes
  db.on((event) => {
    if (event.collection === "todos") render()
  })
</script>