Project Structure
The directory structure of a widget project generated by the scaffolder is as follows (the vue-ts template additionally includes vite.config.ts and three .vue files):
Manifest Configuration
patab.manifest.json is the widget's single manifest file, governed by a JSON Schema (Draft 2020-12, $id//patab.nanhaiblog.top/schemas/widget-manifest-v1.json). The scaffolder places a copy of the Schema at schema/patab.manifest.schema.json for editor completion. At runtime you can also obtain it from the @patab/widget-sdk/schema subpath export (PATABWIDGETMANIFESTV1SCHEMA), or validate programmatically with validatePatabWidgetManifestV1.
Runtime and Lifecycle
Startup and Handshake
Capabilities: Storage, Todos, Network, and Host UI
This page gives an overview of the host capabilities a component can call and their boundaries. For full signatures, see WidgetApi methods; all limits are also listed in the Security Model.
Theming and Localization
Theme Token Injection
Local Debugging and Testing
Real PaTab Development Host (patab-widget dev)