📦 Set up VSCode extension packaging and publishing workflow

Configure complete build and publish pipeline for VSCode extension

- Add .vscodeignore file to exclude development files from package
- Update package.json version from 1.0.0 to 1.0.1
- Mark package as private to prevent accidental npm publishing
- Add comprehensive npm scripts for packaging and publishing
- Include scripts for VSCE and Open VSX marketplace publishing
- Add development dependencies: @vscode/vsce, ovsx, prettier
- Remove old VSIX package file (1.0.0)
- Add new Makefile targets for packaging and publishing workflows
- Include separate targets for each marketplace and convenience aggregator

Author: hyperb1iss

Makefile

@@ -1,4 +1,4 @@
-.PHONY: help setup test lint format clean install-hooks compile vscode
+.PHONY: help setup test lint format clean install-hooks compile vscode vscode-package vscode-publish-vsce vscode-publish-ovsx vscode-publish
 
 # Colors matching SilkCircuit theme
 PURPLE := \033[38;2;199;146;234m
@@ -32,6 +32,8 @@ help:
 	@echo "  $(PURPLE)$(STAR) install-hooks$(RESET)  $(GRAY)─$(RESET) Install git pre-commit hooks"
 	@echo "  $(PURPLE)$(STAR) compile$(RESET)        $(GRAY)─$(RESET) Compile theme for performance"
 	@echo "  $(PURPLE)$(STAR) vscode$(RESET)         $(GRAY)─$(RESET) Build VSCode theme package"
+	@echo "  $(PURPLE)$(STAR) vscode-package$(RESET)  $(GRAY)─$(RESET) Package VSCode extension (VSIX)"
+	@echo "  $(PURPLE)$(STAR) vscode-publish$(RESET)  $(GRAY)─$(RESET) Publish to VSCode + Open VSX (requires tokens)"
 	@echo ""
 
 # Install development dependencies
@@ -165,6 +167,36 @@ vscode:
 	@echo "  $(GRAY)Extensions → ... → Install from VSIX$(RESET)"
 	@echo ""
 
+# Explicit packaging target
+vscode-package:
+	@echo ""
+	@echo "$(PURPLE)$(ARROW)$(RESET) $(PINK)$(BOLD)Packaging VSCode Extension (VSIX)$(RESET)"
+	@echo ""
+	@cd extras/vscode && npx @vscode/vsce package --no-dependencies | cat
+	@echo "  $(GREEN)$(CHECK)$(RESET) VSIX created in extras/vscode/"
+
+# Publish to VS Code Marketplace (requires VSCE_PAT)
+vscode-publish-vsce:
+	@echo ""
+	@echo "$(PURPLE)$(ARROW)$(RESET) $(PINK)$(BOLD)Publishing to VS Code Marketplace$(RESET)"
+	@echo ""
+	@cd extras/vscode && npx @vscode/vsce publish --no-dependencies | cat
+	@echo "  $(GREEN)$(CHECK)$(RESET) Published to VS Code Marketplace"
+
+# Publish to Open VSX (requires OVSX_PAT)
+vscode-publish-ovsx:
+	@echo ""
+	@echo "$(PURPLE)$(ARROW)$(RESET) $(PINK)$(BOLD)Publishing to Open VSX$(RESET)"
+	@echo ""
+	@cd extras/vscode && npx ovsx publish | cat
+	@echo "  $(GREEN)$(CHECK)$(RESET) Published to Open VSX"
+
+# Convenience aggregator target
+vscode-publish: vscode-publish-vsce vscode-publish-ovsx
+	@echo ""
+	@echo "$(GREEN)$(STAR) VSCode extension published to both marketplaces$(RESET)"
+	@echo ""
+
 # CI target
 ci: lint test
 	@echo ""

extras/vscode/.vscodeignore

@@ -0,0 +1,23 @@
+# Only ship what's needed for the theme
+**/.git*
+**/.DS_Store
+**/.vscode/**
+**/node_modules/**
+**/tmp/**
+**/scripts/**
+**/tests/**
+**/*.psd
+**/*.ai
+**/*.zip
+**/*.tar
+**/*.tar.gz
+**/*.tgz
+**/*.sh
+**/*.py
+**/*.toml
+**/*.lock
+**/*.md
+!README.md
+!package.json
+!icon.png
+!silkcircuit-*.json

extras/vscode/README.md

@@ -66,24 +66,24 @@ Enhanced version with special brightness effects
 <table>
   <tr>
     <td align="center" width="50%">
-      <img src="./assets/silkcircuit-vscode-neon.png" alt="SilkCircuit Neon in VSCode" width="100%" />
+      <img src="https://github.com/hyperb1iss/silkcircuit-nvim/raw/HEAD/extras/vscode/assets/silkcircuit-vscode-neon.png" alt="SilkCircuit Neon in VSCode" width="100%" />
       <br/>
       <sub><b>Neon</b> — maximum intensity</sub>
     </td>
     <td align="center" width="50%">
-      <img src="./assets/silkcircuit-vscode-vibrant.png" alt="SilkCircuit Vibrant in VSCode" width="100%" />
+      <img src="https://github.com/hyperb1iss/silkcircuit-nvim/raw/HEAD/extras/vscode/assets/silkcircuit-vscode-vibrant.png" alt="SilkCircuit Vibrant in VSCode" width="100%" />
       <br/>
       <sub><b>Vibrant</b> — 85% intensity</sub>
     </td>
   </tr>
   <tr>
     <td align="center" width="50%">
-      <img src="./assets/silkcircuit-vscode-soft.png" alt="SilkCircuit Soft in VSCode" width="100%" />
+      <img src="https://github.com/hyperb1iss/silkcircuit-nvim/raw/HEAD/extras/vscode/assets/silkcircuit-vscode-soft.png" alt="SilkCircuit Soft in VSCode" width="100%" />
       <br/>
       <sub><b>Soft</b> — gentle 70%</sub>
     </td>
     <td align="center" width="50%">
-      <img src="./assets/silkcircuit-vscode-glow.png" alt="SilkCircuit Glow in VSCode" width="100%" />
+      <img src="https://github.com/hyperb1iss/silkcircuit-nvim/raw/HEAD/extras/vscode/assets/silkcircuit-vscode-glow.png" alt="SilkCircuit Glow in VSCode" width="100%" />
       <br/>
       <sub><b>Glow</b> — ultra‑dark with enhanced brightness</sub>
     </td>

extras/vscode/package.json

@@ -4,7 +4,7 @@
   "license": "MIT",
   "displayName": "SilkCircuit Theme",
   "description": "Electric dreams for VS Code - Neon purples, blazing pinks, and glowing cyan accents",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "publisher": "hyperb1iss",
   "icon": "icon.png",
   "galleryBanner": {
@@ -19,6 +19,7 @@
     "url": "https://github.com/hyperb1iss/silkcircuit-nvim/issues"
   },
   "homepage": "https://github.com/hyperb1iss/silkcircuit-nvim#readme",
+  "private": true,
   "engines": {
     "vscode": "^1.60.0"
   },
@@ -59,5 +60,20 @@
         "path": "./silkcircuit-glow.json"
       }
     ]
+  },
+  "scripts": {
+    "clean": "rm -f silkcircuit-*.vsix",
+    "package": "vsce package --no-dependencies",
+    "publish:vsce": "vsce publish --no-dependencies",
+    "publish:ovsx": "ovsx publish",
+    "publish": "npm run package && npm run publish:vsce && npm run publish:ovsx",
+    "version:patch": "vsce publish patch",
+    "version:minor": "vsce publish minor",
+    "version:major": "vsce publish major"
+  },
+  "devDependencies": {
+    "@vscode/vsce": "^3.0.0",
+    "ovsx": "^0.9.2",
+    "prettier": "^3.3.3"
   }
 }