Xtreme Courses — React Course Builder source
=============================================

This directory contains the human-readable TypeScript source for the React
course builder bundle that is loaded by the plugin at:

    assets/dist/assets/course-builder.js
    assets/dist/assets/course-builder.css

The bundle is produced by running `npm install && npm run build` against the
`package.json` here. The source files are shipped alongside the compiled
bundle so that the WordPress.org Plugin Review team can audit every line of
code that runs in the browser. None of the files in this directory are
loaded by the plugin at runtime — only the compiled artifacts in
`assets/dist/` are.

Source layout
-------------

    builder/src/
        main.tsx                  Entry point. Mounts the React app into
                                  the metabox container.
        App.tsx                   Top-level app component.
        api/                      REST client for the /xtreme-courses/v1/
                                  namespace.
        components/               Builder UI components:
            Palette/              Left-hand palette of lesson types.
            Canvas/               Center drag-and-drop canvas
                                  (sections + lessons).
            PropertiesPanel/      Right-hand properties panel.
            Toolbar.tsx           Top toolbar (save, preview, etc.).
        hooks/                    React hooks (course state, autosave).
        types/                    TypeScript type definitions.
        styles/                   Tailwind/source CSS.

Build dependencies
------------------

* React 18, @dnd-kit (drag-and-drop), Vite (bundler), TypeScript.
* Dev dependencies are listed in package.json under `devDependencies` and
  are not bundled into the final artifact.

License
-------

GPL-2.0-or-later (same as the rest of the plugin).
