Make debug work with yarn 3 workspaces

.vscode/launch.json

@@ -25,6 +25,16 @@
  ],
  "outFiles": ["${workspaceFolder}/out/**/*.js"]
  },
+ {
+ "name": "Run Extension Multi-Root Workspace No Root Sample",
+ "type": "extensionHost",
+ "request": "launch",
+ "args": [
+ "--extensionDevelopmentPath=${workspaceFolder}",
+ "${workspaceFolder}/samples/multi-root-workspace-no-root/sample.code-workspace"
+ ],
+ "outFiles": ["${workspaceFolder}/out/**/*.js"]
+ },
  {
  "name": "Run Extension Monorepo Sample",
  "type": "extensionHost",

samples/multi-root-workspace-no-root/.gitignore

@@ -0,0 +1,8 @@
+# yarn
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

samples/multi-root-workspace-no-root/.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.2.3.cjs

samples/multi-root-workspace-no-root/package.json

@@ -0,0 +1,15 @@
+{
+ "name": "monorepo",
+ "version": "1.0.1",
+ "description": "",
+ "main": "index.js",
+ "workspaces": [
+ "packages/*"
+ ],
+ "scripts": {
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "author": "",
+ "license": "ISC",
+ "packageManager": "[email protected]"
+}

samples/multi-root-workspace-no-root/packages/react/components/Link.tsx

@@ -0,0 +1,31 @@
+import React, { useState } from 'react'
+
+const STATUS = {
+ HOVERED: 'hovered',
+ NORMAL: 'normal',
+}
+
+const Link = ({ page, children }: any) => {
+ const [status, setStatus] = useState(STATUS.NORMAL)
+
+ const onMouseEnter = () => {
+ setStatus(STATUS.HOVERED)
+ }
+
+ const onMouseLeave = () => {
+ setStatus(STATUS.NORMAL)
+ }
+
+ return (
+ <a
+ className={status}
+ href={page || '#'}
+ onMouseEnter={onMouseEnter}
+ onMouseLeave={onMouseLeave}
+ >
+ {children}
+ </a>
+ )
+}
+
+export default Link

samples/multi-root-workspace-no-root/packages/react/package.json

@@ -0,0 +1,25 @@
+{
+ "name": "@vitest/test-react",
+ "private": true,
+ "scripts": {
+ "coverage": "vitest run --coverage",
+ "test": "vitest",
+ "test:ui": "vitest --ui"
+ },
+ "dependencies": {
+ "react": "^17.0.2"
+ },
+ "devDependencies": {
+ "@types/react": "^17.0.41",
+ "@types/react-test-renderer": "^17.0.1",
+ "@vitejs/plugin-react": "1.2.0",
+ "@vitest/ui": "latest",
+ "happy-dom": "^2.49.0",
+ "jsdom": "latest",
+ "react-test-renderer": "17.0.2",
+ "vitest": "^0.18.0"
+ },
+ "stackblitz": {
+ "startCommand": "npm run test:ui"
+ }
+}

samples/multi-root-workspace-no-root/packages/react/test/__snapshots__/basic.test.tsx.snap

@@ -0,0 +1,34 @@
+// Vitest Snapshot v1
+
+exports[`Link changes the class when hovered 1`] = `
+<a
+ className="normal"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;
+
+exports[`Link changes the class when hovered 2`] = `
+<a
+ className="hovered"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;
+
+exports[`Link changes the class when hovered 3`] = `
+<a
+ className="normal"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;

samples/multi-root-workspace-no-root/packages/react/test/__snapshots__/no-root-basic.test.tsx.snap

@@ -0,0 +1,34 @@
+// Vitest Snapshot v1
+
+exports[`Link changes the class when hovered 1`] = `
+<a
+ className="normal"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;
+
+exports[`Link changes the class when hovered 2`] = `
+<a
+ className="hovered"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;
+
+exports[`Link changes the class when hovered 3`] = `
+<a
+ className="normal"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;

samples/multi-root-workspace-no-root/packages/react/test/__snapshots__/no-root-react.test.tsx.snap

@@ -0,0 +1,34 @@
+// Vitest Snapshot v1
+
+exports[`Link changes the class when hovered 1`] = `
+<a
+ className="normal"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;
+
+exports[`Link changes the class when hovered 2`] = `
+<a
+ className="hovered"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;
+
+exports[`Link changes the class when hovered 3`] = `
+<a
+ className="normal"
+ href="http://antfu.me"
+ onMouseEnter={[Function]}
+ onMouseLeave={[Function]}
+>
+ Anthony Fu
+</a>
+`;

samples/multi-root-workspace-no-root/packages/react/test/no-root-react.test.tsx

@@ -0,0 +1,31 @@
+import React from 'react'
+import renderer from 'react-test-renderer'
+import Link from '../components/Link'
+
+function toJson(component: renderer.ReactTestRenderer) {
+ const result = component.toJSON()
+ expect(result).toBeDefined()
+ expect(result).not.toBeInstanceOf(Array)
+ return result as renderer.ReactTestRendererJSON
+}
+
+test('Link changes the class when hovered', () => {
+ const component = renderer.create(
+ <Link page="http://antfu.me">Anthony Fu</Link>,
+ )
+ let tree = toJson(component)
+ expect(tree).toMatchSnapshot()
+
+ // manually trigger the callback
+ tree.props.onMouseEnter()
+
+ // re-rendering
+ tree = toJson(component)
+ expect(tree).toMatchSnapshot()
+
+ // manually trigger the callback
+ tree.props.onMouseLeave()
+ // re-rendering
+ tree = toJson(component)
+ expect(tree).toMatchSnapshot()
+})

samples/multi-root-workspace-no-root/packages/react/tsconfig.json

@@ -0,0 +1,5 @@
+{
+ "compilerOptions": {
+ "jsx": "react"
+ }
+}

samples/multi-root-workspace-no-root/packages/react/vitest.config.ts

@@ -0,0 +1,10 @@
+/// <reference types="vitest" />
+
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+ test: {
+ globals: true,
+ environment: 'happy-dom',
+ },
+})

samples/multi-root-workspace-no-root/sample.code-workspace

@@ -0,0 +1,25 @@
+{
+ "folders": [
+ {
+ "name": "react",
+ "path": "./packages/react"
+ },
+ {
+ "name": "root",
+ "path": "."
+ },
+ ],
+ "settings": {
+ "vitest.disabledWorkspaceFolders": ["root"],
+ "vitest.commandLine": "yarn vitest",
+ "files.exclude": {
+ "**/.git": true,
+ "**/.svn": true,
+ "**/.hg": true,
+ "**/CVS": true,
+ "**/.DS_Store": true,
+ "**/Thumbs.db": true,
+ "packages": true
+ }
+ }
+}