chore: move tasks into scripts [swc-854] (#5476)

* chore: move tasks into scripts [swc-854]

* chore: update custom element manifest scripts to simpify

Author: castastrophe

.eslintrc.json

@@ -79,10 +79,16 @@
     ],
     "overrides": [
         {
-            "files": ["tasks/*", "scripts/*"],
+            "files": ["scripts/*"],
             "rules": {
                 "no-console": ["off"]
             }
+        },
+        {
+            "files": ["react/**/*.ts"],
+            "rules": {
+                "@typescript-eslint/no-explicit-any": "off"
+            }
         }
     ]
 }

.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

tasks/build-preview-urls-comment.js renamed to .github/scripts/build-preview-urls-comment.js

@@ -11,8 +11,9 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import fg from 'fast-glob';
 import fs from 'fs';
+
+import fg from 'fast-glob';
 import prettyBytes from 'pretty-bytes';
 
 const getTachometerResults = () => {
@@ -156,7 +157,7 @@ export const buildTachometerComment = () => {
     const firefoxTables = results.firefox.map(buildTable);
     const chromeBody = chromeTables.length
         ? chromeTables.join(`
-    
+
 `)
         : 'Currently, no packages are changed by this PR...';
     const firefoxBody = firefoxTables.length

tasks/build-tachometer-comment.js renamed to .github/scripts/build-tachometer-comment.js

@@ -93,7 +93,7 @@ jobs:
               uses: actions/github-script@v7
               with:
                   script: |
-                      const { buildTachometerComment } = await import('${{ github.workspace }}/tasks/build-tachometer-comment.js');
+                      const { buildTachometerComment } = await import('${{ github.workspace }}/.github/scripts/build-tachometer-comment.js');
+                      const { commentOrUpdate } = await import('${{ github.workspace }}/.github/scripts/comment-or-update.js');
                       const body = buildTachometerComment();
-                      const { commentOrUpdate } = await import('${{ github.workspace }}/tasks/comment-or-update.js');
                       commentOrUpdate(github, context, '## Tachometer results', body);

tasks/comment-or-update.js renamed to .github/scripts/comment-or-update.js

@@ -39,10 +39,9 @@ jobs:
               uses: actions/github-script@v7
               with:
                   script: |
-                      const { buildPreviewURLComment } = await import('${{ github.workspace }}/tasks/build-preview-urls-comment.js');
+                      const { buildPreviewURLComment, getDocPreviewURL } = await import('${{ github.workspace }}/.github/scripts/build-preview-urls-comment.js');
+                      const { commentOrUpdate } = await import('${{ github.workspace }}/.github/scripts/comment-or-update.js');
                       const body = buildPreviewURLComment(process.env.GITHUB_HEAD_REF);
-                      const { getDocPreviewURL } = await import('${{ github.workspace }}/tasks/build-preview-urls-comment.js');
-                      const { commentOrUpdate } = await import('${{ github.workspace }}/tasks/comment-or-update.js');
                       commentOrUpdate(github, context, '## Branch preview', body);
 
     playwright-smoke-tests:

.github/workflows/browser-tests.yml

@@ -2,22 +2,22 @@
 
 Users with permissions in the `@spectrum-web-components` organization on NPM can follow these steps to create and publish a new version.
 
--   [Prerequisites](#prerequisites)
-    -   [Main successfully builds](#main-successfully-builds)
-    -   [The correct version of Node is installed](#the-correct-version-of-node-is-installed)
-        -   [Using Node Version Manager](#using-node-version-manager)
-        -   [Manually checking](#manually-checking)
-        -   [Troubleshooting](#troubleshooting)
-    -   [Github Token is set up](#github-token-is-set-up)
-        -   [Generate a Github token](#generate-a-github-token)
-    -   [Logged in to NPM](#logged-in-to-npm)
-    -   [NPM 2FA authenticator app](#npm-2fa-authenticator-app)
--   [Releasing to NPM — the good stuff](#releasing-to-npm--the-good-stuff)
-    -   [Troubleshooting](#troubleshooting-1)
--   [Publishing the documentation site manually](#publishing-the-documentation-site-manually)
-    -   [From GitHub](#from-github)
-    -   [From the terminal](#from-the-terminal)
-    -   [References](#references)
+- [Prerequisites](#prerequisites)
+    - [Main successfully builds](#main-successfully-builds)
+    - [The correct version of Node is installed](#the-correct-version-of-node-is-installed)
+        - [Using Node Version Manager](#using-node-version-manager)
+        - [Manually checking](#manually-checking)
+        - [Troubleshooting](#troubleshooting)
+    - [Github Token is set up](#github-token-is-set-up)
+        - [Generate a Github token](#generate-a-github-token)
+    - [Logged in to NPM](#logged-in-to-npm)
+    - [NPM 2FA authenticator app](#npm-2fa-authenticator-app)
+- [Releasing to NPM — the good stuff](#releasing-to-npm--the-good-stuff)
+    - [Troubleshooting](#troubleshooting-1)
+- [Publishing the documentation site manually](#publishing-the-documentation-site-manually)
+    - [From GitHub](#from-github)
+    - [From the terminal](#from-the-terminal)
+    - [References](#references)
 
 ## Prerequisites
 
@@ -94,22 +94,22 @@ If not logged in, run `npm login` to sign in to your account.
     1. In your IDE search `': major` , `': minor`, `': patch` , based on the results in the order of this search list, the highest level takes precedence
         1. exclude files: `.changeset/README.md`
 4. Open your authenticator app to have it ready
-5. Run`yarn changeset-publish`
+5. Run`yarn publish:changeset`
 6. Enter the one-time password from your authenticator for NPM.
     1. Wait for a fresh password; a stale timer might cause issues.
 7. After the SWC packages are released, the React Wrapper packages will be generated.
     1. This multi-phase approach ensures that the wrapped packages share the same version as the standard packages.
 8. Enter a new one-time password from your authenticator for NPM.
-9. The `yarn changeset-publish` command will automatically commit the changes to main with a commit message of `chore: release new versions #publish`
+9. The `yarn publish:changeset` command will automatically commit the changes to main with a commit message of `chore: release new versions #publish`
     1. The docs site will publish automatically if the `#publish` string is included in the commit message and the check suite runs successfully.
 10. Confirm the build on `main` passes
 
 ### Troubleshooting
 
 If publishing fails with an error:
 
--   Check the [list of tags](https://github.com/adobe/spectrum-web-components/tags) to see if new tags have been released for your publishing attempt.
--   If they were, run `yarn changeset-publish` again.
+- Check the [list of tags](https://github.com/adobe/spectrum-web-components/tags) to see if new tags have been released for your publishing attempt.
+- If they were, run `yarn publish:changeset` again.
 
 ---
 

.github/workflows/urls-smoke-test.yml

@@ -10,12 +10,17 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import reactWrapperPlugin from './scripts/cem-plugin-react-wrapper.js';
-import defineElementPlugin from './scripts/define-element-plugin.js';
 import { readFileSync } from 'fs';
-import { resolve } from 'path';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+
 import yaml from 'js-yaml';
 
+import defineElementPlugin from './scripts/define-element-plugin.js';
+import reactWrapperPlugin from './scripts/cem-plugin-react-wrapper.js';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
 export default {
     globs: ['**/sp-*.ts', '**/overlay-trigger.ts', '**/src/[A-Z]*.ts'],
     exclude: [
@@ -26,16 +31,15 @@ export default {
         'node_modules/*',
         '**/*.dev.*',
     ],
-    outdir: '.',
     litelement: true,
     packagejson: false,
     plugins: [
         defineElementPlugin(),
         reactWrapperPlugin({
             exclude: ['StoryDecorator', 'TooltipOpenable'],
-            outDir: '../../react',
+            outDir: join(__dirname, 'react'),
             prettierConfig: yaml.load(
-                readFileSync(resolve('../../.prettierrc.yaml'))
+                readFileSync(join(__dirname, '.prettierrc.yaml'))
             ),
         }),
     ],

RELEASE_PROCESS.md

@@ -12,11 +12,9 @@
         "analyze": "lit-analyzer \"{packages,tools}/*/src/**/!(*.css).ts\"",
         "build": "wireit",
         "build:clear-cache": "rimraf packages/*/tsconfig.tsbuildinfo && rimraf tools/*/tsconfig.tsbuildinfo",
-        "build:component-inventory": "node ./tasks/build-component-inventory.js",
-        "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:react": "rimraf react && node ./scripts/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",
@@ -25,8 +23,7 @@
         "changeset-publish": "yarn prepublishOnly && yarn changeset version && yarn constraints --fix && yarn install --refresh-lockfile && yarn version:update && yarn changeset publish --no-git-tag && yarn push-to-remote && yarn create-git-tag && yarn postpublish",
         "changeset-snapshot-publish": "yarn prepublishOnly && yarn changeset version --snapshot snapshot && yarn constraints --fix && yarn install --refresh-lockfile && yarn version:update && 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",
+        "custom-element-json": "node ./scripts/custom-element-json.js",
         "docs:analyze": "cem analyze --globs \"packages/**/*.ts\" --exclude \"**/*.d.ts\" --exclude \"**/stories/**\" --exclude \"**/icons/**\" --exclude \"**/elements/**\" --outdir projects/documentation --litelement",
         "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",
@@ -35,18 +32,15 @@
         "docs:review": "alex packages/**/*.md",
         "docs:start": "yarn workspace documentation serve --watch",
         "find": "test -f custom-elements.json",
-        "gen-react-wrapper": "node ./tasks/gen-react-wrapper.js",
         "icons": "wireit",
         "icons:ui": "wireit",
         "icons:workflow": "wireit",
         "lint": "git status --porcelain && git add . && lint-staged --allow-empty",
         "new-package": "cd projects/templates && plop",
-        "postcustom-element-json": "node ./tasks/run-check-cem.js",
         "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",
         "prepublish:react": "yarn build:react && sed -i \"\" \"s/react/# react/g\" .gitignore && git commit -am \"Commit React Wrappers\" --no-verify",
@@ -65,7 +59,7 @@
         "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",
+        "test:changed": "node ./scripts/test-changes.js",
         "test:ci": "yarn test:start",
         "test:create": "wireit",
         "test:errors": "yarn test | grep -A 32 ❌",
@@ -99,7 +93,7 @@
         "@rollup/plugin-commonjs": "^25.0.7",
         "@rollup/plugin-json": "^6.0.1",
         "@rollup/plugin-node-resolve": "^15.2.3",
-        "@sindresorhus/slugify": "^2.1.1",
+        "@sindresorhus/slugify": "^2.2.1",
         "@spectrum-web-components/eslint-plugin": "file:./linters/eslint",
         "@storybook/addon-a11y": "^8.6.12",
         "@storybook/addon-designs": "^8.2.1",
@@ -140,6 +134,7 @@
         "chromedriver": "^136.0.0",
         "colors": "^1.4.0",
         "common-tags": "^1.8.2",
+        "crypto": "^1.0.1",
         "custom-elements-manifest": "^2.0.0",
         "debounce": "^2.0.0",
         "deepmerge": "^4.2.2",
@@ -154,7 +149,7 @@
         "eslint-plugin-require-extensions": "^0.1.3",
         "eslint-plugin-storybook": "^0.8.0",
         "express": "^4.16.4",
-        "fast-glob": "^3.2.12",
+        "fast-glob": "^3.3.3",
         "fs-extra": "^11.1.1",
         "geckodriver": "^4.3.0",
         "genversion": "^3.1.1",
@@ -176,9 +171,9 @@
         "pinst": "^3.0.0",
         "prettier": "^3.5.3",
         "prettier-plugin-package": "^1.3.0",
-        "pretty-bytes": "^6.1.1",
+        "pretty-bytes": "^7.0.0",
         "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",
@@ -195,16 +190,16 @@
     },
     "wireit": {
         "build:css:watch": {
-            "command": "node ./tasks/watch-css.js",
+            "command": "node ./scripts/watch-css.js",
             "service": true
         },
         "build:css": {
-            "command": "node ./tasks/build-css.js",
+            "command": "node ./scripts/build-css.js",
             "files": [
                 "packages/**/*.css",
                 "tools/**/*.css",
-                "tasks/build-css.js",
-                "tasks/css-tools.js"
+                "scripts/build-css.js",
+                "scripts/css-tools.js"
             ],
             "output": [
                 "packages/**/*.css.ts",
@@ -213,11 +208,11 @@
             "clean": "if-file-deleted"
         },
         "build:ts:watch": {
-            "command": "node ./tasks/watch-packages.js",
+            "command": "node ./scripts/watch-ts.js",
             "service": true
         },
         "build:ts": {
-            "command": "node ./tasks/esbuild-packages.js",
+            "command": "node ./scripts/build-ts.js",
             "dependencies": [
                 "process-icons",
                 "test:create",
@@ -235,8 +230,7 @@
                 "!projects/templates/**/*",
                 "tools/**/*.ts",
                 "!tools/**/*.d.ts",
-                "tasks/esbuild-packages.js",
-                "tasks/ts-tools.js",
+                "scripts/build-ts.js",
                 "packages/**/exports.json",
                 "tools/**/exports.json"
             ],