chore: script clean-up for packages and tokens[swc-808]

Author: castastrophe

.github/CODEOWNERS

@@ -1,5 +1 @@
-cem-react-wrapper.config.js @jianliao
-scripts/cem-plugin-react-wrappers.js @jianliao
-scripts/generate-icon-react-wrapper.js @jianliao
-tasks/build-react.js @jianliao
-*  @adobe/swc-maintainers
+* @adobe/swc-maintainers

.gitignore

@@ -31,7 +31,6 @@ custom-elements.json
 packages/*/src/**/*.css.js
 packages/*/custom-elements.json
 packages/**/*.js
-packages/**/spectrum-vars.json
 packages/**/*.js.map
 packages/**/*.d.ts
 packages/**/*.test-vrt.ts
@@ -50,7 +49,6 @@ projects/**/*.d.ts
 
 tools/*/src/**/*.css.js
 tools/*/custom-elements.json
-tools/**/spectrum-vars.json
 tools/**/*.js
 tools/**/*.js.map
 tools/**/*.d.ts

.vscode/settings.json

@@ -1,7 +1,6 @@
 {
     "files.exclude": {
         "**/*.css.ts": { "when": "$(basename)" },
-        "packages/*/src/spectrum-vars.json": true,
         "packages/**/*.js.map": true,
         "packages/**/*.js": { "when": "$(basename).ts" },
         "packages/**/*.dev.js": { "when": "$(basename).js" },

INVENTORY.md

@@ -4,7 +4,7 @@ Spectrum Web Components is a future-looking project to develop Adobe Spectrum de
 
 To this end, Spectrum Web Components only targets _modern_, evergreen browsers that fully implement the Custom Elements V1 specification, e.g. Chrome, Firefox, Safari. Polyfills will be avoided as much as possible but documented if necessary.
 
-# Requirements
+## Requirements
 
 -   NodeJS >= 20.0.0
 -   Typescript
@@ -17,9 +17,9 @@ To this end, Spectrum Web Components only targets _modern_, evergreen browsers t
 -   We support all viewport sizes across supported desktop browsers.
 -   While our components are designed to be responsive and mobile-friendly, we do not yet fully support mobile browsers due to limited testing in mobile hardware. We advise testing updates on mobile devices before updating and are happy to address any reported issues.
 
-# Getting started
+## Getting started
 
-```bash
+```sh
 git clone https://github.com/adobe/spectrum-web-components.git
 cd spectrum-web-components
 yarn
@@ -33,8 +33,8 @@ Typical development will involve running `yarn storybook`, `yarn test`, and `yar
 
 Creating a new component from the command line can be done by running the following:
 
-```bash
-$ yarn new-package
+```sh
+yarn new-package
 ```
 
 This will scaffold your component's required architecture by prompting you for 2 data points - the desired name for your package and the name of the Spectrum CSS asset from which you will be building.
@@ -49,35 +49,35 @@ You can find this information in the [Spectrum CSS GitHub project](https://githu
 
 For additional information, please see the [generating components documentation](https://opensource.adobe.com/spectrum-web-components/guides/generating-components) and capturing the value of the package name: `"name": "@spectrum-css/accordion"`. In this example, that name is `accordion`. _Note_ that the project scope `@spectrum-css` is stripped out of the response.
 
-# Storybook
+## Storybook
 
 Testing & reviewing changes can be done using the Storybook instance. Running `yarn storybook` will spin up a local instance of Storybook, triggering the browser to open at completion. From there you can make changes to your code and the browser will automatically refresh.
 
 You can run [Storybook](https://storybook.js.org) through the command:
 
-```bash
+```sh
 yarn storybook
 ```
 
 By default, the resulting site will be available at [http://localhost:8000](http://localhost:8000).
 
-# Documentation
+## Documentation
 
 The Spectrum Web Components documentation site is available via the following command:
 
-```bash
+```sh
 yarn docs:start
 ```
 
 By default, the resulting site will be available at [http://localhost:8080](http://localhost:8080).
 
 In the case that you'd like to serve and test a static build of the documentation from the root directory (`localhost` or otherwise), use:
 
-```bash
+```sh
 yarn docs:build
 ```
 
-# Updating Spectrum CSS
+## Updating Spectrum CSS
 
 There are two mechanisms for broadly updating SWC's Spectrum CSS dependencies:
 
@@ -87,14 +87,12 @@ There are two mechanisms for broadly updating SWC's Spectrum CSS dependencies:
 We aim to keep Spectrum CSS as current as possible, to track the Spectrum design system closely.
 The `:nonbreaking` variant lets us release patch updates quickly in cases where more work is required to be compatible with 'latest.'
 
-# Advanced development
+## Advanced development
 
 There are several commands that can be useful in specific scenarios:
 
--   `yarn build:clear-cache` to remove previously created artifacts of the `tsc build` process.
--   `yarn spectrum-vars` to ensure that theme files are up-to-date.
--   `yarn process-icons` to make sure that the most recent icons are included.
--   `yarn process-spectrum` to process the spectrum CSS style sources into the individual packages.
+-   `yarn build:clean` to remove previously created artifacts of the `tsc build` process.
+-   `yarn build:icons` to make sure that the most recent icons are included.
 -   `yarn build` to make sure the available JS has been built from the current TS source.
 
 ## Linting
@@ -105,15 +103,15 @@ The project will be linted on a pre-commit hook, but you can also run the lint s
 
 There are downstream issues that can arise from multiple packages in this mono-repo using dependencies with mismatched version strings. By default, changesets will bump version numbers of internal dependencies when the various packages are published and the depended version is pointing to the latest release, which can help to mitigate this issue. Running `yarn lint:versions` will check that all version strings for each dependency match across the repo.
 
-`yarn list:versions --fix` will modify the `package.json` files, updating all dependencies to the latest version available in the library — _a potentially dangerous operation_. If this is what you want to do when `yarn lint:versions` discovers mismatched versions, this step can greatly reduce the amount of work to achieve matching version numbers.
+`yarn list:versions --fix` will modify the `package.json` files, updating all dependencies to the latest version available in the library - _a potentially dangerous operation_. If this is what you want to do when `yarn lint:versions` discovers mismatched versions, this step can greatly reduce the amount of work to achieve matching version numbers.
 
 ## Testing
 
 ### Unit tests
 
 Unit tests are run with [Web Test Runner](https://modern-web.dev/docs/test-runner/overview/) in Playwright using the Chai, Mocha and Sinon helper libraries. These tests can be executed with:
 
-```
+```sh
 yarn test
 ```
 
@@ -127,7 +125,7 @@ Visual regressions are tracked via screenshot testing powered by [`@web/test-run
 
 To create a local baseline for comparing your changes to later in the development cycle, use the following:
 
-```bash
+```sh
 yarn test:visual:clean # start with a clean slate
 # yarn test:visual:clean:baseline # removes only baseline images
 # yarn test:visual:clean:current # removes only images updated in the most recent test pass
@@ -203,7 +201,7 @@ For a list of component waiting to be implemented, visit our [`missing component
 
 The build process compiles `.css` files using PostCSS and wraps them in the `lit-html` `css` template tag and writes out a `.css.ts` file for easy import into TypeScript files. This file should not be edited, and is ignored by `.gitignore`, but you may also wish to hide the files in your IDE.
 
-# Contributing
+## Contributing
 
 We'd be very grateful if you contributed to the project! Check out our [contribution guidelines](CONTRIBUTING.md) for more information.
 

README.md

@@ -10,34 +10,32 @@
     },
     "scripts": {
         "analyze": "lit-analyzer \"{packages,tools}/*/src/**/!(*.css).ts\"",
+        "analyze:docs": "cem analyze --globs \"packages/**/*.ts\" --exclude \"**/*.d.ts\" --exclude \"**/stories/**\" --exclude \"**/icons/**\" --exclude \"**/elements/**\" --outdir projects/documentation --litelement",
+        "analyze:storybook": "wireit",
         "build": "wireit",
-        "build:clear-cache": "rimraf packages/*/tsconfig.tsbuildinfo && rimraf tools/*/tsconfig.tsbuildinfo",
-        "build:component-inventory": "node ./tasks/build-component-inventory.js",
+        "build:clean": "rimraf packages/*/tsconfig.tsbuildinfo tools/*/tsconfig.tsbuildinfo",
         "build:confirm": "node ./tasks/confirm-build.js",
         "build:css": "wireit",
         "build:css:watch": "wireit",
-        "build:react": "yarn gen-react-wrapper && node ./tasks/build-react.js && yarn tsc --build tsconfig-react-wrapper.json",
+        "build:icons": "wireit",
+        "build:react": "node ./tasks/build-react.js && tsc --build tsconfig-react-wrapper.json",
         "build:tests": "tsc --build test/tsconfig.json && tsc --build test/tsconfig-node.json",
         "build:ts": "wireit",
         "build:ts:watch": "wireit",
         "build:types": "wireit",
         "build:watch": "wireit",
-        "changeset-snapshot-publish": "yarn prepublishOnly && yarn changeset version --snapshot && yarn lint:versions --fix && yarn update-version && yarn changeset publish --no-git-tag --tag snapshot",
-        "changeset-publish": "yarn prepublishOnly && yarn changeset version && yarn install && yarn lint:versions --fix && yarn update-version && yarn changeset publish --no-git-tag && yarn push-to-remote && yarn create-git-tag && yarn postpublish",
-        "update-version": "node ./tasks/update-version.js",
+        "changeset-publish": "yarn prepublishOnly && yarn changeset version && yarn install && yarn lint:versions --fix && yarn update-version && yarn changeset publish && yarn postpublish",
+        "changeset-snapshot-publish": "yarn prepublishOnly && yarn changeset version --snapshot && yarn install && yarn lint:versions --fix && yarn update-version && yarn changeset publish --no-git-tag --tag snapshot",
         "chromatic": "chromatic --build-script-name storybook:build # note that --project-token must be set in your env variables",
-        "create-git-tag": "node --no-warnings tasks/create-git-tag.js",
-        "custom-element-json": "node tasks/custom-element-json.js",
-        "docs:analyze": "cem analyze --globs \"packages/**/*.ts\" --exclude \"**/*.d.ts\" --exclude \"**/stories/**\" --exclude \"**/icons/**\" --exclude \"**/elements/**\" --outdir projects/documentation --litelement",
+        "custom-element-json": "yarn custom-element-json:clean && node tasks/custom-element-json.js && yarn custom-element-json:validate",
+        "custom-element-json:clean": "rimraf packages/*/custom-elements.json tools/*/custom-elements.json",
+        "custom-element-json:validate": "node ./tasks/run-check-cem.js",
         "docs:build": "yarn workspace documentation build",
-        "docs:ci": "yarn docs:analyze && run-p docs:production storybook:build && cp projects/documentation/custom-elements.json projects/documentation/dist/storybook",
-        "docs:preview": "yarn docs:analyze && run-p docs:build storybook:build && cp projects/documentation/custom-elements.json projects/documentation/dist/storybook",
+        "docs:ci": "yarn analyze:docs && run-p docs:production storybook:build && cp projects/documentation/custom-elements.json projects/documentation/dist/storybook",
+        "docs:preview": "yarn analyze:docs && run-p docs:build storybook:build && cp projects/documentation/custom-elements.json projects/documentation/dist/storybook",
         "docs:production": "yarn workspace documentation build:production",
         "docs:review": "alex packages/**/*.md",
         "docs:start": "yarn workspace documentation serve --watch",
-        "find": "test -f custom-elements.json",
-        "format:css": "yarn lint:css --fix && pretty-quick --pattern \"{packages,tools}/**/*.css\"",
-        "gen-react-wrapper": "node ./tasks/gen-react-wrapper.js",
         "icons": "wireit",
         "icons:ui": "wireit",
         "icons:workflow": "wireit",
@@ -48,31 +46,20 @@
         "lint:packagejson": "pretty-quick --pattern package.json --pattern \"packages/*/package.json\" --pattern \"projects/*/package.json\" --pattern \"tools/*/package.json\" --pattern \"react/*/package.json\"",
         "lint:ts": "pretty-quick --pattern \"packages/**/*.ts\" && eslint -f pretty \"packages/**/*.ts\" && pretty-quick --pattern \"tools/**/*.ts\" && eslint -f pretty \"tools/**/*.ts\"",
         "lint:versions": "node ./scripts/lint-versions.js",
-        "new-package": "cd projects/templates && plop",
-        "postcustom-element-json": "node ./tasks/run-check-cem.js",
-        "postdocs:analyze": "node ./scripts/add-custom-properties.js --src=\"projects/documentation/custom-elements.json\"",
+        "new-package": "yarn workspace swc-templates plop",
         "postinstall": "husky || true && patch-package",
+        "postpack": "pinst --enable",
         "postpublish": "yarn prepublish:react && yarn publish:react && yarn postpublish:react",
         "postpublish:react": "git reset --hard HEAD^ && git prune && rimraf react",
-        "precustom-element-json": "node tasks/remove-custom-elements-json.js",
-        "preeleventy": "yarn docs:analyze",
         "prepack": "pinst --disable",
-        "postpack": "pinst --enable",
+        "prepublish:react": "yarn build:react && sed -i \"\" \"s/react/# react/g\" .gitignore && git commit -am \"chore: commit React watch\" --no-verify",
         "prepublishOnly": "rimraf react && yarn build && yarn custom-element-json && yarn verify-build-artifacts && yarn build:confirm",
-        "prepublish:react": "yarn build:react && sed -i \"\" \"s/react/# react/g\" .gitignore && git commit -am \"Commit React Wrappers\" --no-verify",
-        "prestorybook": "wireit",
-        "prestorybook:build": "cem analyze --outdir storybook/",
         "pretest:bench": "yarn build:tests && test -f test/benchmark/cli.js ||:",
-        "pretest:visual": "yarn build && yarn build",
-        "process-icons": "wireit",
-        "process-spectrum": "wireit",
         "publish:react": "yarn changeset publish --no-git-tag --tag snapshot --no-push",
         "push-to-remote": "git add . && git commit -m \"chore: release new versions #publish\" && git push",
         "start": "yarn storybook",
         "storybook": "wireit",
         "storybook:build": "NODE_ENV=production storybook build -o projects/documentation/dist/storybook -c storybook",
-        "storybook:quick": "run-p build:watch storybook:run",
-        "storybook:run": "web-dev-server --config wds-storybook.config.js",
         "test": "yarn test:focus unit",
         "test:bench": "yarn build:tests && node test/benchmark/cli.js",
         "test:changed": "node ./tasks/test-changes.js",
@@ -81,17 +68,15 @@
         "test:errors": "yarn test | grep -A 32 ❌",
         "test:focus": "yarn build && yarn test:ci --group",
         "test:start": "web-test-runner",
-        "test:visual": "yarn test:visual:ci",
+        "test:visual": "yarn build && yarn test:visual:ci",
         "test:visual:ci": "yarn test:start --group",
         "test:visual:clean": "yarn test:visual:clean:baseline && yarn test:visual:clean:current",
         "test:visual:clean:baseline": "rimraf test/visual/screenshots-baseline",
         "test:visual:clean:current": "rimraf test/visual/screenshots-current",
         "test:watch": "yarn test:watch:focus unit",
         "test:watch:flags:focus": "yarn build && run-p build:watch \"test:start --watch --group {1} --config web-test-runner.config.ci-chromium-flags.js\" --",
         "test:watch:focus": "yarn build && run-p build:watch \"test:start --watch --group {1}\" --",
-        "update:spectrum-css": "node ./scripts/update-spectrum-css.js --latest || yarn update:spectrum-css:cleanup",
-        "update:spectrum-css:cleanup": "yarn lint:packagejson && yarn --ignore-scripts && yarn process-spectrum",
-        "update:spectrum-css:nonbreaking": "node ./scripts/update-spectrum-css.js || yarn update:spectrum-css:cleanup",
+        "update-version": "node ./tasks/update-version.js",
         "verify-build-artifacts": "node ./scripts/verify-build-artifacts.js",
         "vrt:preview": "yarn wds --config test/visual/wds-vrt.config.js",
         "vrt:quick-link": "yarn netlify deploy --alias=vrt --dir=projects/vrt-quick-link"
@@ -190,7 +175,7 @@
         "pretty-bytes": "^6.1.1",
         "pretty-quick": "^4.1.1",
         "re-template-tag": "^2.0.1",
-        "rimraf": "^5.0.1",
+        "rimraf": "^6.0.1",
         "rollup": "^4.12.0",
         "sinon": "^17.0.1",
         "storybook": "^8.6.12",
@@ -212,14 +197,10 @@
         },
         "build:css": {
             "command": "node ./tasks/build-css.js",
-            "dependencies": [
-                "process-spectrum"
-            ],
             "files": [
                 "packages/**/*.css",
                 "tools/**/*.css",
-                "tasks/build-css.js",
-                "tasks/css-tools.js"
+                "tasks/build-css.js"
             ],
             "output": [
                 "packages/**/*.css.ts",
@@ -234,7 +215,7 @@
         "build:ts": {
             "command": "node ./tasks/esbuild-packages.js",
             "dependencies": [
-                "process-icons",
+                "build:icons",
                 "test:create",
                 "build:css"
             ],
@@ -287,7 +268,7 @@
         "build:types": {
             "command": "tsc --build tsconfig-all.json --pretty",
             "dependencies": [
-                "process-icons",
+                "build:icons",
                 "test:create",
                 "build:css"
             ],
@@ -368,7 +349,7 @@
             ],
             "clean": "if-file-deleted"
         },
-        "prestorybook": {
+        "analyze:storybook": {
             "command": "cem analyze --outdir storybook/",
             "files": [
                 "packages/**/*.ts",
@@ -378,46 +359,19 @@
                 "storybook/custom-elements.json"
             ]
         },
-        "process-icons": {
+        "build:icons": {
             "dependencies": [
                 "icons",
                 "icons:ui",
                 "icons:workflow"
             ]
         },
-        "process-spectrum": {
-            "command": "node ./scripts/spectrum-vars.js && node ./tasks/process-spectrum.js && node ./scripts/generate-tokens.js && yarn format:css",
-            "files": [
-                "tasks/process-spectrum.js",
-                "packages/**/spectrum-config.js",
-                "tools/**/spectrum-config.js",
-                "node_modules/@spectrum-css/**/index-vars.css",
-                "scripts/generate-tokens.js",
-                "scripts/generate-tokens-wrapper.js",
-                "node_modules/@spectrum-css/**/*.css",
-                "scripts/spectrum-vars.js",
-                "tools/styles/package.json",
-                ".prettierrc.yaml",
-                ".stylelintrc.json"
-            ],
-            "output": [
-                "packages/*/src/spectrum-*.css",
-                "tools/*/src/spectrum-*.css",
-                "tools/styles/*.css",
-                "tools/styles/express/*.css",
-                "!tools/styles/scale-*.css",
-                "!tools/styles/theme-*.css",
-                "!tools/styles/express/scale-*.css",
-                "!tools/styles/express/theme-*.css"
-            ],
-            "clean": false
-        },
         "storybook": {
             "command": "storybook dev -p 8080 -c storybook",
             "service": true,
             "dependencies": [
                 "build:watch",
-                "prestorybook"
+                "analyze:storybook"
             ]
         },
         "test:create": {

package.json

@@ -60,8 +60,6 @@
         "case": "^1.6.1",
         "cheerio": "^1.0.0-rc.2",
         "fast-glob": "^3.2.12",
-        "fs": "^0.0.1-security",
-        "path": "^0.12.7",
         "prettier": "^3.0.0"
     },
     "types": "./src/index.d.ts",

packages/icons-workflow/package.json

@@ -222,7 +222,6 @@
                 "../../tools/**/args.js",
                 "../../tools/**/template.js",
                 "scripts/gather-wcd-urls.js",
-                "scripts/gather-spectrum-urls.js",
                 "scripts/gather-storybook-urls.js",
                 "scripts/copy-component-docs.js",
                 "scripts/component-template-parts.js"