feat(viewport): init

NOTICE.md

@@ -70,7 +70,7 @@ This product includes the following bundled third-party software:
 - ignore v7.0.6 [MIT] (used by: @nvidia-elements/pi)
   Copyright: kael
 
-- lit v3.3.3 [BSD-3-Clause] (used by: @nvidia-elements/code, @nvidia-elements/core, @nvidia-elements/markdown, @nvidia-elements/media, @nvidia-elements/monaco, @nvidia-elements/plot, @nvidia-elements/scene)
+- lit v3.3.3 [BSD-3-Clause] (used by: @nvidia-elements/code, @nvidia-elements/core, @nvidia-elements/markdown, @nvidia-elements/media, @nvidia-elements/monaco, @nvidia-elements/plot, @nvidia-elements/scene, @nvidia-elements/viewport)
   Copyright: Google LLC
 
 - lit-html v3.3.3 [BSD-3-Clause] (used by: @nvidia-elements/code, @nvidia-elements/core, @nvidia-elements/monaco)

commitlint.config.js

@@ -37,7 +37,8 @@ export default {
         'markdown',
         'media',
         'monaco',
-        'scene'
+        'scene',
+        'viewport'
       ]
     ]
   }

knip.config.js

@@ -236,10 +236,23 @@ export default {
       ],
       project: [...PROJECT_FILES, ...SOURCE_FILES]
     },
+    'projects/viewport': {
+      entry: [
+        ...PACKAGE_FILES,
+        ...SOURCE_INDEX,
+        ...DEFINE_ENTRIES,
+        ...EXAMPLE_ENTRIES,
+        ...TEST_ENTRIES,
+        ...TEST_VARIANT_ENTRIES,
+        ...VITE_CONFIGS,
+        ...VITEST_CONFIGS
+      ],
+      project: [...PROJECT_FILES, ...SOURCE_FILES]
+    },
     'projects/site': {
       entry: [...PACKAGE_FILES, 'src/**/*.{js,ts}', ...VITEST_CONFIGS],
       project: [...PACKAGE_FILES, 'src/**/*.{js,ts}', ...VITEST_CONFIGS],
-      ignoreDependencies: ['@nvidia-elements/plot', '@nvidia-elements/scene'] // temporary
+      ignoreDependencies: ['@nvidia-elements/plot', '@nvidia-elements/scene', '@nvidia-elements/viewport']
     },
     'projects/styles': {
       entry: [

package.json

@@ -90,6 +90,7 @@
         "./projects/pi:ci",
         "./projects/plot:ci",
         "./projects/scene:ci",
+        "./projects/viewport:ci",
         "./projects/site:ci",
         "./projects/starters:ci",
         "./projects/starters/angular:ci",
@@ -145,6 +146,7 @@
         "./projects/monaco:test:lighthouse",
         "./projects/plot:test:lighthouse",
         "./projects/scene:test:lighthouse",
+        "./projects/viewport:test:lighthouse",
         "./projects/site:test:lighthouse"
       ],
       "output": [
@@ -172,7 +174,8 @@
         "release:media",
         "release:monaco",
         "release:pi",
-        "release:styles"
+        "release:styles",
+        "release:viewport"
       ]
     },
     "release:themes": {
@@ -245,6 +248,13 @@
         "release:themes"
       ]
     },
+    "release:viewport": {
+      "command": "cd projects/viewport && HUSKY=0 pnpm exec semantic-release",
+      "dependencies": [
+        "release:core",
+        "release:themes"
+      ]
+    },
     "format": {
       "command": "prettier --config prettier.config.js --check --cache .",
       "files": [
@@ -305,6 +315,7 @@
         "./projects/media:lint:fix",
         "./projects/monaco:lint:fix",
         "./projects/scene:lint:fix",
+        "./projects/viewport:lint:fix",
         "./projects/site:lint:fix"
       ]
     },

pnpm-workspace.yaml

@@ -35,6 +35,7 @@ packages:
   - projects/forms
   - projects/plot
   - projects/scene
+  - projects/viewport
   - projects/styles
   - projects/themes
   - projects/internals/design

projects/core/package.json

@@ -951,18 +951,6 @@
       "types": "./dist/tree/define.d.ts",
       "default": "./dist/tree/define.js"
     },
