internal: Use yarn pnp

.vscode/settings.json

@@ -1,10 +1,9 @@
-
 {
-  "eslint.nodePath": "node_modules",
+  "eslint.nodePath": ".yarn/sdks",
   "eslint.runtime": "node",
   "typescript.format.enable": true,
   "typescript.validate.enable": true,
-  "typescript.tsdk": "./node_modules/typescript/lib",
+  "typescript.tsdk": ".yarn/sdks/typescript/lib",
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "[javascript]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
@@ -23,5 +22,11 @@
   ],
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
-  }
+  },
+  "search.exclude": {
+    "**/.yarn": true,
+    "**/.pnp.*": true
+  },
+  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
+  "typescript.enablePromptUseWorkspaceTsdk": true
 }

.yarn/sdks/eslint/bin/eslint.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require eslint/bin/eslint.js
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real eslint/bin/eslint.js your application uses
+module.exports = absRequire(`eslint/bin/eslint.js`);

.yarn/sdks/eslint/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "eslint",
+  "version": "8.36.0-sdk",
+  "main": "./lib/api.js",
+  "type": "commonjs"
+}

.yarn/sdks/integrations.yml

@@ -0,0 +1,5 @@
+# This file is automatically generated by @yarnpkg/sdks.
+# Manual changes might be lost!
+
+integrations:
+  - vscode

.yarn/sdks/prettier/index.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require prettier/index.js
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real prettier/index.js your application uses
+module.exports = absRequire(`prettier/index.js`);

.yarn/sdks/prettier/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "prettier",
+  "version": "2.8.7-sdk",
+  "main": "./index.js",
+  "type": "commonjs"
+}

.yarn/sdks/typescript/bin/tsc

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require typescript/bin/tsc
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real typescript/bin/tsc your application uses
+module.exports = absRequire(`typescript/bin/tsc`);

.yarn/sdks/typescript/bin/tsserver

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require typescript/bin/tsserver
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real typescript/bin/tsserver your application uses
+module.exports = absRequire(`typescript/bin/tsserver`);

.yarn/sdks/typescript/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "typescript",
+  "version": "5.0.2-sdk",
+  "main": "./lib/typescript.js",
+  "type": "commonjs"
+}

.yarnrc.yml

@@ -2,7 +2,8 @@ changesetIgnorePatterns:
   - "**/__tests__/**"
   - "**/*.md"
 
-nodeLinker: node-modules
+nodeLinker: pnp
+pnpEnableEsmLoader: true
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
@@ -14,4 +15,9 @@ plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
     spec: "@yarnpkg/plugin-workspace-tools"
 
+packageExtensions:
+  "@ant-design/pro-layout@*":
+    dependencies:
+      "@ant-design/cssinjs": ^1.6.2
+
 yarnPath: .yarn/releases/yarn-3.5.0.cjs

examples/typescript/package.json

@@ -30,6 +30,9 @@
     "@storybook/addon-links": "7.0.0-rc.8",
     "@storybook/addon-mdx-gfm": "7.0.0-rc.8",
     "@storybook/addons": "7.0.0-rc.8",
+    "@storybook/channel-postmessage": "7.0.0-rc.8",
+    "@storybook/channel-websocket": "7.0.0-rc.8",
+    "@storybook/preview-api": "7.0.0-rc.8",
     "@storybook/react": "7.0.0-rc.8",
     "@types/babel__core": "^7.20.0",
     "@types/classnames": "2.3.1",

examples/typescript/tsconfig.json

@@ -47,11 +47,6 @@
       "@standard-endpoint/github/*": ["github/*"]
     } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,
     //"rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-    "typeRoots": [
-      "node_modules/@types",
-      "../../node_modules/@types",
-      "./src/typings"
-    ] /* List of folders to include type definitions from. */,
 
     "types": [
       "jest",

package.json

@@ -42,7 +42,6 @@
     "@types/node": "^18.15.9",
     "@typescript-eslint/eslint-plugin": "5.56.0",
     "@typescript-eslint/parser": "5.56.0",
-    "babel-loader": "9.1.2",
     "babel-plugin-module-resolver": "5.0.0",
     "babel-plugin-root-import": "6.6.0",
     "conventional-changelog-anansi": "0.2.0",
@@ -57,8 +56,6 @@
     "lint-staged": "13.2.0",
     "prettier": "2.8.7",
     "typescript": "5.0.2",
-    "webpack": "5.76.3",
-    "webpack-cli": "5.0.1",
     "webpack-dev-server": "4.13.1"
   },
   "resolutions": {

packages/jest-preset-anansi/src/jest-preset.ts

@@ -53,7 +53,7 @@ module.exports = {
       '/node_modules/(?!@babel/runtime)',
       '\\.pnp\\.[^\\/]+$',
     ],
-    resolver: require.resolve(`jest-pnp-resolver`),
+    resolver: require.resolve(`./resolver`),
     testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(m|c)?(j|t)sx?$',
     coveragePathIgnorePatterns: ['node_modules'],
     moduleFileExtensions: [

packages/jest-preset-anansi/src/resolver.ts

@@ -0,0 +1,21 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const pnpResolve = require('jest-pnp-resolver');
+const path = require('path');
+
+module.exports = (request: string, options: Record<string, any>) => {
+  if (
+    options.paths &&
+    Array.isArray(options.paths) &&
+    !['.', '/'].includes(request[0])
+  ) {
+    for (const rootPath of options.paths) {
+      try {
+        const p = path.join(rootPath, request);
+        return require.resolve(p);
+        // eslint-disable-next-line no-empty
+      } catch (e) {}
+    }
+  }
+
+  return pnpResolve(request, options);
+};

packages/storybook/package.json

@@ -60,11 +60,17 @@
     "@anansi/webpack-config": "^13.0.0 || ^14.0.0 || ^15.0.0",
     "@rest-hooks/react": "^6.0.0 || ^7.0.0",
     "@types/react": "^17.0.40 || ^18.0.0",
-    "react": "^18.0.0"
+    "@types/react-dom": "^17.0.40 || ^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "webpack": "*"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
     }
   },
   "engines": {