Add stock base dialog prototype

prototypes/stock-base-dialog/CHANGELOG.md

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

prototypes/stock-base-dialog/README.md

@@ -0,0 +1,20 @@
+# Stock Base Dialog
+
+A stock base prototype that confirms a Roam extension can load a dialog screen.
+
+## Status
+
+Internal prototype for evaluation by Discourse Graphs.
+
+## Features
+
+- Opens a stock confirmation dialog as soon as the extension loads.
+- Closes and cleans up the dialog when the extension unloads.
+
+## Install
+
+Load this developer-extension URL in Roam:
+
+```text
+https://discoursegraphs.com/releases/prototypes/stock-base-dialog/
+```

prototypes/stock-base-dialog/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "stock-base-dialog",
+  "version": "0.0.0",
+  "private": true,
+  "description": "A stock base prototype that confirms a Roam extension can load a dialog screen.",
+  "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/stock-base-dialog/src/index.ts

@@ -0,0 +1,23 @@
+import { render as renderAlert } from "roamjs-components/components/SimpleAlert";
+import { runExtension } from "roamjs-components/util";
+import "./styles.css";
+
+export default runExtension(async () => {
+  let closeDialog: (() => void) | undefined;
+
+  closeDialog = await renderAlert({
+    content: "**Stock Base Dialog is working.**\n\nThe extension loaded successfully.",
+    confirmText: "Close",
+    onConfirm: () => {
+      closeDialog = undefined;
+    },
+  });
+
+  return {
+    unload: () => {
+      const close = closeDialog;
+      closeDialog = undefined;
+      close?.();
+    },
+  };
+});

prototypes/stock-base-dialog/src/styles.css

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

prototypes/stock-base-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/stock-base-dialog/tsconfig.json

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

prototypes/stock-base-dialog/vitest.config.ts

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