fix(web-components): dont ship non production assets to npm registry (#…

…26854)

* fix(web-components): dont ship non production assets to npm registry

* generate change file

change/@fluentui-web-components-c9bafa19-7bba-4e91-a34b-ef812e450e99.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix(web-components): dont ship non production assets to npm registry",
+  "packageName": "@fluentui/web-components",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/web-components/.npmignore

@@ -1,34 +1,41 @@
+.vscode/
+
 # Tests
 *.spec.*
 *.test.*
 coverage/
+__fixtures__
+__mocks__
+__tests__
 
 # images
 images/
 
 # Source files
 src/
-
 scripts/
 
 # config files
 .eslintignore
 .eslintrc.js
+.eslintrc.json
 .prettierignore
-.storybook
 tsconfig.json
-tsconfig.lib.json
-tsconfig.spec.json
-tsconfig.build.json
+tsconfig.*.json
 rollup.config.json
+rollup.config.js
 karma.conf.cjs
 api-extractor.json
 .mocharc.json
 
-# Storybook static site
-dist/storybook-static/
+# Storybook
+.storybook
+*.stories.*
 public/
+dist/storybook-static/
 
 # cache
 .rollupcache
-temp
+temp/
+etc/
+CHANGELOG.json

packages/web-components/package.json

@@ -50,12 +50,8 @@
     "api-extractor": "api-extractor",
     "compile": "node ./scripts/compile",
     "clean": "node ./scripts/clean dist",
-    "doc": "api-extractor run --local",
-    "doc:ci": "yarn doc",
-    "build": "yarn compile && rollup -c && yarn doc",
-    "dev": "tsc -p ./tsconfig.json -w",
-    "tdd": "yarn dev & yarn test-chrome:watch",
-    "prepare": "yarn clean && yarn build",
+    "generate-api": "api-extractor run --local",
+    "build": "yarn compile && rollup -c && yarn generate-api",
     "lint": "eslint . --ext .ts",
     "lint:fix": "eslint . --ext .ts --fix",
     "format": "prettier -w 'src/**/(*.ts|*.html)' --ignore-path ../../.prettierignore",
@@ -64,7 +60,7 @@
     "start": "yarn start-storybook -p 6006 --docs --no-manager-cache",
     "start-storybook": "node node_modules/@storybook/html/bin/index",
     "build-storybook": "node node_modules/@storybook/html/bin/build -o ./dist/storybook --docs",
-    "test": "yarn doc:ci && yarn test-chrome:verbose",
+    "test": "yarn test-chrome:verbose",
     "test-node": "mocha --reporter min --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
     "test-node:verbose": "mocha --reporter spec --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
     "test-chrome": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --single-run --coverage",

packages/web-components/src/badge/badge.stories.ts

@@ -1,6 +1,6 @@
 import { html, when } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
-import { renderComponent } from '../helpers.js';
+import { renderComponent } from '../helpers.stories.js';
 import type { Badge as FluentBadge } from './badge.js';
 import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
 import './define.js';

packages/web-components/src/counter-badge/counter-badge.stories.ts

@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
-import { renderComponent } from '../helpers.js';
+import { renderComponent } from '../helpers.stories.js';
 import type { CounterBadge as FluentCounterBadge } from './counter-badge.js';
 import {
   CounterBadgeAppearance,

packages/web-components/src/progress-bar/progress-bar.stories.ts

@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
-import { renderComponent } from '../helpers.js';
+import { renderComponent } from '../helpers.stories.js';
 import type { ProgressBar as FluentProgressBar } from './progress-bar.js';
 import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
 import './define.js';

packages/web-components/src/spinner/spinner.stories.ts

@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
-import { renderComponent } from '../helpers.js';
+import { renderComponent } from '../helpers.stories.js';
 import { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
 import './define.js';
 

packages/web-components/src/text/text.stories.ts

@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
-import { renderComponent } from '../helpers.js';
+import { renderComponent } from '../helpers.stories.js';
 import type { Text as FluentText } from './text.js';
 import './define.js';
 import { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';