pascal-vscode 0.0.2 → 0.1.0-beta.1

package/.prettierrc.mjs

@@ -0,0 +1,6 @@
+import baseConfig from '../../../prettier.config.mjs';
+
+/** @type {import('prettier').Config} */
+export default {
+	...baseConfig
+};

package/.vscodeignore

@@ -1,32 +1,5 @@
-# IDE and test files
-.vscode/**
-.vscode-test/**
-
-# Source files
-src/**
-scripts/**
-
-# Configuration files
-.gitignore
-.yarnrc
-**/tsconfig.json
-**/eslint.config.js
-**/biome.jsonc
-**/prettier.config.mjs
-.eslintcache
-.prettierignore
-
-# Build artifacts
-**/*.map
-
-# Documentation
-vsc-extension-quickstart.md
-
-# Version control and CI
-.github/**
-.changeset/**
-
-# Dependencies
-node_modules/**
-pnpm-lock.yaml
-
+scripts
+src
+tsconfig.json
+tsconfig.tsbuildinfo
+.turbo

package/CHANGELOG.md

@@ -1,4 +1,28 @@
-# pascal
+# pascal-vscode
+
+## 0.1.0-beta.1
+
+### Minor Changes
+
+- [`3bd2631`](https://github.com/hadez8877/pascal/commit/3bd26319b9fcca77dd3223095b42d54ff62c3c62) Thanks [@hadez8877](https://github.com/hadez8877)! - Overhauls the default theme palette with new dark tokens across editor, UI, and terminal surfaces
+
+  If you relied on the previous color scheme, update your theme selection:
+
+  ```json
+  {
+    "workbench.colorTheme": "Pascal (Default)"
+  }
+  ```
+
+  The new palette replaces `semanticTokenColors` with `tokenColors`-only and adds scopes for markup, diff, and bracket pairs.
+
+  Adds a webview system with a **Show Changelog** command to view the CHANGELOG directly in a panel.
+
+## 0.1.0-beta.0
+
+### Minor Changes
+
+- [`4fef37c`](https://github.com/hadez8877/pascal/commit/4fef37ce0e07a2d6b7cd102a9b38fed48c6f4287) Thanks [@hadez8877](https://github.com/hadez8877)! - Retry failed bump
 
 ## 0.0.1
 

package/README.md

@@ -1,51 +1,21 @@
-<div align="center">
-  <img alt="Pascal logo" src="assets/icon.png" height="200px" />
-  <h1>Pascal</h1>
-  <p>
-    A modern dark theme for your favorite editors, shells and more
-    <br/>
-    by <a href="https://github.com/hadez8877">@Hadez</a>
-  </p>
-
-  <p align="center">
-    <img alt="Version" src="https://img.shields.io/open-vsx/v/hadez8877/pascal?style=for-the-badge">
-    <img alt="Downloads" src="https://img.shields.io/open-vsx/dt/hadez8877/pascal?style=for-the-badge">
-    <img alt="Rating" src="https://img.shields.io/open-vsx/stars/hadez8877/pascal?style=for-the-badge">
-  </p>
-</div>
-
-## What is Pascal?
+# Pascal for [VSCode](https://code.visualstudio.com)
 
 Pascal is a dark theme for editors, shells, and more. The palette is tuned for long coding sessions: enough contrast to read code clearly, not so intense that your eyes notice it after an hour.
 
-### Preview
+## Preview
 
-![Preview](assets/preview.png)
+![Preview](./assets/screenshots/default.jpg)
 
 ## Installation
 
-#### Install using Command Palette
+### Preferred method of installation
 
-1.  Go to `View -> Command Palette` or press `Ctrl+Shift+P`
-2.  Then enter `Install Extension`
-3.  Write `Pascal`
-4.  Select it or press Enter to install
+Install the extension from a Marketplace:
 
-#### Install using Git
+- [Open-VSX](https://open-vsx.org/extension/hadez8877/pascal-vscode)
 
-If you are a git user, you can install the theme and keep up to date by cloning the repo:
+### Manual method for installation
 
-```shell
-git clone https://github.com/hadez8877/pascal.git ~/.<your-editor>/extensions/pascal
-cd ~/.<your-editor>/extensions/pascal
-
-# Install dependencies
-pnpm install
-
-# Build the theme
-pnpm run build
-```
-
-#### Activating theme
-
-Run your editor. The Pascal theme will be available from `File -> Preferences -> Color Theme` dropdown menu.
+Download the VSIX from
+[the latest GitHub release](https://github.com/hadez8877/pascal/releases/latest).
+Open the Command Palette and select "Extensions: Install from VSIX...", then open the file you just downloaded.

package/dist/extension.js

@@ -1 +1 @@
-const t=async()=>{};export{t as activate};
+import{commands as o}from"vscode";import{availableWebviews as r}from"./webviews/availableWebviews.js";function t(){r.forEach(a=>{o.registerCommand(a.id,async()=>{await a.run()})})}export{t as activate};

package/dist/utils.js

@@ -0,0 +1 @@
+import r from"node:path";import{fileURLToPath as o}from"node:url";const e=o(import.meta.url),i=r.dirname(e);function a(...t){return r.join(i,...t)}export{a as resolvePath};

package/dist/webviewController.js

@@ -0,0 +1 @@
+import{Uri as l,ViewColumn as r,window as a}from"vscode";import{resolvePath as p}from"./utils.js";function u({id:n,displayName:t,run:s}){let e,i;return{id:n,displayName:t,dispose(){i&&(i.dispose(),i=void 0),e&&(e.dispose(),e=void 0)},async run(){const o=await s();if(e!==void 0)return e.webview.html=o,e.reveal(r.Active);e=a.createWebviewPanel(n,t,r.Active,{enableCommandUris:!0,enableFindWidget:!0,enableScripts:!0,retainContextWhenHidden:!0});const d=p("../assets/icon.png");e.iconPath=l.file(d),e.onDidDispose(()=>{e=void 0,i=void 0}),e.webview.html=o}}}export{u as webviewController};

package/dist/webviews/availableWebviews.js

@@ -0,0 +1 @@
+import{showChangelog as e}from"./showChangelog.js";const r=[e];export{r as availableWebviews};

package/dist/webviews/showChangelog.js

@@ -0,0 +1 @@
+import{TextDecoder as a}from"node:util";import{marked as t}from"marked";import{Uri as s,workspace as n}from"vscode";import{resolvePath as i}from"../utils.js";import{webviewController as m}from"../webviewController.js";const f=m({id:"pascal.showChangelog",displayName:"Pascal Changelog",run:async()=>{const o=i("../CHANGELOG.md"),r=await n.fs.readFile(s.file(o)).then(e=>new a().decode(e)).then(e=>t.parse(e));return Promise.resolve(r)}});export{f as showChangelog};

package/package.json

@@ -3,7 +3,7 @@
   "displayName": "Pascal",
   "publisher": "hadez8877",
   "description": "A modern dark theme for many editors, shells, and more!",
-  "version": "0.0.2",
+  "version": "0.1.0-beta.1",
   "type": "module",
   "main": "dist/extension.js",
   "browser": "dist/browser.js",
@@ -21,6 +21,12 @@
         "uiTheme": "vs-dark",
         "path": "themes/default.json"
       }
+    ],
+    "commands": [
+      {
+        "command": "pascal.showChangelog",
+        "title": "Pascal: Show Changelog"
+      }
     ]
   },
   "configuration": {
@@ -38,40 +44,31 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/hadez8877/pascal.git"
-  },
-  "bugs": {
-    "url": "https://github.com/hadez8877/pascal/issues"
+    "url": "git+https://github.com/hadez8877/pascal.git",
+    "directory": "packages/editors/vscode"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.15",
-    "@changesets/changelog-github": "^0.5.2",
-    "@changesets/cli": "^2.29.8",
     "@types/node": "^24.10.1",
     "@types/vscode": "^1.88.0",
     "@vscode/vsce": "^3.9.2",
     "esbuild": "0.27.3",
-    "eslint": "^10.4.0",
+    "eslint": "^10.7.0",
     "eslint-plugin-regexp": "^3.1.1",
     "ovsx": "^0.10.12",
-    "piccolore": "0.1.3",
-    "prettier": "^3.8.4",
-    "tinyglobby": "0.2.16",
-    "tsdown": "^0.22.2",
-    "typescript": "~6.0.3",
-    "typescript-eslint": "^8.56.1"
+    "pascal-scripts": "1.0.0-beta.0",
+    "prettier": "^3.9.5",
+    "turbo": "2.10.4",
+    "typescript": "^6.0.3"
+  },
+  "dependencies": {
+    "marked": "^18.0.6"
   },
   "license": "MIT",
   "engines": {
-    "node": ">=22.12.0",
     "vscode": "^1.88.0"
   },
   "scripts": {
-    "build": "tsc -b && node scripts/build.js --minify",
-    "lint": "biome lint . && eslint --cache --concurrency=auto .",
-    "format": "pnpm run format:code && pnpm run format:imports",
-    "format:code": "biome format --write && prettier -w \"**/*\" --ignore-unknown --cache",
-    "format:imports": "biome check --formatter-enabled=false --write",
-    "version": "changeset version && pnpm install --no-frozen-lockfile && pnpm run format"
+    "build": "pascal-scripts build \"src/**/*.{ts,js}\" --copy-wasm --minify",
+    "lint": "biome lint . && eslint --cache --concurrency=auto ."
   }
 }

