feat: pnpm 🎉

Author: aklkv

.npmrc

@@ -0,0 +1,27 @@
+####################
+# super strict mode
+####################
+auto-install-peers=false
+strict-peer-dependents=true
+resolve-peers-from-workspace-root=false
+
+################
+# Optimizations
+################
+# Less strict, but required for tooling to not barf on duplicate peer trees.
+# (many libraries declare the same peers, which resolve to the same
+#  versions)
+dedupe-peer-dependents=true
+public-hoist-pattern[]=ember-source
+
+################
+# Compatibility
+################
+# highest is what everyone is used to, but
+# not ensuring folks are actually compatible with declared ranges.
+resolution-mode=highest
+
+################
+# Misc
+################
+verify-deps-before-run=install # always verify deps before running any scripts

.yarn/patches/broccoli-asset-rewrite-npm-2.0.0-c4ce42084a.patch

@@ -2,23 +2,20 @@
   "name": "@hashicorp/design-system",
   "private": true,
   "version": "0.0.0",
-  "workspaces": [
-    "./packages/*",
-    "./showcase",
-    "./website"
-  ],
   "devDependencies": {
     "@changesets/cli": "^2.27.11",
     "@changesets/get-github-info": "^0.6.0",
     "dotenv": "^16.4.7"
   },
   "scripts": {
-    "release-packages": "yarn changeset publish",
-    "version-packages": "yarn changeset version && yarn install --mode update-lockfile && yarn workspace website generate-changelog-markdown-files"
+    "release-packages": "pnpm changeset publish",
+    "version-packages": "pnpm changeset version && pnpm install --mode update-lockfile && pnpm -F website generate-changelog-markdown-files"
   },
-  "packageManager": "yarn@4.5.3",
-  "resolutions": {
-    "broccoli-asset-rewrite@^2.0.0": "patch:broccoli-asset-rewrite@npm%3A2.0.0#./.yarn/patches/broccoli-asset-rewrite-npm-2.0.0-c4ce42084a.patch",
-    "@glint/environment-ember-loose": "patch:@glint/environment-ember-loose@npm%3A1.4.0#~/.yarn/patches/@glint-environment-ember-loose-npm-1.4.0-31c2f31bcb.patch"
+  "packageManager": "pnpm@10.0.0+sha512.b8fef5494bd3fe4cbd4edabd0745df2ee5be3e4b0b8b08fa643aa3e4c6702ccc0f00d68fa8a8c9858a735a0032485a44990ed2810526c875e416f001b17df12b",
+  "pnpm": {
+    "patchedDependencies": {
+      "@glint/environment-ember-loose": "patches/@glint__environment-ember-loose.patch",
+      "@embroider/core": "patches/@embroider__core.patch"
+    }
   }
 }

.yarn/releases/yarn-4.5.3.cjs

@@ -24,8 +24,6 @@
         }
       }
     ],
-    ["@babel/plugin-proposal-decorators", { "legacy": true }],
-    "@babel/plugin-transform-class-properties",
-    "@babel/plugin-transform-private-methods"
+    "ember-concurrency/async-arrow-task-transform"
   ]
 }

.yarnrc.yml

