Add loaded dialog prototype

prototypes/loaded-dialog/CHANGELOG.md

@@ -0,0 +1,5 @@
+# Changelog
+
+## 0.0.0 - 2026-08-17
+
+- Created the Loaded Dialog prototype scaffold.

prototypes/loaded-dialog/README.md

@@ -0,0 +1,20 @@
+# Loaded Dialog
+
+Shows a dialog confirming that the extension has loaded.
+
+## Status
+
+Internal prototype for evaluation by Discourse Graphs.
+
+## Features
+
+- Opens a Blueprint alert when the extension loads.
+- Confirms that the extension loaded successfully with a single **Got it** action.
+
+## Install
+
+Load this developer-extension URL in Roam:
+
+```text
+https://discoursegraphs.com/releases/prototypes/loaded-dialog/
+```

prototypes/loaded-dialog/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "loaded-dialog",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Shows a dialog confirming that the extension has loaded.",
+  "type": "module",
+  "scripts": {
+    "start": "roam-prototype dev",
+    "build": "roam-prototype build",
+    "test": "vitest run --passWithNoTests"
+  },
+  "dependencies": {
+    "roamjs-components": "catalog:",
+    "use-sync-external-store": "catalog:"
+  },
+  "devDependencies": {
+    "@discoursegraphs/extension-base": "workspace:*",
+    "jsdom": "catalog:",
+    "vitest": "catalog:"
+  }
+}

prototypes/loaded-dialog/src/index.ts

@@ -0,0 +1,10 @@
+import { render as renderAlert } from "roamjs-components/components/SimpleAlert";
+import { runExtension } from "roamjs-components/util";
+import "./styles.css";
+
+export default runExtension(async () => {
+  await renderAlert({
+    content: "Loaded Dialog has loaded successfully.",
+    confirmText: "Got it",
+  });
+});

prototypes/loaded-dialog/src/styles.css

@@ -0,0 +1,3 @@
+.dg-prototype-loaded-dialog {
+  --dg-prototype-name: "loaded-dialog";
+}

prototypes/loaded-dialog/tailwind.config.cjs

@@ -0,0 +1,6 @@
+const base = require("../../packages/extension-base/tailwind.config.cjs");
+
+module.exports = {
+  ...base,
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+};

prototypes/loaded-dialog/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../packages/extension-base/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "~/*": [
+        "./src/*"
+      ]
+    }
+  },
+  "include": [
+    "src",
+    "tests",
+    "vitest.config.ts"
+  ]
+}

prototypes/loaded-dialog/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    environment: "jsdom",
+    restoreMocks: true,
+  },
+});