move into qsharp package

build.py

@@ -117,7 +117,6 @@
 wasm_bld = os.path.join(root_dir, "target", "wasm32", build_type)
 samples_src = os.path.join(root_dir, "samples")
 npm_src = os.path.join(root_dir, "npm", "qsharp")
-circuit_vis_src = os.path.join(root_dir, "circuit_vis")
 play_src = os.path.join(root_dir, "playground")
 pip_src = os.path.join(root_dir, "pip")
 widgets_src = os.path.join(root_dir, "widgets")
@@ -399,16 +398,6 @@ def run_ci_historic_benchmark():
     )
     step_end()
 
-if build_npm:
-    step_start("Building the circuit_vis package")
-
-    npm_args = [npm_cmd, "install"]
-    subprocess.run(npm_args, check=True, text=True, cwd=circuit_vis_src)
-
-    npm_args = [npm_cmd, "run", "build:prod"]
-    subprocess.run(npm_args, check=True, text=True, cwd=circuit_vis_src)
-    step_end()
-
 if build_npm:
     step_start("Building the npm package")
     # Copy the wasm build files over for web and node targets

compiler/qsc_circuit/src/circuit.rs

@@ -9,7 +9,7 @@ use serde::Serialize;
 use std::{fmt::Display, fmt::Write, ops::Not, vec};
 
 /// Representation of a quantum circuit.
-/// Implementation of <https://github.com/microsoft/quantum-viz.js/wiki/API-schema-reference>
+/// Implementation of `Circuit` type at npm/qsharp/shared/circuit.ts
 #[derive(Clone, Serialize, Default, Debug, PartialEq)]
 pub struct Circuit {
     pub operations: Vec<Operation>,

npm/qsharp/src/browser.ts

@@ -191,3 +191,5 @@ export type {
 };
 
 export * as utils from "./utils.js";
+
+export type { Circuit as CircuitData } from "./shared/circuit.js";

npm/qsharp/src/compiler/compiler.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import { type Circuit as CircuitData } from "@microsoft/quantum-viz.js/lib/circuit.js";
+import { type Circuit as CircuitData } from "../shared/circuit.js";
 import {
   IDocFile,
   IOperationInfo,

npm/qsharp/src/debug-service/debug-service.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import { type Circuit as CircuitData } from "@microsoft/quantum-viz.js/lib/circuit.js";
+import { type Circuit as CircuitData } from "../shared/circuit.js";
 import type {
   DebugService,
   IBreakpointSpan,

npm/qsharp/src/shared/README.md

@@ -0,0 +1 @@
+This directory contains shared modules to be referenced from both `src/` and `ux/`.

circuit_vis/src/circuit.ts → npm/qsharp/src/shared/circuit.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 
-import { Register } from "./register";
+import { Register } from "./register.js";
 
 /**
  * Circuit to be visualized.

npm/qsharp/ux/circuit-vis/README.md

@@ -0,0 +1 @@
+The code in this folder was copied and adapted from `https://github.com/microsoft/quantum-viz.js`.

npm/qsharp/ux/circuit-vis/circuit.ts

@@ -0,0 +1,7 @@
+export {
+  ConditionalRender,
+  type Circuit,
+  type DataAttributes,
+  type Operation,
+  type Qubit,
+} from "../../src/shared/circuit";

npm/qsharp/ux/circuit-vis/register.ts

@@ -0,0 +1,6 @@
+export {
+  RegisterType,
+  type Register,
+  type RegisterMap,
+  type RegisterMetadata,
+} from "../../src/shared/register";

npm/qsharp/ux/circuit.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import * as qviz from "@microsoft/quantum-viz.js/lib";
+import * as qviz from "./circuit-vis";
 import { useEffect, useRef, useState } from "preact/hooks";
 import { CircuitProps } from "./data.js";
 import { Spinner } from "./spinner.js";
@@ -131,7 +131,7 @@ function ZoomableCircuit(props: { circuit: qviz.Circuit }) {
   function renderCircuit(circuit: qviz.Circuit, container: HTMLDivElement) {
     qviz.draw(circuit, container);
 
-    // quantum-viz hardcodes the styles in the SVG.
+    // circuit-vis hardcodes the styles in the SVG.
     // Remove the style elements -- we'll define the styles in our own CSS.
     const styleElements = container.querySelectorAll("style");
     styleElements?.forEach((tag) => tag.remove());

npm/qsharp/ux/data.ts

@@ -75,4 +75,4 @@ export type CircuitProps = {
   calculating: boolean;
 };
 
-export type CircuitData = import("@microsoft/quantum-viz.js/lib").Circuit;
+export type CircuitData = import("../src/shared/circuit").Circuit;

package.json

@@ -3,8 +3,7 @@
   "workspaces": [
     "./npm/qsharp",
     "./playground",
-    "./vscode",
-    "./circuit_vis"
+    "./vscode"
   ],
   "license": "MIT",
   "engines": {

vscode/src/circuit.ts

@@ -1,7 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 
-import { type Circuit as CircuitData } from "@microsoft/quantum-viz.js/lib";
+import type { CircuitData } from "qsharp-lang";
 import { escapeHtml } from "markdown-it/lib/common/utils.mjs";
 import {
   ICompilerWorker,