chore: bump vscode to 1.96.2

.devcontainer/devcontainer.json

@@ -24,7 +24,7 @@
 	"forwardPorts": [8080],
 
 	// Use 'postCreateCommand' to run commands after the container is created.
-	//"postCreateCommand": "yarn",
+	//"postCreateCommand": "npm install",
 
 	// Comment out connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
 	"remoteUser": "node"

.github/workflows/build.yml

@@ -18,25 +18,15 @@ jobs:
     runs-on: ${{ matrix.os }}
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
+          cache: 'npm'
           node-version: ${{ matrix.node-version }}
 
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-
-      - uses: actions/cache@v2
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ matrix.node-version }}-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-${{ matrix.node-version }}
-
-      - run: yarn --frozen-lockfile
-      - run: yarn eslint
-      - run: yarn build
+      - run: npm install
+      - run: npm run eslint
+      - run: npm run build
       - uses: microsoft/playwright-github-action@v1
-      - run: GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }} yarn test:ci
+      - run: GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }} npm run test:ci

.github/workflows/test-wtih-vscode-build.yml

@@ -13,31 +13,21 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-20.04]
-        node-version: [20.16.0]
+        node-version: [20.x]
 
     runs-on: ${{ matrix.os }}
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
+          cache: 'npm'
           node-version: ${{ matrix.node-version }}
 
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-
-      - uses: actions/cache@v2
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ matrix.node-version }}-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-${{ matrix.node-version }}
-
       - run: sudo apt update && sudo apt install -y libkrb5-dev
-      - run: yarn --frozen-lockfile
-      - run: yarn build:vscode
-      - run: yarn yalc && yarn build
+      - run: cd vscode-web && npm install
+      - run: cd vscode-web && npm run clone && npm run build
+      - run: npm run link
       - uses: microsoft/playwright-github-action@v1
-      - run: GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }} yarn test:ci
+      - run: GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }} npm run test:ci

.gitignore

@@ -3,6 +3,3 @@ lib
 dist
 out
 node_modules
-.yalc
-yalc.lock
-yarn-error.log

.gitpod.yml

@@ -2,15 +2,15 @@ image:
   file: .gitpod.Dockerfile
 tasks:
   - init: |
-      yarn
-      yarn build
+      npm install
+      npm run build
     command: |
       echo "======================="
-      echo "Please run 'yarn watch'"
+      echo "Please run 'npm run watch'"
       echo "======================="
   - command: |
       echo "==========================================================================="
-      echo "Please wait for 'yarn watch' to complete compilation, then run 'yarn serve'"
+      echo "Please wait for 'npm run watch' to complete compilation"
       echo "==========================================================================="
 ports:
   - port: 8080

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint-staged
+npx lint-staged

.prettierignore

@@ -7,3 +7,4 @@ vscode-web/extensions
 htm.module.js
 preact.module.js
 preact-hooks.module.js
+index.html

.prettierrc.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
 	tabWidth: 2,
 	useTabs: true,
 	semi: true,

README.md

@@ -60,8 +60,8 @@ You can start an online development environment with [Gitpod](https://www.gitpod
 ```bash
 git clone [email protected]:conwnet/github1s.git
 cd github1s
-yarn
-yarn watch
+npm install
+npm run watch
 # The cli will automatically open http://localhost:8080 once the build is completed.
 # You can visit http://localhost:8080/conwnet/github1s if it doesn't.
 ```
@@ -75,15 +75,15 @@ To verify the build:
 
 ```bash
 cd github1s
-yarn build:vscode
+npm run build:vscode
 ```
 
 After the initial successful build, you could use the watch mode:
 
 ```bash
 cd github1s
-yarn
-yarn watch-with-vscode
+npm install
+npm run watch-with-vscode
 # The cli will automatically open http://localhost:8080 once the build is completed.
 # You can visit http://localhost:8080/conwnet/github1s if it doesn't.
 ```

eslint.config.js

@@ -0,0 +1,3 @@
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+
+export default [eslintPluginPrettierRecommended];

extensions/github1s/assets/pages/github1s-authentication.js

@@ -8,9 +8,10 @@ const AuthenticationFeatures = () => {
 	return html`
 		<ul class="authentication-features">
 			${(pageConfig.authenticationFeatures || []).map(
-				(feature) => html`<li class="feature-item">
-					<a class="link" href=${feature.link} target="_blank" rel="noopener noreferrer">${feature.text}</a>
-				</li>`
+				(feature) =>
+					html`<li class="feature-item">
+						<a class="link" href=${feature.link} target="_blank" rel="noopener noreferrer">${feature.text}</a>
+					</li>`,
 			)}
 		</ul>
 	`;

extensions/github1s/assets/pages/github1s-settings.js

@@ -70,7 +70,7 @@ export const InputTokenBlock = ({ createLink, isEditing, onCancel, ...props }) =
 			${isEditing
 				? html`<div class="flex-line">
 						<${VscodeButton} onClick=${onCancel}>Cancel<//>
-				  </div>`
+					</div>`
 				: null}
 		</div>
 	`;
@@ -118,7 +118,7 @@ const PageFooter = () => {
 				updatePreferSgApi();
 			});
 		},
-		[updatePreferSgApi]
+		[updatePreferSgApi],
 	);
 
 	useEffect(() => {
@@ -174,7 +174,7 @@ const TokenDetailPage = ({ token, onEditClick, ...props }) => {
 				<a href=${tokenStatus.profile_url} target="_blank" rel="noopener noreferrer">
 					<img class="user-avatar" src=${tokenStatus.avatar_url} />${tokenStatus.username}
 				</a>
-		  </div>`
+			</div>`
 		: html`<div>Current AccessToken is <span class="error-text">INVALID</span>.</div>`;
 
 	useEffect(() => {