feat(media): init

Signed-off-by: Cory Rylan <crylan@nvidia.com>

Author: coryrylan

knip.config.js

@@ -160,6 +160,7 @@ export default {
 entry: [
  ...PACKAGE_FILES,
  ...SOURCE_INDEX,
+ ...EXAMPLE_ENTRIES,
  ...TEST_ENTRIES,
  ...TEST_VARIANT_ENTRIES,
  ...VITE_CONFIGS,

pnpm-lock.yaml

@@ -109,6 +109,8 @@
 "../../forms/dist/custom-elements.json",
 "../../markdown/package.json",
 "../../markdown/dist/custom-elements.json",
+"../../media/package.json",
+"../../media/dist/custom-elements.json",
 "../../monaco/package.json",
 "../../monaco/dist/custom-elements.json",
 "../../patterns/package.json",
@@ -142,6 +144,10 @@
 "script": "../../markdown:build",
 "cascade": false
  },
+ {
+"script": "../../media:build",
+"cascade": false
+ },
  {
 "script": "../../monaco:build",
 "cascade": false
@@ -171,6 +177,9 @@
 "../../markdown/package.json",
 "../../markdown/README.md",
 "../../markdown/CHANGELOG.md",
+"../../media/package.json",
+"../../media/README.md",
+"../../media/CHANGELOG.md",
 "../../monaco/package.json",
 "../../monaco/README.md",
 "../../monaco/CHANGELOG.md",
@@ -212,6 +221,11 @@
 "../../markdown/coverage/unit/summary.json",
 "../../markdown/coverage/visual/summary.json",
 "../../markdown/coverage/ssr/summary.json",
+"../../media/coverage/unit/coverage-summary.json",
+"../../media/coverage/unit/summary.json",
+"../../media/coverage/axe/summary.json",
+"../../media/coverage/visual/summary.json",
+"../../media/coverage/ssr/summary.json",
 "../../monaco/coverage/unit/coverage-summary.json",
 "../../monaco/coverage/unit/summary.json",
 "../../monaco/coverage/visual/summary.json",
@@ -259,6 +273,22 @@
 "script": "../../markdown:test:coverage",
 "cascade": false
  },
+ {
+"script": "../../media:test:coverage",
+"cascade": false
+ },
+ {
+"script": "../../media:test:axe",
+"cascade": false
+ },
+ {
+"script": "../../media:test:ssr",
+"cascade": false
+ },
+ {
+"script": "../../media:test:visual",
+"cascade": false
+ },
  {
 "script": "../../monaco:test:coverage",
 "cascade": false
@@ -291,7 +321,8 @@
 "../../monaco/dist/**/*.examples.json",
 "../../code/dist/**/*.examples.json",
 "../../forms/dist/**/*.examples.json",
-"../../markdown/dist/**/*.examples.json"
+"../../markdown/dist/**/*.examples.json",
+"../../media/dist/**/*.examples.json"
  ],
 "output": [
 "static/examples.json"
@@ -321,6 +352,10 @@
 "script": "../../monaco:build",
 "cascade": false
  },
+ {
+"script": "../../media:build",
+"cascade": false
+ },
  {
 "script": "../patterns:build",
 "cascade": false

projects/internals/metadata/package.json

@@ -1,7 +1,8 @@
 // SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
 // SPDX-License-Identifier: Apache-2.0
 
-import{describe,expect,it}from'vitest';
+importMiniSearchfrom'minisearch';
+import{describe,expect,it,vi}from'vitest';
 import{ApiService}from'./api.service.js';
 
 describe('ApiService',()=>{
@@ -41,7 +42,12 @@ describe('ApiService', () => {
 });
 
 it('should prioritize exact matches over fuzzy matches',async()=>{
+constsearchSpy=vi.spyOn(MiniSearch.prototype,'search').mockReturnValue([
+{id: 'nve-button-group',terms: ['button'],queryTerms: ['button'],score: 2,match: {}},
+{id: 'nve-button',terms: ['button'],queryTerms: ['button'],score: 1,match: {}}
+]);
 constresults=awaitApiService.search('nve-button');
+searchSpy.mockRestore();
 
 expect(results[0]?.name).toBe('nve-button');
 });

projects/internals/metadata/src/services/api.service.test.ts

@@ -4,8 +4,65 @@
 import{describe,expect,it}from'vitest';
 import{getApi}from'./api.utils.js';
 
+typeApi=Awaited<ReturnType<typeofgetApi>>;
+typeApiElement=Api['data']['elements'][number];
+
+functiongetElement(api: Api,name: string){
+returnapi.data.elements.find(element=>element.name===name);
+}
+
+functiongetMember(element: ApiElement|undefined,name: string){
+returnelement?.manifest?.members.find(member=>member.name===name);
+}
+
+functiongetAttribute(element: ApiElement|undefined,name: string){
+returnelement?.manifest?.attributes?.find(attribute=>attribute.name===name);
+}
+
 describe('ApiUtils',()=>{
 it('should return the api json',async()=>{
 expect(getApi).toBeDefined();
 });
+
+it('should include attribute names for inherited button members',async()=>{
+constapi=awaitgetApi();
+constbutton=getElement(api,'nve-button');
+
+expect(getMember(button,'pressed')?.attribute).toBe('pressed');
+expect(getMember(button,'readOnly')?.attribute).toBe('readonly');
+expect(getMember(button,'commandForElement')?.attribute).toBe('commandfor');
+expect(button?.markdown).toContain('| readOnly (readonly) |');
+});
+
+it('should project checkbox and button mixin APIs onto media mute button',async()=>{
+constapi=awaitgetApi();
+constmuteButton=getElement(api,'nve-media-mute-button');
+
+expect(getMember(muteButton,'pressed')?.attribute).toBe('pressed');
+expect(getMember(muteButton,'checked')?.attribute).toBe('checked');
+expect(getMember(muteButton,'readOnly')?.attribute).toBe('readonly');
+expect(getMember(muteButton,'commandForElement')?.attribute).toBe('commandfor');
+expect(getAttribute(muteButton,'commandForElement')).toBeUndefined();
+expect(muteButton?.markdown).toContain('| checked |');
+});
+
+it('should project slider mixin APIs onto media time range',async()=>{
+constapi=awaitgetApi();
+consttimeRange=getElement(api,'nve-media-time-range');
+
+expect(getMember(timeRange,'min')?.attribute).toBe('min');
+expect(getMember(timeRange,'valueAsNumber')?.attribute).toBeUndefined();
+expect(getAttribute(timeRange,'commandForElement')).toBeUndefined();
+expect(timeRange?.markdown).toContain('| valueAsNumber |');
+});
+
+it('should project select mixin APIs onto media playback rate select',async()=>{
+constapi=awaitgetApi();
+constplaybackRateSelect=getElement(api,'nve-media-playback-rate-select');
+
+expect(getMember(playbackRateSelect,'selectedIndex')?.attribute).toBeUndefined();
+expect(getMember(playbackRateSelect,'value')?.attribute).toBe('value');
+expect(getAttribute(playbackRateSelect,'commandForElement')).toBeUndefined();
+expect(playbackRateSelect?.markdown).toContain('| selectedIndex |');
+});
 });

projects/internals/metadata/src/tasks/api.utils.test.ts

@@ -133,6 +133,7 @@ export async function getApi(): Promise<{
 '../../../../themes',
 '../../../../code',
 '../../../../markdown',
+'../../../../media',
 '../../../../monaco'
 ];
 

projects/internals/metadata/src/tasks/api.utils.ts

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4ab23ecf33a7e8e2aaf1cb1687342190b4d33edb04d6c6912b29ba2b208a9c0d
-size 163868
+oid sha256:dfcfc695c649e81bf293ef3d690bfa7effbc5dd752207c7f74948d2a347731cb
+size 196863

projects/internals/metadata/static/adoption.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e91bd7c9d11912873a0fbcd81f3701ed94535e34bc0de28c77870e6f5a5f883f
-size 17357
+oid sha256:31de391d99d1142f68817d75a2e9c64edd01789776ce31230aafe57cded8468c
+size 18366

projects/internals/metadata/static/releases.json

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e07df5dad51d1b03d42dd8fe0ec6197a985a651a6b91debbb7dd0c36a28b6000
-size 2580493
+oid sha256:c99db0c9e11858b7b23e07dd5b7096cb0bd1d7dbb4a71fe1fb59716a980e729e
+size 2676247