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,10 @@
   ],
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
-  }
+  },
+  "search.exclude": {
+    "**/.yarn": true,
+    "**/.pnp.*": true
+  },
+  "prettier.prettierPath": ".yarn/sdks/prettier/index.js"
 }

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

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire, createRequireFromPath} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = (createRequire || createRequireFromPath)(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.19.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, createRequireFromPath} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = (createRequire || createRequireFromPath)(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.7.1-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, createRequireFromPath} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = (createRequire || createRequireFromPath)(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, createRequireFromPath} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = (createRequire || createRequireFromPath)(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": "4.7.4-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

examples/typescript/.storybook/main.js

@@ -5,7 +5,7 @@ module.exports = {
     reactDocgen: 'react-docgen-typescript'
   },
   framework: {
-    name: '@anansi/storybook',
+    name: require.resolve('@anansi/storybook'),
     options: {
       fastRefresh: true
     }

examples/typescript/package.json

@@ -81,7 +81,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router-dom": "5.3.0",
-    "react-router-scroll-4": "1.0.0-beta.2",
     "redbox-react": "1.6.0"
   },
   "browserslist": [

examples/typescript/src/index.tsx

@@ -1,7 +1,6 @@
 import { CacheProvider } from '@rest-hooks/react';
 import ReactDOM from 'react-dom/client';
 import { Router, RouteChildrenProps } from 'react-router-dom';
-import { ScrollContext } from 'react-router-scroll-4';
 
 import { history } from 'navigation';
 
@@ -24,9 +23,7 @@ ReactDOM.createRoot(document.body).render(
     <ErrorBoundary>
       <CacheProvider>
         <Router history={history}>
-          <ScrollContext shouldUpdateScroll={shouldUpdateScroll}>
             <App />
-          </ScrollContext>
         </Router>
       </CacheProvider>
     </ErrorBoundary>

examples/typescript/tsconfig.json

@@ -47,16 +47,17 @@
       "@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": [
+    /*"typeRoots": [
       "node_modules/@types",
       "../../node_modules/@types",
       "./src/typings"
-    ] /* List of folders to include type definitions from. */,
+    ]  List of folders to include type definitions from. ,*/
 
     "types": [
       "jest",
       "@anansi/webpack-config/types",
-      "node"
+      "node",
+      "./src/typings"
     ] /* Type declaration files to be included in compilation. */,
     "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,

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);
+};