${context.myData}
`;\n return div;\n }\n}\n\n// Open the application\nconst app = new MyApplication();\nawait app.render({ force: true });\n```\n\n### HandlebarsApplication - Template-Based UI\n\nCreate applications using Handlebars templates:\n\n```typescript\nclass MyHandlebarsApp extends foundry.applications.api.HandlebarsApplicationMixin(\n foundry.applications.api.ApplicationV2\n) {\n static DEFAULT_OPTIONS = {\n id: \"my-handlebars-app\",\n tag: \"form\",\n window: {\n title: \"My Handlebars App\",\n icon: \"fa-solid fa-users\"\n }\n };\n\n static PARTS = {\n header: {\n template: \"modules/my-module/templates/header.hbs\"\n },\n content: {\n template: \"modules/my-module/templates/content.hbs\",\n scrollable: [\"\"]\n },\n footer: {\n template: \"modules/my-module/templates/footer.hbs\"\n }\n };\n\n async _prepareContext(options) {\n const context = await super._prepareContext(options);\n context.title = \"My Application\";\n context.items = game.items.contents;\n return context;\n }\n\n async _preparePartContext(partId, context, options) {\n const partContext = await super._preparePartContext(partId, context, options);\n \n if (partId === \"content\") {\n partContext.filteredItems = context.items.filter(i => i.type === \"weapon\");\n }\n \n return partContext;\n }\n}\n```\n\n### DialogV2 - Modern Dialogs\n\nCreate dialogs easily:\n\n```typescript\n// Confirmation dialog\nconst proceed = await foundry.applications.api.DialogV2.confirm({\n window: { title: \"Confirm Action\" },\n content: \"Are you sure you want to proceed?
\",\n rejectClose: false,\n modal: true\n});\n\nif (proceed) {\n console.log(\"User confirmed\");\n}\n\n// Prompt dialog\nconst result = await foundry.applications.api.DialogV2.prompt({\n window: { title: \"Enter Your Name\" },\n content: '',\n ok: {\n label: \"Submit\",\n icon: \"fa-solid fa-check\",\n callback: (event, button, dialog) => {\n return button.form.elements.username.value;\n }\n },\n rejectClose: true\n});\n\nconsole.log(\"User entered:\", result);\n```\n\n### DocumentSheetV2 - Document Sheets\n\nCreate custom document sheets:\n\n```typescript\nclass MyActorSheet extends foundry.applications.api.HandlebarsApplicationMixin(\n foundry.applications.api.DocumentSheetV2\n) {\n static DEFAULT_OPTIONS = {\n classes: [\"my-system\", \"actor-sheet\"],\n position: {\n width: 720,\n height: 800\n },\n window: {\n title: \"Actor Sheet\",\n icon: \"fa-solid fa-user\"\n }\n };\n\n static PARTS = {\n header: {\n template: \"systems/my-system/templates/actor-sheet-header.hbs\"\n },\n tabs: {\n template: \"systems/my-system/templates/actor-sheet-tabs.hbs\"\n },\n biography: {\n template: \"systems/my-system/templates/actor-sheet-biography.hbs\",\n scrollable: [\"\"]\n }\n };\n\n async _prepareContext(options) {\n const context = await super._prepareContext(options);\n context.actor = this.document;\n context.system = this.document.system;\n context.items = this.document.items.contents;\n return context;\n }\n}\n\n// Register the sheet\nDocumentSheetConfig.registerSheet(Actor, \"my-system\", MyActorSheet, {\n types: [\"character\", \"npc\"],\n makeDefault: true,\n label: \"My Actor Sheet\"\n});\n```\n\n### Documents\n\nAll document types are available:\n\n```typescript\n// Create an actor\nconst actor = await Actor.create({\n name: \"Test Actor\",\n type: \"character\",\n img: \"path/to/image.png\"\n});\n\n// Update the actor\nawait actor.update({\n \"system.health.value\": 100\n});\n\n// Create an item\nconst item = await Item.create({\n name: \"Magic Sword\",\n type: \"weapon\",\n system: {\n damage: \"1d8+3\"\n }\n});\n\n// Add item to actor\nawait actor.createEmbeddedDocuments(\"Item\", [item.toObject()]);\n\n// Chat message\nawait ChatMessage.create({\n content: \"Hello world!\",\n speaker: ChatMessage.getSpeaker({ actor })\n});\n```\n\n### Hooks\n\nAll major hooks are available:\n\n```typescript\n// Initialization hooks\nHooks.once('init', () => {\n console.log('Initializing...');\n});\n\nHooks.once('setup', () => {\n console.log('Setup complete...');\n});\n\nHooks.once('ready', () => {\n console.log('Ready!');\n});\n\n// Document hooks\nHooks.on('createActor', (actor, options, userId) => {\n console.log('Actor created:', actor.name);\n});\n\nHooks.on('updateActor', (actor, changes, options, userId) => {\n console.log('Actor updated:', actor.name, changes);\n});\n\nHooks.on('deleteActor', (actor, options, userId) => {\n console.log('Actor deleted:', actor.name);\n});\n\n// Render hooks\nHooks.on('renderActorSheet', (app, html, data) => {\n console.log('Actor sheet rendered');\n});\n\n// Canvas hooks\nHooks.on('canvasReady', (canvas) => {\n console.log('Canvas ready');\n});\n```\n\n### Collections\n\nWork with document collections:\n\n```typescript\n// Get all actors\nconst actors: Collection