@typespec/html-program-viewer 0.68.0-dev.1 → 0.68.0-dev.2

package/dist/emitter/index.js

@@ -353,7 +353,7 @@ function getDebugClassNames(lookupItem, parentLookupItem, parentDebugClassNames,
   });
 }
 
-function getDebugTree(debugSequenceHash, parentNode) {
+function getAtomicDebugSequenceTree(debugSequenceHash, parentNode) {
   const lookupItem = DEFINITION_LOOKUP_TABLE[debugSequenceHash];
   if (lookupItem === undefined) {
     return undefined;
@@ -369,7 +369,7 @@ function getDebugTree(debugSequenceHash, parentNode) {
   const childrenSequences = debugData.getChildrenSequences(node.sequenceHash);
   childrenSequences.reverse() // first process the overriding children that are merged last
   .forEach(sequence => {
-    const child = getDebugTree(sequence, node);
+    const child = getAtomicDebugSequenceTree(sequence, node);
     if (child) {
       node.children.push(child);
     }
@@ -394,6 +394,53 @@ function getDebugTree(debugSequenceHash, parentNode) {
   return node;
 }
 
+function getResetDebugSequence(debugSequenceHash) {
+  const resetClass = DEBUG_RESET_CLASSES[debugSequenceHash];
+  if (resetClass === undefined) {
+    return undefined;
+  }
+  const debugClassNames = [{
+    className: debugSequenceHash
+  }];
+  const node = {
+    sequenceHash: debugSequenceHash,
+    direction: 'ltr',
+    children: [],
+    debugClassNames
+  };
+  node.rules = {};
+  node.slot = 'makeResetStyles()';
+  const [{
+    className
+  }] = node.debugClassNames;
+  const cssRules = debugData.getCSSRules().filter(cssRule => {
+    return cssRule.includes(`.${className}`);
+  });
+  node.rules[className] = cssRules.join('');
+  return node;
+}
+
+function mergeDebugSequence(atomicClases, resetClassName) {
+  const debugResultRootAtomic = atomicClases ? getAtomicDebugSequenceTree(atomicClases) : undefined;
+  const debugResultRootReset = resetClassName ? getResetDebugSequence(resetClassName) : undefined;
+  if (!debugResultRootAtomic && !debugResultRootReset) {
+    return undefined;
+  }
+  if (!debugResultRootAtomic) {
+    return debugResultRootReset;
+  }
+  if (!debugResultRootReset) {
+    return debugResultRootAtomic;
+  }
+  const debugResultRoot = {
+    sequenceHash: debugResultRootAtomic.sequenceHash + debugResultRootReset.sequenceHash,
+    direction: debugResultRootAtomic.direction,
+    children: [debugResultRootAtomic, debugResultRootReset],
+    debugClassNames: [...debugResultRootAtomic.debugClassNames, ...debugResultRootReset.debugClassNames]
+  };
+  return debugResultRoot;
+}
+
 function injectDevTools(document) {
   const window = document.defaultView;
   if (!window || window.__GRIFFEL_DEVTOOLS__) {
@@ -401,11 +448,17 @@ function injectDevTools(document) {
   }
   const devtools = {
     getInfo: element => {
-      const rootDebugSequenceHash = Array.from(element.classList).find(className => className.startsWith(SEQUENCE_PREFIX));
-      if (rootDebugSequenceHash === undefined) {
-        return undefined;
+      let rootDebugSequenceHash;
+      let rootResetDebugClassName;
+      for (const className of element.classList) {
+        if (className.startsWith(SEQUENCE_PREFIX)) {
+          rootDebugSequenceHash = className;
+        }
+        if (DEBUG_RESET_CLASSES[className]) {
+          rootResetDebugClassName = className;
+        }
       }
-      return getDebugTree(rootDebugSequenceHash);
+      return mergeDebugSequence(rootDebugSequenceHash, rootResetDebugClassName);
     }
   };
   Object.defineProperty(window, '__GRIFFEL_DEVTOOLS__', {
@@ -4864,11 +4917,9 @@ const fontWeights = {
     fontWeightBold: 700
 };
 const fontFamilies = {
-    fontFamilyBase: // eslint-disable-next-line @fluentui/max-len
-    "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
+    fontFamilyBase: "'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
     fontFamilyMonospace: "Consolas, 'Courier New', Courier, monospace",
-    fontFamilyNumeric: // eslint-disable-next-line @fluentui/max-len
-    "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
+    fontFamilyNumeric: "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
 };
 
 // Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.

package/dist/{manifest-CYH440uE.js → manifest-C60bc4MS.js}

@@ -1,6 +1,6 @@
 const manifest = {
   "version": "0.67.1",
-  "commit": "420be4b2c4c9717c38fefc30480b21c04a6d771d"
+  "commit": "2e317c529087f7e6999f81e031379f49b12308cf"
 };
 
 export { manifest as default };

package/dist/react/index.js

@@ -2,10 +2,10 @@ import require$$0, { useRef, useState, useMemo, useCallback, useEffect, useId, c
 import { mergeClasses, Breadcrumb, BreadcrumbItem, BreadcrumbButton, BreadcrumbDivider, Combobox, Option, Caption1, Card, CardHeader, Text, Divider } from '@fluentui/react-components';
 import { ChevronDownRegular, ChevronRightRegular, AppsListRegular, DatabaseRegular } from '@fluentui/react-icons';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { List, ListItem } from '@fluentui/react-list-preview';
+import { List, ListItem } from '@fluentui/react-list';
 
 function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
+  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
@@ -33584,7 +33584,7 @@ let manifest;
 try {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    manifest = (await import('../manifest-CYH440uE.js')).default;
+    manifest = (await import('../manifest-C60bc4MS.js')).default;
 }
 catch {
     const name = "../dist/manifest.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/html-program-viewer",
-  "version": "0.68.0-dev.1",
+  "version": "0.68.0-dev.2",
   "author": "Microsoft Corporation",
   "description": "TypeSpec library for emitting an html view of the program.",
   "homepage": "https://typespec.io",
@@ -39,33 +39,33 @@
     "@typespec/compiler": "^0.67.1 || >=0.68.0-dev <0.68.0"
   },
   "dependencies": {
-    "@fluentui/react-components": "~9.60.0",
-    "@fluentui/react-icons": "^2.0.279",
-    "@fluentui/react-list-preview": "^0.4.4",
+    "@fluentui/react-components": "~9.61.2",
+    "@fluentui/react-icons": "^2.0.292",
+    "@fluentui/react-list": "^9.1.2",
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
     "react-hotkeys-hook": "^4.6.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.9",
+    "@babel/core": "^7.26.10",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@types/node": "~22.13.9",
+    "@types/node": "~22.13.11",
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
     "@typespec/compiler": "^0.67.1 || >=0.68.0-dev <0.68.0",
     "@vitejs/plugin-react": "~4.3.4",
-    "@vitest/coverage-v8": "^3.0.7",
-    "@vitest/ui": "^3.0.7",
+    "@vitest/coverage-v8": "^3.0.9",
+    "@vitest/ui": "^3.0.9",
     "c8": "^10.1.3",
     "rimraf": "~6.0.1",
     "typescript": "~5.8.2",
-    "vite": "^6.2.0",
-    "vite-plugin-checker": "^0.9.0",
+    "vite": "^6.2.2",
+    "vite-plugin-checker": "^0.9.1",
     "vite-plugin-dts": "4.5.3",
     "vite-plugin-node-polyfills": "^0.23.0",
-    "vitest": "^3.0.7",
+    "vitest": "^3.0.9",
     "@typespec/react-components": "^0.57.0"
   },
   "scripts": {