feat: auto fit and adjust lint

Author: SunnyCloudYang

eslint.config.mjs

@@ -1,28 +1,37 @@
 import typescriptEslint from "@typescript-eslint/eslint-plugin";
 import tsParser from "@typescript-eslint/parser";
 
-export default [{
+export default [
+  {
     files: ["**/*.ts"],
-}, {
+  },
+  {
+    ignores: ["**/templates/**"],
+  },
+  {
     plugins: {
-        "@typescript-eslint": typescriptEslint,
+      "@typescript-eslint": typescriptEslint,
     },
 
     languageOptions: {
-        parser: tsParser,
-        ecmaVersion: 2022,
-        sourceType: "module",
+      parser: tsParser,
+      ecmaVersion: 2022,
+      sourceType: "module",
     },
 
     rules: {
-        "@typescript-eslint/naming-convention": ["warn", {
-            selector: "import",
-            format: ["camelCase", "PascalCase"],
-        }],
+      "@typescript-eslint/naming-convention": [
+        "warn",
+        {
+          selector: "import",
+          format: ["camelCase", "PascalCase"],
+        },
+      ],
 
-        curly: "warn",
-        eqeqeq: "warn",
-        "no-throw-literal": "warn",
-        semi: "warn",
+      curly: "warn",
+      eqeqeq: "warn",
+      "no-throw-literal": "warn",
+      semi: "warn",
     },
-}];
+  },
+];

src/previewPanel.ts

@@ -87,7 +87,13 @@ export class AndroidVectorDrawablePreviewPanel {
 
   public update(document: vscode.TextDocument) {
     this._document = document;
-    this._panel.title = `Preview: ${document.fileName.split("/").pop()}`;
+
+    // Show relative path if a folder is opened, otherwise just the filename
+    const displayPath = vscode.workspace.workspaceFolders
+      ? vscode.workspace.asRelativePath(document.uri)
+      : path.basename(document.fileName);
+
+    this._panel.title = `Preview: ${displayPath}`;
     this._panel.webview.html = this._getHtmlForWebview(document);
   }
 

src/templates/scripts/preview.js

@@ -108,13 +108,13 @@ function zoomOut() {
 
 function resetZoom() {
 	// Calculate zoom to fit the container (with minimal padding)
-	const containerWidth = previewContainer.clientWidth - 40;
-	const containerHeight = previewContainer.clientHeight - 40;
+	const containerWidth = previewContainer.clientWidth - 80;
+	const containerHeight = previewContainer.clientHeight - 80;
 
 	const scaleX = containerWidth / baseWidth;
 	const scaleY = containerHeight / baseHeight;
 
-	// Allow upscaling for small images, cap at 5x for very small icons
+	// Use the min dimension for default size
 	currentZoom = Math.min(scaleX, scaleY, maxZoom);
 	applyZoom();
 }
@@ -148,9 +148,9 @@ function updateRulers() {
 	// Determine tick interval based on zoom level
 	let interval = 5;
 
-	if (currentZoom > 8) {
+	if (currentZoom > 10) {
 		interval = 2;
-	} else if (currentZoom > 4) {
+	} else if (currentZoom > 5) {
 		interval = 5;
 	} else if (currentZoom > 2) {
 		interval = 10;
@@ -243,3 +243,8 @@ document.addEventListener('keydown', (e) => {
 		resetZoom();
 	}
 });
+
+// Handle window resize to update rulers
+window.addEventListener('resize', () => {
+	updateRulers();
+});

tsconfig.json

@@ -1,17 +1,16 @@
 {
-	"compilerOptions": {
-		"module": "Node16",
-		"target": "ES2022",
-		"outDir": "out",
-		"lib": [
-			"ES2022"
-		],
-		"sourceMap": true,
-		"rootDir": "src",
-		"strict": true,   /* enable all strict type-checking options */
-		/* Additional Checks */
-		// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
-		// "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
-		// "noUnusedParameters": true,  /* Report errors on unused parameters. */
-	}
+  "compilerOptions": {
+    "module": "Node16",
+    "target": "ES2022",
+    "outDir": "out",
+    "lib": ["ES2022"],
+    "sourceMap": true,
+    "rootDir": "src",
+    "strict": true /* enable all strict type-checking options */
+    /* Additional Checks */
+    // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
+    // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
+    // "noUnusedParameters": true,  /* Report errors on unused parameters. */
+  },
+  "exclude": ["src/templates/**"]
 }

yarn.lock

@@ -615,7 +615,7 @@
   resolved "https://registry.yarnpkg.com/@types/sarif/-/sarif-2.1.7.tgz#dab4d16ba7568e9846c454a8764f33c5d98e5524"
   integrity sha512-kRz0VEkJqWLf1LLVN4pT1cg1Z9wAuvI6L97V3m2f5B76Tg8d413ddvLBPTEHAZJlnn4XSvu0FkZtViCQGVyrXQ==
 
-"@types/vscode@^1.104.0":
+"@types/vscode@^1.80.0":
   version "1.104.0"
   resolved "https://registry.yarnpkg.com/@types/vscode/-/vscode-1.104.0.tgz#6e4d041d1ff5722db72c688518b330fcfb6fc658"
   integrity sha512-0KwoU2rZ2ecsTGFxo4K1+f+AErRsYW0fsp6A0zufzGuhyczc2IoKqYqcwXidKXmy2u8YB2GsYsOtiI9Izx3Tig==