@@ -17,17 +17,13 @@
   "license": "MPL-2.0",
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
   "scripts": {
-    "build": "concurrently 'npm:build:*'",
-    "build:js": "rollup --config",
-    "build:types": "glint --declaration",
-    "prepublishOnly": "yarn build && test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo 'The pre-compiled CSS file was not found' && exit 1)",
-    "start": "concurrently 'yarn:start:*'",
-    "start:js": "rollup --config --watch --environment development",
-    "start:types": "glint --declaration --watch",
-    "lint": "concurrently \"yarn:lint:*(!fix)\" --names \"lint:\"",
-    "lint:fix": "concurrently \"yarn:lint:*:fix\" --names \"fix:\"",
+    "build": "rollup --config",
+    "prepublishOnly": "pnpm build && test -f 'dist/styles/@hashicorp/design-system-components.css' || (echo 'The pre-compiled CSS file was not found' && exit 1)",
+    "start": "rollup --config --watch --environment development",
+    "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\"",
+    "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\"",
     "lint:css": "stylelint \"src/styles/**/*.scss\"",
-    "lint:css:fix": "concurrently \"yarn:lint:css --fix\"",
+    "lint:css:fix": "concurrently \"pnpm:lint:css --fix\"",
     "lint:types": "glint",
     "lint:hbs": "ember-template-lint .",
     "lint:hbs:fix": "ember-template-lint . --fix",
@@ -40,12 +36,13 @@
     "@ember/test-waiters": "^3.1.0",
     "@embroider/addon-shim": "^1.9.0",
     "@floating-ui/dom": "^1.6.12",
-    "@hashicorp/design-system-tokens": "^2.2.2",
-    "@hashicorp/flight-icons": "^3.8.0",
+    "@glimmer/component": "^1.1.2",
+    "@glimmer/tracking": "^1.1.2",
+    "@hashicorp/design-system-tokens": "workspace:*",
+    "@hashicorp/flight-icons": "workspace:*",
     "clipboard-polyfill": "^4.1.1",
-    "decorator-transforms": "^1.2.1",
+    "decorator-transforms": "^2.3.0",
     "ember-a11y-refocus": "^4.1.4",
-    "ember-cli-sass": "^11.0.1",
     "ember-composable-helpers": "^5.0.0",
     "ember-concurrency": "^4.0.2",
     "ember-element-helper": "^0.8.6",
@@ -58,23 +55,18 @@
     "ember-truth-helpers": "^4.0.3",
     "luxon": "^2.3.2 || ^3.4.2",
     "prismjs": "^1.29.0",
-    "sass": "^1.83.0",
     "tippy.js": "^6.3.7"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
-    "@babel/plugin-proposal-decorators": "^7.25.9",
-    "@babel/plugin-transform-class-properties": "^7.25.9",
-    "@babel/plugin-transform-private-methods": "^7.25.9",
     "@babel/plugin-transform-typescript": "^7.26.3",
     "@babel/runtime": "^7.26.0",
     "@ember/test-helpers": "^4.0.4",
-    "@embroider/addon-dev": "^4.3.1",
-    "@glimmer/component": "^1.1.2",
-    "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "^1.5.0",
-    "@glint/environment-ember-loose": "^1.4.0",
-    "@glint/template": "^1.5.0",
+    "@embroider/addon-dev": "^7.1.1",
+    "@glint/core": "^1.5.1",
+    "@glint/environment-ember-loose": "^1.5.1",
+    "@glint/environment-ember-template-imports": "^1.5.1",
+    "@glint/template": "^1.5.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@tsconfig/ember": "^3.0.8",
     "@types/ember-qunit": "^6.1.3",
@@ -89,6 +81,7 @@
     "babel-plugin-ember-template-compilation": "^2.3.0",
     "concurrently": "^9.1.0",
     "ember-basic-dropdown": "^8.4.0",
+    "ember-source": "^5.12.0",
     "ember-template-lint": "^6.0.0",
     "ember-template-lint-plugin-prettier": "^5.0.0",
     "eslint": "^8.57.1",
@@ -103,7 +96,7 @@
     "rollup": "^4.28.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-scss": "^4.0.1",
-    "rollup-plugin-ts": "^3.4.5",
+    "sass": "^1.83.0",
     "stylelint": "^16.12.0",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard-scss": "^14.0.0",
@@ -331,4 +324,4 @@
   "engines": {
     "node": ">= 18"
   }
-}
+}

package.json

@@ -51,7 +51,7 @@ const plugins = [
   scss({
     fileName: 'styles/@hashicorp/design-system-components.css',
     includePaths: [
-      '../../node_modules/@hashicorp/design-system-tokens/dist/products/css',
+      'node_modules/@hashicorp/design-system-tokens/dist/products/css',
     ],
   }),
 
@@ -65,6 +65,9 @@ const plugins = [
   // Ensure that .gjs files are properly integrated as Javascript
   addon.gjs(),
 
+  // Emit .d.ts declaration files
+  addon.declarations('declarations'),
+
   // This babel config should *not* apply presets or compile away ES modules.
   // It exists only to provide development niceties for you, like automatic
   // template colocation.

packages/components/babel.config.json

@@ -17,26 +17,26 @@
   "license": "MPL-2.0",
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
   "scripts": {
-    "build": "concurrently 'yarn:build:*'",
+    "build": "concurrently 'pnpm:build:*'",
     "build:js": "rollup --config",
     "build:types": "glint --declaration",
-    "lint": "concurrently 'yarn:lint:*(!fix)' --names 'lint:'",
-    "lint:fix": "concurrently 'yarn:lint:*:fix' --names 'fix:'",
+    "lint": "concurrently 'pnpm:lint:*(!fix)' --names 'lint:'",
+    "lint:fix": "concurrently 'pnpm:lint:*:fix' --names 'fix:'",
     "lint:hbs": "ember-template-lint . --no-error-on-unmatched-pattern",
     "lint:hbs:fix": "ember-template-lint . --fix --no-error-on-unmatched-pattern",
     "lint:js": "eslint . --cache",
     "lint:js:fix": "eslint . --fix",
     "lint:types": "glint",
-    "prepublishOnly": "concurrently 'yarn:build:*'",
-    "start": "concurrently 'yarn:start:*'",
+    "prepublishOnly": "concurrently 'pnpm:build:*'",
+    "start": "concurrently 'pnpm:start:*'",
     "start:js": "rollup --config --watch --no-watch.clearScreen",
     "start:types": "glint --declaration --watch",
     "test": "echo 'A v2 addon does not have tests, run tests in test-app'"
   },
   "dependencies": {
     "@embroider/addon-shim": "^1.9.0",
-    "@hashicorp/flight-icons": "^3.8.0",
-    "decorator-transforms": "^1.2.1",
+    "@hashicorp/flight-icons": "workspace:*",
+    "decorator-transforms": "^2.3.0",
     "ember-get-config": "^2.1.1"
   },
   "devDependencies": {
@@ -47,13 +47,13 @@
     "@babel/plugin-transform-typescript": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@babel/runtime": "^7.26.0",
-    "@embroider/addon-dev": "^4.3.1",
+    "@embroider/addon-dev": "^7.1.1",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "^1.5.0",
-    "@glint/environment-ember-loose": "^1.4.0",
-    "@glint/environment-ember-template-imports": "^1.5.0",
-    "@glint/template": "^1.5.0",
+    "@glint/core": "^1.5.1",
+    "@glint/environment-ember-loose": "^1.5.1",
+    "@glint/environment-ember-template-imports": "^1.5.1",
+    "@glint/template": "^1.5.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@tsconfig/ember": "^3.0.8",
     "@typescript-eslint/eslint-plugin": "^8.18.1",
@@ -112,4 +112,4 @@
   "engines": {
     "node": ">= 18"
   }
-}
+}

packages/components/package.json

@@ -16,8 +16,8 @@
   "license": "MPL-2.0",
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
   "scripts": {
-    "typecheck": "yarn tsc --noEmit",
-    "lint": "yarn eslint --quiet --ext .js,.ts,.tsx",
+    "typecheck": "pnpm tsc --noEmit",
+    "lint": "pnpm eslint --quiet --ext .js,.ts,.tsx",
     "sync": "ts-node --transpile-only ./scripts/sync",
     "build": "ts-node --transpile-only ./scripts/build"
   },
@@ -54,4 +54,4 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.7.2"
   }
