Add debug tools

eslint.config.js

@@ -18,6 +18,7 @@ export default tsEslint.config(
       "packages/babel-plugin-alloy/**/*",
       "packages/babel-preset-alloy/**/*",
       "packages/docs/**/*",
+      "packages/debug-ui/mock-server.js",
       "samples/**/*", // for some reason eslint is unhappy with some files in here
       "**/scripts/**/*",
       "**/cmd/**/*",

package.json

@@ -35,6 +35,9 @@
   "pnpm": {
     "patchedDependencies": {
       "@microsoft/tsdoc@0.15.1": "patches/@microsoft__tsdoc@0.15.1.patch"
+    },
+    "overrides": {
+      "@vue/reactivity": "3.5.16"
     }
   }
 }

packages/core/package.json

@@ -25,6 +25,10 @@
     "./components": {
       "development": "./src/components/index.ts",
       "import": "./dist/src/components/index.js"
+    },
+    "./symbols": {
+      "development": "./src/symbols/index.ts",
+      "import": "./dist/src/symbols/index.js"
     }
   },
   "browser": {
@@ -45,16 +49,18 @@
   "license": "MIT",
   "dependencies": {
     "@vue/reactivity": "catalog:",
-    "picocolors": "catalog:",
     "cli-table3": "catalog:",
     "pathe": "catalog:",
-    "prettier": "catalog:"
+    "picocolors": "catalog:",
+    "prettier": "catalog:",
+    "ws": "^8.18.2"
   },
   "devDependencies": {
     "@alloy-js/cli": "workspace:~",
     "@alloy-js/rollup-plugin": "workspace:~",
     "@microsoft/api-extractor": "catalog:",
     "@rollup/plugin-typescript": "catalog:",
+    "@types/ws": "^8.18.1",
     "concurrently": "catalog:",
     "typescript": "catalog:",
     "vite": "catalog:",

packages/core/src/components/Declaration.tsx

@@ -2,9 +2,9 @@ import { useContext } from "../context.js";
 import { BinderContext } from "../context/binder.js";
 import { DeclarationContext } from "../context/declaration.js";
 import { onCleanup } from "../reactivity.js";
-import { Refkey } from "../refkey.js";
 import type { Children } from "../runtime/component.js";
 import { OutputSymbol } from "../symbols/output-symbol.js";
+import { Refkey } from "../symbols/refkey.js";
 
 /**
  * Create a declaration by providing an already created symbol. The symbol is

packages/core/src/components/MemberDeclaration.tsx

@@ -1,10 +1,10 @@
 import { useContext } from "../context.js";
 import { BinderContext } from "../context/binder.js";
 import { MemberDeclarationContext } from "../context/member-declaration.js";
-import type { Refkey } from "../refkey.js";
 import type { Children } from "../runtime/component.js";
 import { OutputSymbolFlags } from "../symbols/flags.js";
 import { OutputSymbol } from "../symbols/output-symbol.js";
+import type { Refkey } from "../symbols/refkey.js";
 
 /**
  * Create a member declaration by providing a symbol name and optional symbol

packages/core/src/components/Output.tsx

@@ -1,15 +1,15 @@
-import {
-  createOutputBinder,
-  getSymbolCreator,
-  SymbolCreator,
-} from "../binder.js";
 import { BinderContext } from "../context/binder.js";
 import { NamePolicyContext } from "../context/name-policy.js";
 import { NamePolicy } from "../name-policy.js";
 import { getContext } from "../reactivity.js";
 import { PrintTreeOptions } from "../render.js";
 import type { Children } from "../runtime/component.js";
 import { extensionEffects } from "../slot.js";
+import {
+  createOutputBinder,
+  getSymbolCreator,
+  SymbolCreator,
+} from "../symbols/binder.js";
 import { SourceDirectory } from "./SourceDirectory.js";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars

packages/core/src/components/ReferenceOrContent.tsx

@@ -1,8 +1,8 @@
 import { computed } from "@vue/reactivity";
 import { useContext } from "../context.js";
 import { BinderContext } from "../context/binder.js";
-import type { Refkey } from "../refkey.js";
 import type { Children } from "../runtime/component.js";
+import type { Refkey } from "../symbols/refkey.js";
 
 export interface ReferenceOrContentProps {
   readonly refkey: Refkey;

packages/core/src/components/SourceFile.tsx

@@ -3,9 +3,9 @@ import { useContext } from "../context.js";
 import { SourceDirectoryContext } from "../context/source-directory.js";
 import { SourceFileContext } from "../context/source-file.js";
 import { getContext } from "../reactivity.js";
-import { Refkey } from "../refkey.js";
 import { PrintTreeOptions } from "../render.js";
 import type { Children, ComponentDefinition } from "../runtime/component.js";
+import { Refkey } from "../symbols/refkey.js";
 import { Show } from "./Show.jsx";
 
 export interface SourceFileProps extends PrintTreeOptions {

packages/core/src/context/binder.ts

@@ -1,9 +1,9 @@
-import type { Binder } from "../binder.js";
 import {
   type ComponentContext,
   createNamedContext,
   useContext,
 } from "../context.js";
+import type { Binder } from "../symbols/binder.js";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type { Output } from "../components/Output.js";
 

packages/core/src/context/source-file.ts

@@ -1,6 +1,6 @@
 import { ComponentContext, createNamedContext } from "../context.js";
-import type { Refkey } from "../refkey.js";
 import { ComponentDefinition } from "../runtime/component.js";
+import type { Refkey } from "../symbols/refkey.js";
 
 export interface SourceFileContext {
   path: string;