package/src/extension.ts

@@ -1,4 +1,10 @@
-export const activate = async () => {
-	// vsce not support PNPM. For now, I can't create a webview
-	// Please fix them as quickly as possible: https://github.com/microsoft/vscode-vsce/issues/421
-};
+import { commands } from 'vscode';
+import { availableWebviews } from './webviews/availableWebviews.js';
+
+export function activate() {
+	availableWebviews.forEach((webview) => {
+		commands.registerCommand(webview.id, async () => {
+			await webview.run();
+		});
+	});
+}

package/src/types/webview.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The options for a webview controller
+ */
+export type WebviewControllerOptions = {
+	id: string;
+	displayName: string;
+	run(): Promise<string>;
+};
+
+export interface WebviewControllerInfo extends WebviewControllerOptions {
+	id: string;
+	displayName: string;
+	dispose(): void;
+	run(): Promise<void>;
+}

package/src/utils.ts

@@ -0,0 +1,9 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export function resolvePath(...paths: string[]) {
+	return path.join(__dirname, ...paths);
+}

package/src/webviewController.ts

@@ -0,0 +1,52 @@
+import type { Disposable, WebviewPanel } from 'vscode';
+import { Uri, ViewColumn, window } from 'vscode';
+import type { WebviewControllerOptions } from './types/webview.js';
+import { resolvePath } from './utils.js';
+
+export function webviewController({ id, displayName, run }: WebviewControllerOptions) {
+	let panel: WebviewPanel | undefined;
+	let disposablePanel: Disposable | undefined;
+
+	return {
+		id,
+		displayName,
+
+		dispose() {
+			if (disposablePanel) {
+				disposablePanel.dispose();
+				disposablePanel = undefined;
+			}
+
+			if (panel) {
+				panel.dispose();
+				panel = undefined;
+			}
+		},
+
+		async run(): Promise<void> {
+			const content = await run();
+
+			if (panel !== undefined) {
+				panel.webview.html = content;
+				return panel.reveal(ViewColumn.Active);
+			}
+
+			panel = window.createWebviewPanel(id, displayName, ViewColumn.Active, {
+				enableCommandUris: true,
+				enableFindWidget: true,
+				enableScripts: true,
+				retainContextWhenHidden: true
+			});
+
+			const ICON_PATH = resolvePath('../assets/icon.png');
+			panel.iconPath = Uri.file(ICON_PATH);
+
+			panel.onDidDispose(() => {
+				panel = undefined;
+				disposablePanel = undefined;
+			});
+
+			panel.webview.html = content;
+		}
+	};
+}

package/src/webviews/availableWebviews.ts

@@ -0,0 +1,4 @@
+import type { WebviewControllerInfo } from '../types/webview.js';
+import { showChangelog } from './showChangelog.js';
+
+export const availableWebviews: WebviewControllerInfo[] = [showChangelog];

package/src/webviews/showChangelog.ts

@@ -0,0 +1,20 @@
+import { TextDecoder } from 'node:util';
+import { marked } from 'marked';
+import { Uri, workspace } from 'vscode';
+import { resolvePath } from '../utils.js';
+import { webviewController } from '../webviewController.js';
+
+export const showChangelog = webviewController({
+	id: 'pascal.showChangelog',
+	displayName: 'Pascal Changelog',
+
+	run: async () => {
+		const CHANGELOG_PATH = resolvePath('../CHANGELOG.md');
+		const displayContent = await workspace.fs
+			.readFile(Uri.file(CHANGELOG_PATH))
+			.then((data) => new TextDecoder().decode(data))
+			.then((content) => marked.parse(content));
+
+		return Promise.resolve(displayContent);
+	}
+});