-}
+}

packages/components/rollup.config.mjs

@@ -18,8 +18,8 @@
   "author": "HashiCorp Design Systems <design-systems@hashicorp.com>",
   "type": "module",
   "scripts": {
-    "typecheck": "yarn tsc --noEmit",
-    "lint": "yarn eslint --quiet --ext .js,.ts",
+    "typecheck": "pnpm tsc --noEmit",
+    "lint": "pnpm eslint --quiet --ext .js,.ts",
     "build": "tsx ./scripts/build"
   },
   "devDependencies": {
@@ -40,4 +40,4 @@
     "tsx": "^4.19.2",
     "typescript": "^5.7.2"
   }
-}
+}

packages/ember-flight-icons/package.json

@@ -0,0 +1,19 @@
+diff --git a/src/app-files.js b/src/app-files.js
+index 924a11241f9e6584fee5aba793e9cd86ea6d708f..6822e87bba314adeacee240964fd6f3317349088 100644
+--- a/src/app-files.js
++++ b/src/app-files.js
+@@ -74,10 +74,10 @@ class AppFiles {
+                 }
+                 continue;
+             }
+-            if (relativePath.startsWith('templates/components/')) {
+-                components.push(relativePath);
+-                continue;
+-            }
++            // if (relativePath.startsWith('templates/components/')) {
++            //     components.push(relativePath);
++            //     continue;
++            // }
+             if (relativePath.startsWith('helpers/')) {
+                 helpers.push(relativePath);
+                 continue;

packages/flight-icons/package.json

@@ -1,8 +1,8 @@
 diff --git a/-private/environment/index.js b/-private/environment/index.js
-index 217583f4bae53f6f72db8d3debd0f31b3dac2b8e..8caf5463cf2be2248952c2347c738b98d2b7e22b 100644
+index 217583f4bae53f6f72db8d3debd0f31b3dac2b8e..5f430a52343ad4fc0ac1aaa11855afd91d6741cc 100644
 --- a/-private/environment/index.js
 +++ b/-private/environment/index.js
-@@ -46,10 +46,8 @@ function emberLooseEnvironment(options) {
+@@ -46,10 +46,12 @@ function emberLooseEnvironment(options) {
                      // Pod component/controller/route
                      candidates.push(templatePath.replace(REGEXES.POD_TEMPLATE, '/component.ts'), templatePath.replace(REGEXES.POD_TEMPLATE, '/controller.ts'), templatePath.replace(REGEXES.POD_TEMPLATE, '/route.ts'));
                  }
@@ -12,6 +12,10 @@ index 217583f4bae53f6f72db8d3debd0f31b3dac2b8e..8caf5463cf2be2248952c2347c738b98
 -                }
 +                // we no longer need this as it remnant of classic components and it interferes with our route stricture in showcase up
 +                // upstream PR: https://github.com/typed-ember/glint/pull/721
++                // else if (templatePath.includes('/templates/components/')) {
++                //     // Classic component
++                //     candidates.push(colocatedTsScriptPath.replace('/templates/components/', '/components/'));
++                // }
                  else if (templatePath.includes('/templates/')) {
                      // Classic controller/route
                      candidates.push(colocatedTsScriptPath.replace('/templates/', '/controllers/'), colocatedTsScriptPath.replace('/templates/', '/routes/'));