package.json

{
	"name": "rainbowindex-code",
	"displayName": "Rainbow Index for VS Code",
	"packageManager": "pnpm@11.21.0",
	"description": "Diagnostics, class completions, and an element/class explorer for the Rainbow Index CSS system",
	"version": "0.7.0",
	"publisher": "rainbowindex",
	"license": "MIT",
	"icon": "media/thumb.png",
	"repository": {
		"type": "git",
		"url": "https://github.com/rainbowindex/code.git"
	},
	"private": true,
	"engines": {
		"vscode": "^1.85.0"
	},
	"categories": [
		"Programming Languages",
		"Linters",
		"Other"
	],
	"main": "./dist/extension.js",
	"activationEvents": [
		"onLanguage:html",
		"onLanguage:css",
		"onLanguage:javascript",
		"onLanguage:javascriptreact",
		"onLanguage:typescript",
		"onLanguage:typescriptreact",
		"onLanguage:vue",
		"onLanguage:svelte"
	],
	"contributes": {
		"css": {
			"customData": [
				"./data/rainbowindex.css-data.json"
			]
		},
		"grammars": [
			{
				"scopeName": "rainbowindex.injection.css",
				"path": "./syntaxes/rainbowindex.css.tmLanguage.json",
				"injectTo": [
					"source.css"
				]
			},
			{
				"scopeName": "rainbowindex.injection.comment",
				"path": "./syntaxes/rainbowindex.comment.tmLanguage.json",
				"injectTo": [
					"source.css"
				]
			}
		],
		"viewsContainers": {
			"activitybar": [
				{
					"id": "rainbowindex",
					"title": "Rainbow Index",
					"icon": "media/icon.svg"
				}
			]
		},
		"views": {
			"rainbowindex": [
				{
					"id": "rainbowindex.elements",
					"name": "Elements",
					"icon": "media/icon.svg",
					"contextualTitle": "Rainbow Index Elements"
				},
				{
					"id": "rainbowindex.theme",
					"name": "Theme",
					"icon": "media/icon.svg",
					"contextualTitle": "Rainbow Index Theme"
				}
			]
		},
		"commands": [
			{
				"command": "rainbowindex.refresh",
				"title": "Rainbow Index: Refresh",
				"icon": "$(refresh)"
			},
			{
				"command": "rainbowindex.addClass",
				"title": "Rainbow Index: Add Class",
				"icon": "$(add)"
			},
			{
				"command": "rainbowindex.removeClass",
				"title": "Rainbow Index: Remove Class",
				"icon": "$(trash)"
			},
			{
				"command": "rainbowindex.revealOrigin",
				"title": "Rainbow Index: Go to Origin",
				"icon": "$(go-to-file)"
			},
			{
				"command": "rainbowindex.sortClasses",
				"title": "Rainbow Index: Sort Classes"
			},
			{
				"command": "rainbowindex.auditTheme",
				"title": "Rainbow Index: Audit Theme Usage"
			},
			{
				"command": "rainbowindex.generateTypes",
				"title": "Rainbow Index: Generate Types (rainbowindex-env.d.ts)"
			},
			{
				"command": "rainbowindex.initProject",
				"title": "Rainbow Index: Initialize Project (rainbowindex init)"
			},
			{
				"command": "rainbowindex.openCssEntry",
				"title": "Rainbow Index: Open CSS Entry"
			},
			{
				"command": "rainbowindex.pickCssEntry",
				"title": "Rainbow Index: Pick CSS Entry"
			}
		],
		"menus": {
			"commandPalette": [
				{
					"command": "rainbowindex.removeClass",
					"when": "false"
				},
				{
					"command": "rainbowindex.revealOrigin",
					"when": "false"
				}
			],
			"view/title": [
				{
					"command": "rainbowindex.refresh",
					"when": "view == rainbowindex.elements",
					"group": "navigation"
				}
			],
			"view/item/context": [
				{
					"command": "rainbowindex.addClass",
					"when": "view == rainbowindex.elements && viewItem =~ /^(element|group-inline|group-stylesheets)$/",
					"group": "inline@1"
				},
				{
					"command": "rainbowindex.removeClass",
					"when": "view == rainbowindex.elements && viewItem =~ /^(class-removable|class-applied)$/",
					"group": "inline@2"
				},
				{
					"command": "rainbowindex.revealOrigin",
					"when": "view == rainbowindex.elements && viewItem =~ /^(class-origin|class-applied|rule)$/",
					"group": "inline@1"
				}
			]
		},
		"configuration": {
			"title": "Rainbow Index",
			"properties": {
				"rainbowindex.cssEntry": {
					"type": "string",
					"default": "",
					"description": "Workspace-relative path to the CSS entry with Rainbow Index directives. Auto-detected when empty."
				},
				"rainbowindex.diagnostics.enabled": {
					"type": "boolean",
					"default": true,
					"description": "Report unknown classes, unknown variants, and directive problems in the Problems panel."
				},
				"rainbowindex.diagnostics.overridden": {
					"type": "boolean",
					"default": true,
					"description": "Warn about classes that ri() conflict resolution would drop (e.g. bg-theme-100 next to bg-theme-200). The losing class also renders faded."
				},
				"rainbowindex.scan.maxCssFiles": {
					"type": "number",
					"default": 200,
					"description": "Maximum workspace stylesheets indexed for the sidebar's Stylesheets origin."
				},
				"rainbowindex.scan.maxSourceFiles": {
					"type": "number",
					"default": 300,
					"description": "Maximum source files swept for Find References, Rename, and the theme-usage audit."
				}
			}
		},
		"taskDefinitions": [
			{
				"type": "rainbowindex",
				"properties": {
					"subcommand": {
						"type": "string",
						"enum": [
							"build",
							"watch",
							"generate-types"
						],
						"description": "CLI subcommand to run."
					},
					"output": {
						"type": "string",
						"description": "Output CSS path for build/watch (default dist/rainbowindex.css)."
					},
					"args": {
						"type": "array",
						"items": {
							"type": "string"
						},
						"description": "Extra CLI arguments appended verbatim (e.g. --minify)."
					}
				}
			}
		],
		"walkthroughs": [
			{
				"id": "rainbowindex.gettingStarted",
				"title": "Get started with Rainbow Index",
				"description": "Wire up the CSS entry, explore your theme, and generate editor types.",
				"steps": [
					{
						"id": "rainbowindex.init",
						"title": "Set up your project",
						"description": "Run the initializer in a terminal — it installs the package, wires Vite, and creates the CSS entry.\n[Run rainbowindex init](command:rainbowindex.initProject)",
						"media": {
							"markdown": "media/walkthrough/init.md"
						},
						"completionEvents": [
							"onCommand:rainbowindex.initProject"
						]
					},
					{
						"id": "rainbowindex.entry",
						"title": "Point at your CSS entry",
						"description": "Auto-detection covers the usual paths; pick explicitly when it guesses wrong.\n[Pick CSS entry](command:rainbowindex.pickCssEntry)",
						"media": {
							"markdown": "media/walkthrough/entry.md"
						},
						"completionEvents": [
							"onCommand:rainbowindex.pickCssEntry"
						]
					},
					{
						"id": "rainbowindex.explore",
						"title": "Explore theme and elements",
						"description": "Two views: your document's elements with their classes, and the resolved theme with real swatches.\n[Open Rainbow Index](command:workbench.view.extension.rainbowindex)",
						"media": {
							"markdown": "media/walkthrough/explore.md"
						},
						"completionEvents": [
							"onView:rainbowindex.elements"
						]
					},
					{
						"id": "rainbowindex.types",
						"title": "Generate editor types",
						"description": "The same class universe the completions use, as TypeScript types for ri().\n[Generate types](command:rainbowindex.generateTypes)",
						"media": {
							"markdown": "media/walkthrough/types.md"
						},
						"completionEvents": [
							"onCommand:rainbowindex.generateTypes"
						]
					}
				]
			}
		]
	},
	"scripts": {
		"build": "node esbuild.mjs",
		"watch": "node esbuild.mjs --watch",
		"typecheck": "tsc --noEmit",
		"smoke": "node esbuild.mjs --smoke && node dist/smoke.cjs",
		"vscode:prepublish": "node esbuild.mjs"
	},
	"dependencies": {
		"rainbowindex": "^0.7.0"
	},
	"devDependencies": {
		"@types/node": "^25.9.1",
		"@types/vscode": "^1.85.0",
		"esbuild": "^0.27.7",
		"typescript": "^6.0.3"
	}
}