@typespec/html-program-viewer 0.72.0-dev.0 → 0.72.0-dev.2

package/dist/emitter/index.js

@@ -948,7 +948,7 @@ const TextDirectionProvider = ({
  * The main difference between this function and `slot` is that this function does not return the metadata required for a slot to be considered a properly renderable slot, it only converts the value to a slot properties object
  * @param value - the value of the slot, it can be a slot shorthand or a slot properties object
  */ function resolveShorthand(value) {
-    if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value) || // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    if (typeof value === 'string' || typeof value === 'number' || isIterable(value) || // eslint-disable-next-line @typescript-eslint/no-explicit-any
     React.isValidElement(value)) {
         return {
             children: value
@@ -964,6 +964,8 @@ Slot shorthands can be strings, numbers, arrays or JSX elements`);
     }
     return value;
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const isIterable = (value)=>typeof value === 'object' && value !== null && Symbol.iterator in value;
 
 /**
  * Guard method to ensure a given element is a slot.
@@ -996,6 +998,7 @@ Slot shorthands can be strings, numbers, arrays or JSX elements`);
    * as we're verifying static properties that will not change between environments
    */ if (process.env.NODE_ENV !== 'production') {
         const typedState = state;
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         for (const slotName of Object.keys(typedState.components)){
             const slotElement = typedState[slotName];
             if (slotElement === undefined) {
@@ -1006,6 +1009,7 @@ Slot shorthands can be strings, numbers, arrays or JSX elements`);
             // FIXME: this slot will still fail to support child render function scenario
             if (!isSlot(slotElement)) {
                 typedState[slotName] = always(slotElement, {
+                    // eslint-disable-next-line @typescript-eslint/no-deprecated
                     elementType: typedState.components[slotName]
                 });
                 // eslint-disable-next-line no-console
@@ -1016,7 +1020,9 @@ Be sure to create slots properly by using "slot.always" or "slot.optional".`);
                 // This means a slot is being declared by using resolveShorthand on the state hook,
                 // but the render method is using the new `assertSlots` method. That scenario can be solved by simply updating the slot element with the proper element type
                 const { [SLOT_ELEMENT_TYPE_SYMBOL]: elementType } = slotElement;
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 if (elementType !== typedState.components[slotName]) {
+                    // eslint-disable-next-line @typescript-eslint/no-deprecated
                     slotElement[SLOT_ELEMENT_TYPE_SYMBOL] = typedState.components[slotName];
                     // eslint-disable-next-line no-console
                     console.warn(`@fluentui/react-utilities [${assertSlots.name}]:
@@ -1484,7 +1490,12 @@ function getNativeElementProps(tagName, props, excludedPropNames) {
  * element type.
  *
  * Equivalent to {@link getNativeElementProps}, but more type-safe.
- */ const getIntrinsicElementProps = (/** The slot's default element type (e.g. 'div') */ tagName, /** The component's props object */ props, /** List of native props to exclude from the returned value */ excludedPropNames)=>{
+ *
+ * @param tagName - The slot's default element type (e.g. 'div')
+ * @param props - The component's props object
+ * @param excludedPropNames - List of native props to exclude from the returned value
+ */ const getIntrinsicElementProps = (tagName, // eslint-disable-next-line @typescript-eslint/no-restricted-types -- in order to not introduce Type Restriction CHANGe which is kinda "breaking change from Types POV", we don't enforce our custom `RefAttributes` in this API, to be compatible with scenarios where non v9 interfaces might be used. This may/will change with React 19
+props, excludedPropNames)=>{
     var _props_as;
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     return getNativeElementProps((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : tagName, props);
@@ -1628,12 +1639,21 @@ function useIdPrefix() {
  * updates all provided refs
  * @param refs - Refs to collectively update with one ref value.
  * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
- */ function useMergedRefs(...refs) {
+ */ // LegacyRef is actually not supported, but in React v18 types this is leaking directly from forwardRef component declaration
+function useMergedRefs(...refs) {
     'use no memo';
     const mergedCallback = React.useCallback((value)=>{
         // Update the "current" prop hanging on the function.
         mergedCallback.current = value;
         for (const ref of refs){
+            if (typeof ref === 'string' && process.env.NODE_ENV !== 'production') {
+                // eslint-disable-next-line no-console
+                console.error(`@fluentui/react-utilities [useMergedRefs]:
+This hook does not support the usage of string refs. Please use React.useRef instead.
+
+For more info on 'React.useRef', see https://react.dev/reference/react/useRef.
+For more info on string refs, see https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-string-refs.`);
+            }
             if (typeof ref === 'function') {
                 ref(value);
             } else if (ref) {
@@ -5407,39 +5427,62 @@ const JsValue = ({ value }) => {
   }
 };
 
-const TypeConfig = {
+const CommonPropsConfig = {
+  namespace: "parent",
+  name: "value"
+};
+const HiddenProps = [
+  "entityKind",
+  "kind",
+  "node",
+  "symbol",
+  "templateNode",
+  "templateArguments",
+  "templateMapper",
+  "instantiationParameters",
+  "decorators",
+  "isFinished"
+];
+const HiddenPropsConfig = Object.fromEntries(HiddenProps.map((prop) => [prop, "skip"]));
+const TypeConfig = buildConfig({
   Namespace: {
     namespaces: "skip",
-    models: "nested",
-    scalars: "nested",
-    interfaces: "nested",
-    operations: "nested",
-    unions: "nested",
-    enums: "nested",
-    decoratorDeclarations: "nested"
+    models: "nested-items",
+    scalars: "nested-items",
+    interfaces: "nested-items",
+    operations: "nested-items",
+    unions: "nested-items",
+    enums: "nested-items",
+    decoratorDeclarations: "nested-items"
   },
   Interface: {
-    operations: "nested",
+    operations: "nested-items",
     sourceInterfaces: "ref"
   },
   Operation: {
     interface: "parent",
-    parameters: "nested",
+    parameters: "nested-items",
     returnType: "ref",
     sourceOperation: "ref"
   },
   Model: {
-    indexer: "skip",
+    indexer: {
+      kind: "nested",
+      properties: {
+        key: "ref",
+        value: "ref"
+      }
+    },
     baseModel: "ref",
     derivedModels: "ref",
-    properties: "nested",
+    properties: "nested-items",
     sourceModel: "ref",
     sourceModels: "value"
   },
   Scalar: {
     baseScalar: "ref",
     derivedScalars: "ref",
-    constructors: "nested"
+    constructors: "nested-items"
   },
   ModelProperty: {
     model: "parent",
@@ -5449,7 +5492,7 @@ const TypeConfig = {
     defaultValue: "value"
   },
   Enum: {
-    members: "nested"
+    members: "nested-items"
   },
   EnumMember: {
     enum: "parent",
@@ -5457,8 +5500,8 @@ const TypeConfig = {
     value: "value"
   },
   Union: {
-    expression: "skip",
-    variants: "nested"
+    expression: "value",
+    variants: "nested-items"
   },
   UnionVariant: {
     union: "parent",
@@ -5468,13 +5511,13 @@ const TypeConfig = {
     value: "value"
   },
   Decorator: {
-    parameters: "nested",
+    parameters: "nested-items",
     implementation: "skip",
     target: "ref"
   },
   ScalarConstructor: {
     scalar: "parent",
-    parameters: "nested"
+    parameters: "nested-items"
   },
   FunctionParameter: null,
   Number: {
@@ -5486,10 +5529,10 @@ const TypeConfig = {
     value: "value"
   },
   Tuple: {
-    values: "nested"
+    values: "nested-items"
   },
   StringTemplate: {
-    spans: "nested",
+    spans: "nested-items",
     stringValue: "value"
   },
   StringTemplateSpan: {
@@ -5502,29 +5545,38 @@ const TypeConfig = {
   },
   // Don't want to expose those for now
   Intrinsic: null
-};
-const CommonPropsConfig = {
-  namespace: "parent"
-};
-const HiddenProps = [
-  "entityKind",
-  "kind",
-  "name",
-  "node",
-  "symbol",
-  "templateNode",
-  "templateArguments",
-  "templateMapper",
-  "instantiationParameters",
-  "decorators",
-  "projector",
-  "isFinished"
-];
+});
 new Set(HiddenProps);
-function getPropertyRendering(type, key) {
-  const properties = TypeConfig[type.kind];
-  const action = properties?.[key] ?? CommonPropsConfig[key];
-  return action;
+function getRenderingConfig(type) {
+  return TypeConfig[type.kind];
+}
+function buildConfig(raw) {
+  return Object.fromEntries(
+    Object.entries(raw).map(([kind, config]) => {
+      return [kind, buildConfigForKind(config)];
+    })
+  );
+}
+function buildConfigForKind(config) {
+  if (config === null) {
+    return null;
+  }
+  return Object.fromEntries(
+    Object.entries({ ...CommonPropsConfig, ...HiddenPropsConfig, ...config }).map(
+      ([key, value]) => {
+        return [key, buildConfigForProperty(value)];
+      }
+    )
+  );
+}
+function buildConfigForProperty(value) {
+  if (typeof value === "string") {
+    return { kind: value };
+  }
+  return {
+    kind: "nested",
+    properties: buildConfigForKind(value.properties)
+  };
 }
 
 const TreeNavigatorContext = createContext(void 0);
@@ -5649,13 +5701,22 @@ const SimpleType = ({ type, children }) => {
     children
   ] });
 };
-const EntityProperties = ({ entity: type }) => {
-  const props = Object.entries(type).map(([key, value]) => {
-    const action = getPropertyRendering(type, key);
-    if (action === void 0 || action === "skip") {
+const EntityProperties = ({ entity }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(InspectObject, { value: entity, config: getRenderingConfig(entity) });
+};
+const InspectObject = ({
+  value,
+  config
+}) => {
+  if (value === void 0) {
+    return null;
+  }
+  const props = Object.entries(value).map(([key, value2]) => {
+    const action = config?.[key];
+    if (action === void 0 || action === null || action.kind === "skip") {
       return void 0;
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(EntityProperty, { name: key, value, action }, key);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(EntityProperty, { name: key, value: value2, action }, key);
   }).filter((x) => Boolean(x));
   return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: props });
 };
@@ -5669,12 +5730,15 @@ const EntityProperty = (props) => {
 };
 const EntityPropertyValue = ({ value, action }) => {
   const render = (x) => {
-    if (action === "parent") {
+    if (action.kind === "parent") {
       return x.entityKind === "Type" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ParentReference, { type: x }) : null;
     }
-    const renderRef = action === "ref";
+    const renderRef = action.kind === "ref";
     return renderRef ? /* @__PURE__ */ jsxRuntimeExports.jsx(EntityReference, { entity: x }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EntityUI, { entity: x });
   };
+  if (action.kind === "nested") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(InspectObject, { value, config: action.properties });
+  }
   if (value === void 0) {
     return null;
   } else if (value.entityKind) {

package/dist/{manifest-BJp8WsoA.js → manifest-CVLhuDVf.js}

@@ -1,6 +1,6 @@
 const manifest = {
   "version": "1.1.0",
-  "commit": "cc74c72d4dcfd78a6a6a84e5618a16a5bad462c1"
+  "commit": "51469629ea82616f76c81923d0e4943315925052"
 };
 
 export { manifest as default };

package/dist/react/index.js

@@ -26247,23 +26247,36 @@ class Alias extends NodeBase {
      * Resolve the value of this alias within `doc`, finding the last
      * instance of the `source` anchor before this node.
      */
-    resolve(doc) {
+    resolve(doc, ctx) {
+        let nodes;
+        if (ctx?.aliasResolveCache) {
+            nodes = ctx.aliasResolveCache;
+        }
+        else {
+            nodes = [];
+            visit(doc, {
+                Node: (_key, node) => {
+                    if (isAlias(node) || hasAnchor(node))
+                        nodes.push(node);
+                }
+            });
+            if (ctx)
+                ctx.aliasResolveCache = nodes;
+        }
         let found = undefined;
-        visit(doc, {
-            Node: (_key, node) => {
-                if (node === this)
-                    return visit.BREAK;
-                if (node.anchor === this.source)
-                    found = node;
-            }
-        });
+        for (const node of nodes) {
+            if (node === this)
+                break;
+            if (node.anchor === this.source)
+                found = node;
+        }
         return found;
     }
     toJSON(_arg, ctx) {
         if (!ctx)
             return { source: this.source };
         const { anchors, doc, maxAliasCount } = ctx;
-        const source = this.resolve(doc);
+        const source = this.resolve(doc, ctx);
         if (!source) {
             const msg = `Unresolved alias (the anchor must be set before the alias): ${this.source}`;
             throw new ReferenceError(msg);
@@ -26374,8 +26387,7 @@ function createNode(value, tagName, ctx) {
     if (aliasDuplicateObjects && value && typeof value === 'object') {
         ref = sourceObjects.get(value);
         if (ref) {
-            if (!ref.anchor)
-                ref.anchor = onAnchor(value);
+            ref.anchor ?? (ref.anchor = onAnchor(value));
             return new Alias(ref.anchor);
         }
         else {
@@ -26976,10 +26988,9 @@ function plainString(item, ctx, onComment, onChompKeep) {
         (inFlow && /[[\]{},]/.test(value))) {
         return quotedString(value, ctx);
     }
-    if (!value ||
-        /^[\n\t ,[\]{}#&*!|>'"%@`]|^[?-]$|^[?-][ \t]|[\n:][ \t]|[ \t]\n|[\n\t ]#|[\n\t :]$/.test(value)) {
+    if (/^[\n\t ,[\]{}#&*!|>'"%@`]|^[?-]$|^[?-][ \t]|[\n:][ \t]|[ \t]\n|[\n\t ]#|[\n\t :]$/.test(value)) {
         // not allowed:
-        // - empty string, '-' or '?'
+        // - '-' or '?'
         // - start with an indicator character (except [?:-]) or /[?-] /
         // - '\n ', ': ' or ' \n' anywhere
         // - '#' not preceded by a non-space char
@@ -27122,7 +27133,7 @@ function getTagObject(tags, item) {
         tagObj = tags.find(t => t.nodeClass && obj instanceof t.nodeClass);
     }
     if (!tagObj) {
-        const name = obj?.constructor?.name ?? typeof obj;
+        const name = obj?.constructor?.name ?? (obj === null ? 'null' : typeof obj);
         throw new Error(`Tag not resolved for ${name} value`);
     }
     return tagObj;
@@ -27137,7 +27148,7 @@ function stringifyProps(node, tagObj, { anchors, doc }) {
         anchors.add(anchor);
         props.push(`&${anchor}`);
     }
-    const tag = node.tag ? node.tag : tagObj.default ? null : tagObj.tag;
+    const tag = node.tag ?? (tagObj.default ? null : tagObj.tag);
     if (tag)
         props.push(doc.directives.tagString(tag));
     return props.join(' ');
@@ -27163,8 +27174,7 @@ function stringify$1(item, ctx, onComment, onChompKeep) {
     const node = isNode(item)
         ? item
         : ctx.doc.createNode(item, { onTagObj: o => (tagObj = o) });
-    if (!tagObj)
-        tagObj = getTagObject(ctx.doc.schema.tags, node);
+    tagObj ?? (tagObj = getTagObject(ctx.doc.schema.tags, node));
     const props = stringifyProps(node, tagObj, ctx);
     if (props.length > 0)
         ctx.indentAtStart = (ctx.indentAtStart ?? 0) + props.length + 1;
@@ -27423,6 +27433,7 @@ function addPairToJSMap(ctx, map, { key, value }) {
 function stringifyKey(key, jsKey, ctx) {
     if (jsKey === null)
         return '';
+    // eslint-disable-next-line @typescript-eslint/no-base-to-string
     if (typeof jsKey !== 'object')
         return String(jsKey);
     if (isNode(key) && ctx?.doc) {
@@ -34314,7 +34325,7 @@ let manifest;
 try {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    manifest = (await import('../manifest-BJp8WsoA.js')).default;
+    manifest = (await import('../manifest-CVLhuDVf.js')).default;
 }
 catch {
     const name = "../dist/manifest.js";
@@ -45448,39 +45459,62 @@ function isMapLike(value) {
   return "entries" in value && typeof value.entries === "function";
 }
 
-const TypeConfig = {
+const CommonPropsConfig = {
+  namespace: "parent",
+  name: "value"
+};
+const HiddenProps = [
+  "entityKind",
+  "kind",
+  "node",
+  "symbol",
+  "templateNode",
+  "templateArguments",
+  "templateMapper",
+  "instantiationParameters",
+  "decorators",
+  "isFinished"
+];
+const HiddenPropsConfig = Object.fromEntries(HiddenProps.map((prop) => [prop, "skip"]));
+const TypeConfig = buildConfig({
   Namespace: {
     namespaces: "skip",
-    models: "nested",
-    scalars: "nested",
-    interfaces: "nested",
-    operations: "nested",
-    unions: "nested",
-    enums: "nested",
-    decoratorDeclarations: "nested"
+    models: "nested-items",
+    scalars: "nested-items",
+    interfaces: "nested-items",
+    operations: "nested-items",
+    unions: "nested-items",
+    enums: "nested-items",
+    decoratorDeclarations: "nested-items"
   },
   Interface: {
-    operations: "nested",
+    operations: "nested-items",
     sourceInterfaces: "ref"
   },
   Operation: {
     interface: "parent",
-    parameters: "nested",
+    parameters: "nested-items",
     returnType: "ref",
     sourceOperation: "ref"
   },
   Model: {
-    indexer: "skip",
+    indexer: {
+      kind: "nested",
+      properties: {
+        key: "ref",
+        value: "ref"
+      }
+    },
     baseModel: "ref",
     derivedModels: "ref",
-    properties: "nested",
+    properties: "nested-items",
     sourceModel: "ref",
     sourceModels: "value"
   },
   Scalar: {
     baseScalar: "ref",
     derivedScalars: "ref",
-    constructors: "nested"
+    constructors: "nested-items"
   },
   ModelProperty: {
     model: "parent",
@@ -45490,7 +45524,7 @@ const TypeConfig = {
     defaultValue: "value"
   },
   Enum: {
-    members: "nested"
+    members: "nested-items"
   },
   EnumMember: {
     enum: "parent",
@@ -45498,8 +45532,8 @@ const TypeConfig = {
     value: "value"
   },
   Union: {
-    expression: "skip",
-    variants: "nested"
+    expression: "value",
+    variants: "nested-items"
   },
   UnionVariant: {
     union: "parent",
@@ -45509,13 +45543,13 @@ const TypeConfig = {
     value: "value"
   },
   Decorator: {
-    parameters: "nested",
+    parameters: "nested-items",
     implementation: "skip",
     target: "ref"
   },
   ScalarConstructor: {
     scalar: "parent",
-    parameters: "nested"
+    parameters: "nested-items"
   },
   FunctionParameter: null,
   Number: {
@@ -45527,10 +45561,10 @@ const TypeConfig = {
     value: "value"
   },
   Tuple: {
-    values: "nested"
+    values: "nested-items"
   },
   StringTemplate: {
-    spans: "nested",
+    spans: "nested-items",
     stringValue: "value"
   },
   StringTemplateSpan: {
@@ -45543,29 +45577,38 @@ const TypeConfig = {
   },
   // Don't want to expose those for now
   Intrinsic: null
-};
-const CommonPropsConfig = {
-  namespace: "parent"
-};
-const HiddenProps = [
-  "entityKind",
-  "kind",
-  "name",
-  "node",
-  "symbol",
-  "templateNode",
-  "templateArguments",
-  "templateMapper",
-  "instantiationParameters",
-  "decorators",
-  "projector",
-  "isFinished"
-];
+});
 new Set(HiddenProps);
-function getPropertyRendering(type, key) {
-  const properties = TypeConfig[type.kind];
-  const action = properties?.[key] ?? CommonPropsConfig[key];
-  return action;
+function getRenderingConfig(type) {
+  return TypeConfig[type.kind];
+}
+function buildConfig(raw) {
+  return Object.fromEntries(
+    Object.entries(raw).map(([kind, config]) => {
+      return [kind, buildConfigForKind(config)];
+    })
+  );
+}
+function buildConfigForKind(config) {
+  if (config === null) {
+    return null;
+  }
+  return Object.fromEntries(
+    Object.entries({ ...CommonPropsConfig, ...HiddenPropsConfig, ...config }).map(
+      ([key, value]) => {
+        return [key, buildConfigForProperty(value)];
+      }
+    )
+  );
+}
+function buildConfigForProperty(value) {
+  if (typeof value === "string") {
+    return { kind: value };
+  }
+  return {
+    kind: "nested",
+    properties: buildConfigForKind(value.properties)
+  };
 }
 
 function expandNamespaces(namespace) {
@@ -45635,7 +45678,7 @@ function computeTypeNode(parentPath, type, name) {
 }
 function computeTypeNodeProps(path, type, name) {
   const typeRendering = TypeConfig[type.kind];
-  const children = Object.entries(type).filter(([key]) => typeRendering?.[key] === "nested").map(([key, value]) => {
+  const children = Object.entries(type).filter(([key]) => typeRendering?.[key]?.kind === "nested-items").map(([key, value]) => {
     const propPath = path + "." + key;
     if (isMapLike(value)) {
       return computeItemList(propPath, key, value);
@@ -46055,13 +46098,22 @@ const SimpleType = ({ type, children }) => {
     children
   ] });
 };
-const EntityProperties = ({ entity: type }) => {
-  const props = Object.entries(type).map(([key, value]) => {
-    const action = getPropertyRendering(type, key);
-    if (action === void 0 || action === "skip") {
+const EntityProperties = ({ entity }) => {
+  return /* @__PURE__ */ jsxRuntimeExports$1.jsx(InspectObject, { value: entity, config: getRenderingConfig(entity) });
+};
+const InspectObject = ({
+  value,
+  config
+}) => {
+  if (value === void 0) {
+    return null;
+  }
+  const props = Object.entries(value).map(([key, value2]) => {
+    const action = config?.[key];
+    if (action === void 0 || action === null || action.kind === "skip") {
       return void 0;
     }
-    return /* @__PURE__ */ jsxRuntimeExports$1.jsx(EntityProperty, { name: key, value, action }, key);
+    return /* @__PURE__ */ jsxRuntimeExports$1.jsx(EntityProperty, { name: key, value: value2, action }, key);
   }).filter((x) => Boolean(x));
   return /* @__PURE__ */ jsxRuntimeExports$1.jsx("ul", { children: props });
 };
@@ -46075,12 +46127,15 @@ const EntityProperty = (props) => {
 };
 const EntityPropertyValue = ({ value, action }) => {
   const render = (x) => {
-    if (action === "parent") {
+    if (action.kind === "parent") {
       return x.entityKind === "Type" ? /* @__PURE__ */ jsxRuntimeExports$1.jsx(ParentReference, { type: x }) : null;
     }
-    const renderRef = action === "ref";
+    const renderRef = action.kind === "ref";
     return renderRef ? /* @__PURE__ */ jsxRuntimeExports$1.jsx(EntityReference, { entity: x }) : /* @__PURE__ */ jsxRuntimeExports$1.jsx(EntityUI, { entity: x });
   };
+  if (action.kind === "nested") {
+    return /* @__PURE__ */ jsxRuntimeExports$1.jsx(InspectObject, { value, config: action.properties });
+  }
   if (value === void 0) {
     return null;
   } else if (value.entityKind) {

package/dist/react/inspect-type/inspect-type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inspect-type.d.ts","sourceRoot":"","sources":["../../../src/react/inspect-type/inspect-type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAe,KAAK,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAU/F,UAAU,gBAAgB;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAM3D,CAAC;AAuEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAmD3D,CAAC"}
+{"version":3,"file":"inspect-type.d.ts","sourceRoot":"","sources":["../../../src/react/inspect-type/inspect-type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAe,KAAK,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAc/F,UAAU,gBAAgB;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAM3D,CAAC;AAuEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAmD3D,CAAC"}

package/dist/react/type-config.d.ts

@@ -1,19 +1,35 @@
-import { Type } from '@typespec/compiler';
-export type EntityPropertyConfig = "parent" | "nested" | "ref" | "value" | "skip";
+import { Entity, Type } from '@typespec/compiler';
+export type PropertyRendering<T> = {
+    kind: "parent" | "nested-items" | "ref" | "value" | "skip";
+} | NestedPropertyRendering<T>;
+export type PropertyRenderingRaw<T> = "parent" | "nested-items" | "ref" | "value" | "skip" | NestedPropertyRenderingRaw<T>;
+export type PropertiesRenderingRaw<T> = {
+    [K in keyof T]: PropertyRenderingRaw<T[K]>;
+};
+export type PropertiesRendering<T> = {
+    [K in keyof T]: PropertyRendering<T[K]>;
+};
+export type NestedPropertyRendering<T> = {
+    kind: "nested";
+    properties: PropertiesRendering<T>;
+};
+export type NestedPropertyRenderingRaw<T> = {
+    kind: "nested";
+    properties: PropertiesRenderingRaw<T>;
+};
+export declare const CommonPropsConfig: {
+    namespace: string;
+    name: string;
+};
 export declare const TypeConfig: TypeGraphConfig;
-type PropsToDefine<T extends Type> = Exclude<keyof T, HiddenPropsType | keyof typeof CommonPropsConfig>;
-type TypeConfig<T extends Type> = Record<PropsToDefine<T>, EntityPropertyConfig> | null;
+type TypeConfig<T extends Type> = PropertiesRendering<T> | null;
 type TypeGraphConfig = {
     [K in Type["kind"]]: TypeConfig<Extract<Type, {
         kind: K;
     }>>;
 };
-export declare const CommonPropsConfig: {
-    namespace: string;
-};
-declare const HiddenProps: readonly ["entityKind", "kind", "name", "node", "symbol", "templateNode", "templateArguments", "templateMapper", "instantiationParameters", "decorators", "projector", "isFinished"];
-type HiddenPropsType = (typeof HiddenProps)[number];
-export declare const HiddenPropsSet: Set<"symbol" | "kind" | "entityKind" | "name" | "node" | "templateNode" | "templateArguments" | "templateMapper" | "instantiationParameters" | "decorators" | "projector" | "isFinished">;
-export declare function getPropertyRendering<T extends Type, K extends keyof T>(type: T, key: K): EntityPropertyConfig;
+export declare const HiddenPropsSet: Set<"symbol" | "entityKind" | "kind" | "node" | "templateNode" | "templateArguments" | "templateMapper" | "instantiationParameters" | "decorators" | "isFinished">;
+export declare function getPropertyRendering<T extends Type, K extends keyof T>(type: T, key: K): PropertyRenderingRaw<T>;
+export declare function getRenderingConfig<T extends Entity>(type: T): PropertiesRendering<T> | null;
 export {};
 //# sourceMappingURL=type-config.d.ts.map

package/dist/react/type-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type-config.d.ts","sourceRoot":"","sources":["../../src/react/type-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAElF,eAAO,MAAM,UAAU,EAAE,eAgGxB,CAAC;AAEF,KAAK,aAAa,CAAC,CAAC,SAAS,IAAI,IAAI,OAAO,CAC1C,MAAM,CAAC,EACP,eAAe,GAAG,MAAM,OAAO,iBAAiB,CACjD,CAAC;AACF,KAAK,UAAU,CAAC,CAAC,SAAS,IAAI,IAAI,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,oBAAoB,CAAC,GAAG,IAAI,CAAC;AACxF,KAAK,eAAe,GAAG;KACpB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,iBAAiB;;CAE7B,CAAC;AAEF,QAAA,MAAM,WAAW,sLAaP,CAAC;AACX,KAAK,eAAe,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,cAAc,2LAAuB,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,EACpE,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,GACL,oBAAoB,CAItB"}
+{"version":3,"file":"type-config.d.ts","sourceRoot":"","sources":["../../src/react/type-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAC3B;IAAE,IAAI,EAAE,QAAQ,GAAG,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;CAAE,GAC9D,uBAAuB,CAAC,CAAC,CAAC,CAAC;AAC/B,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAC9B,QAAQ,GACR,cAAc,GACd,KAAK,GACL,OAAO,GACP,MAAM,GACN,0BAA0B,CAAC,CAAC,CAAC,CAAC;AAElC,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AACvF,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEjF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CACpC,CAAC;AACF,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAG7B,CAAC;AAoBF,eAAO,MAAM,UAAU,EAAE,eAsGvB,CAAC;AAOH,KAAK,UAAU,CAAC,CAAC,SAAS,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAChE,KAAK,eAAe,GAAG;KACpB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CAC5D,CAAC;AAIF,eAAO,MAAM,cAAc,oKAAuB,CAAC;AAEnD,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,EACpE,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,CAAC,GACL,oBAAoB,CAAC,CAAC,CAAC,CAIzB;AACD,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAE3F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/html-program-viewer",
-  "version": "0.72.0-dev.0",
+  "version": "0.72.0-dev.2",
   "author": "Microsoft Corporation",
   "description": "TypeSpec library for emitting an html view of the program.",
   "homepage": "https://typespec.io",
@@ -39,7 +39,7 @@
     "@typespec/compiler": "^1.1.0"
   },
   "dependencies": {
-    "@fluentui/react-components": "~9.63.0",
+    "@fluentui/react-components": "~9.66.1",
     "@fluentui/react-icons": "^2.0.292",
     "@fluentui/react-list": "^9.1.2",
     "react": "~18.3.1",
@@ -51,7 +51,7 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@types/node": "~22.13.11",
+    "@types/node": "~24.0.3",
     "@types/react": "~18.3.11",
     "@types/react-dom": "~18.3.0",
     "@typespec/compiler": "^1.1.0",
@@ -63,7 +63,7 @@
     "typescript": "~5.8.2",
     "vite": "^6.2.7",
     "vite-plugin-checker": "^0.9.1",
-    "vite-plugin-dts": "4.5.3",
+    "vite-plugin-dts": "4.5.4",
     "vite-plugin-node-polyfills": "^0.23.0",
     "vitest": "^3.1.2",
     "@typespec/react-components": "^0.57.0"