-    "./viewport": {
-      "types": "./dist/viewport/index.d.ts",
-      "default": "./dist/viewport/index.js"
-    },
-    "./viewport/index.js": {
-      "types": "./dist/viewport/index.d.ts",
-      "default": "./dist/viewport/index.js"
-    },
-    "./viewport/define.js": {
-      "types": "./dist/viewport/define.d.ts",
-      "default": "./dist/viewport/define.js"
-    },
     "./week": {
       "types": "./dist/week/index.d.ts",
       "default": "./dist/week/index.js"

projects/core/src/bundle.ts

@@ -74,7 +74,6 @@ import '@nvidia-elements/core/toggletip/define.js';
 import '@nvidia-elements/core/toolbar/define.js';
 import '@nvidia-elements/core/tooltip/define.js';
 import '@nvidia-elements/core/tree/define.js';
-import '@nvidia-elements/core/viewport/define.js';
 import '@nvidia-elements/core/week/define.js';
 
 export * from '@nvidia-elements/core/accordion';
@@ -147,7 +146,6 @@ export * from '@nvidia-elements/core/toggletip';
 export * from '@nvidia-elements/core/toolbar';
 export * from '@nvidia-elements/core/tooltip';
 export * from '@nvidia-elements/core/tree';
-export * from '@nvidia-elements/core/viewport';
 export * from '@nvidia-elements/core/week';
 
 globalThis.NVE_ELEMENTS.state.bundle = true;

projects/core/src/index.test.lighthouse.ts

@@ -99,7 +99,6 @@ describe('lighthouse report', () => {
         import '@nvidia-elements/core/toolbar/define.js';
         import '@nvidia-elements/core/tooltip/define.js';
         import '@nvidia-elements/core/tree/define.js';
-        import '@nvidia-elements/core/viewport/define.js';
         import '@nvidia-elements/core/week/define.js';
       </script>
     `

projects/internals/metadata/package.json

@@ -118,6 +118,8 @@
         "../../media/dist/custom-elements.json",
         "../../monaco/package.json",
         "../../monaco/dist/custom-elements.json",
+        "../../viewport/package.json",
+        "../../viewport/dist/custom-elements.json",
         "../../patterns/package.json",
         "../../patterns/dist/custom-elements.json",
         "../../plot/dist/custom-elements.json",
@@ -168,6 +170,10 @@
         {
           "script": "../../scene:build",
           "cascade": false
+        },
+        {
+          "script": "../../viewport:build",
+          "cascade": false
         }
       ]
     },
@@ -250,6 +256,11 @@
         "../../monaco/coverage/unit/summary.json",
         "../../monaco/coverage/visual/summary.json",
         "../../monaco/coverage/ssr/summary.json",
+        "../../viewport/coverage/unit/coverage-summary.json",
+        "../../viewport/coverage/unit/summary.json",
+        "../../viewport/coverage/axe/summary.json",
+        "../../viewport/coverage/visual/summary.json",
+        "../../viewport/coverage/ssr/summary.json",
         "../tools/coverage/unit/coverage-summary.json",
         "../tools/coverage/unit/summary.json"
       ],
@@ -313,6 +324,22 @@
           "script": "../../monaco:test:coverage",
           "cascade": false
         },
+        {
+          "script": "../../viewport:test:coverage",
+          "cascade": false
+        },
+        {
+          "script": "../../viewport:test:axe",
+          "cascade": false
+        },
+        {
+          "script": "../../viewport:test:ssr",
+          "cascade": false
+        },
+        {
+          "script": "../../viewport:test:visual",
+          "cascade": false
+        },
         {
           "script": "../../cli:test:coverage",
           "cascade": false
@@ -343,7 +370,8 @@
         "../../forms/dist/**/*.examples.json",
         "../../markdown/dist/**/*.examples.json",
         "../../media/dist/**/*.examples.json",
-        "../../scene/dist/**/*.examples.json"
+        "../../scene/dist/**/*.examples.json",
+        "../../viewport/dist/**/*.examples.json"
       ],
       "output": [
         "static/examples.json"
@@ -385,6 +413,10 @@
           "script": "../../scene:build",
           "cascade": false
         },
+        {
+          "script": "../../viewport:build",
+          "cascade": false
+        },
         {
           "script": "../patterns:build",
           "cascade": false
@@ -408,7 +440,8 @@
       "clean": false,
       "files": [
         "src/tasks/lighthouse.ts",
-        "src/tasks/lighthouse.utils.ts"
+        "src/tasks/lighthouse.utils.ts",
+        "../../viewport/.lighthouse/dist/report.json"
       ],
       "output": [
         "static/lighthouse.json"

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

@@ -136,7 +136,8 @@ export async function getApi(): Promise<{
     '../../../../media',
     '../../../../monaco',
     '../../../../plot',
-    '../../../../scene'
+    '../../../../scene',
+    '../../../../viewport'
   ];
 
   const types = getElementsStandardAPIProperties();