cssints 0.2.0 → 0.3.0

package/dist/{lowered-D2KusPLp.mjs → lowered-aJVapQT6.mjs}

@@ -1,4 +1,4 @@
-import { a as registry } from "./registry-CTumHB8p.mjs";
+import { a as registry } from "./registry-BUSEO32-.mjs";
 import { Result } from "effect";
 import { browserslistToTargets, transform } from "lightningcss";
 //#region src/lowered.ts

package/dist/plugin-types.d.mts

@@ -373,5 +373,12 @@ export declare const lacking: (...keys: BcdKey[]) => string[];
  * file. Build time, like `scope()`: in a member's functions or in the plugin's own.
  */
 export declare const dependsOn: (path: string) => void;
+/**
+ * Whether a declaration is in an export group (`cssints/widely-available`, `baseline-2022/with-downstream`, ...): the group
+ * has the property and the value holds no word the group bans. A property cssints has no member for (a custom property, a
+ * vendor-prefixed one) is in every group. A plugin that has a variant per group emits only what passes. Build time, like
+ * `scope()`; an unknown group is an error.
+ */
+export declare const inGroup: (group: string, property: string, value: string) => boolean;
 //#endregion
 export type { ArgsDef, Chain, Conflict, Css, Decl, Entry, GlobalRule, Impl, Kernel, KernelDef, Made, Members, Part, Pending, Runtime, Scope, Style, Table, ThemeRule, Typed };

package/dist/plugin.d.mts

@@ -1,3 +1,3 @@
-import { _ as lacking, a as Entry, b as Style, c as Made, d as Scope, f as Table, g as fn, h as dependsOn, i as Css, l as Members, m as arg, n as ArgsDef, o as Impl, p as Typed, r as Chain, s as KernelDef, u as Pending, v as scope, y as Part } from "./scope-ZVhUxQH1.mjs";
+import { _ as inGroup, a as Entry, b as Part, c as Made, d as Scope, f as Table, g as fn, h as dependsOn, i as Css, l as Members, m as arg, n as ArgsDef, o as Impl, p as Typed, r as Chain, s as KernelDef, u as Pending, v as lacking, x as Style, y as scope } from "./scope-INuJD4RT.mjs";
 import { a as Kernel, i as GlobalRule, n as Conflict, o as Runtime, r as Decl, s as ThemeRule } from "./author-types-C1AhsnrT.mjs";
-export { type ArgsDef, type Chain, type Conflict, type Css, type Decl, type Entry, type GlobalRule, type Impl, type Kernel, type KernelDef, type Made, type Members, type Part, type Pending, type Runtime, type Scope, type Style, type Table, type ThemeRule, type Typed, arg, dependsOn, fn, lacking, scope };
+export { type ArgsDef, type Chain, type Conflict, type Css, type Decl, type Entry, type GlobalRule, type Impl, type Kernel, type KernelDef, type Made, type Members, type Part, type Pending, type Runtime, type Scope, type Style, type Table, type ThemeRule, type Typed, arg, dependsOn, fn, inGroup, lacking, scope };

package/dist/plugin.mjs

@@ -26,5 +26,12 @@ const lacking = (...keys) => engine().lacking(keys);
 * file. Build time, like `scope()`: in a member's functions or in the plugin's own.
 */
 const dependsOn = (path) => engine().dependsOn(path);
+/**
+* Whether a declaration is in an export group (`cssints/widely-available`, `baseline-2022/with-downstream`, ...): the group
+* has the property and the value holds no word the group bans. A property cssints has no member for (a custom property, a
+* vendor-prefixed one) is in every group. A plugin that has a variant per group emits only what passes. Build time, like
+* `scope()`; an unknown group is an error.
+*/
+const inGroup = (group, property, value) => engine().inGroup(group, property, value);
 //#endregion
-export { arg, dependsOn, fn, lacking, scope };
+export { arg, dependsOn, fn, inGroup, lacking, scope };

package/dist/{registry-CTumHB8p.mjs → registry-BUSEO32-.mjs}

@@ -66,7 +66,13 @@ const forgetKernels = (file) => {
 };
 const forget = (file) => {
 	forgetKernels(file);
-	for (const themed of [registry.themed, registry.terminal?.themed ?? /* @__PURE__ */ new Map()]) for (const [k, t] of themed) if (t.file === file) themed.delete(k);
+	for (const s of [registry, registry.terminal ?? registry]) {
+		for (const [k, p] of s.properties) if (p.file === file) {
+			s.properties.delete(k);
+			s.defs.delete(k);
+		}
+		for (const [k, t] of s.themed) if (t.file === file) s.themed.delete(k);
+	}
 	for (const [k, c] of registry.checks) if (c.at.file === file) registry.checks.delete(k);
 };
 //#endregion

package/dist/{scope-ZVhUxQH1.d.mts → scope-INuJD4RT.d.mts}

@@ -2097,5 +2097,12 @@ declare const lacking: (...keys: BcdKey[]) => string[];
  * file. Build time, like `scope()`: in a member's functions or in the plugin's own.
  */
 declare const dependsOn: (path: string) => void;
+/**
+ * Whether a declaration is in an export group (`cssints/widely-available`, `baseline-2022/with-downstream`, ...): the group
+ * has the property and the value holds no word the group bans. A property cssints has no member for (a custom property, a
+ * vendor-prefixed one) is in every group. A plugin that has a variant per group emits only what passes. Build time, like
+ * `scope()`; an unknown group is an error.
+ */
+declare const inGroup: (group: string, property: string, value: string) => boolean;
 //#endregion
-export { lacking as _, Entry as a, Style as b, Made as c, Scope as d, Table as f, fn as g, dependsOn as h, Css as i, Members as l, arg as m, ArgsDef as n, Impl as o, Typed as p, Chain as r, KernelDef as s, AliasesOf as t, Pending as u, scope as v, Part as y };
+export { inGroup as _, Entry as a, Part as b, Made as c, Scope as d, Table as f, fn as g, dependsOn as h, Css as i, Members as l, arg as m, ArgsDef as n, Impl as o, Typed as p, Chain as r, KernelDef as s, AliasesOf as t, Pending as u, lacking as v, Style as x, scope as y };

package/dist/{sheet-BKsMTa0c.mjs → sheet-BeHdq4xt.mjs}

@@ -1,4 +1,4 @@
-import { d as MacroError, f as MemberError, o as warn, t as Registry } from "./registry-CTumHB8p.mjs";
+import { d as MacroError, f as MemberError, o as warn, t as Registry } from "./registry-BUSEO32-.mjs";
 import { browsers, lacking, messageOf, supportOf } from "@cssints/css-grammar/support";
 import { Effect, Formatter, Result, Schema } from "effect";
 import { longhands } from "@cssints/css-grammar/longhands";

package/dist/surface.d.mts

@@ -1,4 +1,4 @@
-import { t as AliasesOf } from "./scope-ZVhUxQH1.mjs";
+import { t as AliasesOf } from "./scope-INuJD4RT.mjs";
 //#region src/surface.d.ts
 /**
  * `surface().color(t.color.canvas).lighten(0.06).ink()`: a background that follows from the surface around it, however

package/dist/{theme-BsP2E4LB.mjs → theme-SlQ73rFL.mjs}

@@ -1,6 +1,6 @@
-import { a as registry, d as MacroError, f as MemberError, o as warn } from "./registry-CTumHB8p.mjs";
-import { D as relation, E as covers, d as requireLayer, p as standIn } from "./sheet-BKsMTa0c.mjs";
-import { t as fallbackOf } from "./lowered-D2KusPLp.mjs";
+import { a as registry, d as MacroError, f as MemberError, o as warn } from "./registry-BUSEO32-.mjs";
+import { D as relation, E as covers, d as requireLayer, p as standIn } from "./sheet-BeHdq4xt.mjs";
+import { t as fallbackOf } from "./lowered-aJVapQT6.mjs";
 import { createRequire } from "node:module";
 import { checkSelector } from "@cssints/css-grammar/check";
 import { browsers, supportOf } from "@cssints/css-grammar/support";

package/dist/tui.mjs

@@ -1,7 +1,7 @@
-import { a as registry } from "./registry-CTumHB8p.mjs";
-import { a as createTokens$1, i as createGlobalTheme$1, j as fail, s as sets } from "./theme-BsP2E4LB.mjs";
-import { g as evaluate, h as css } from "./sheet-BKsMTa0c.mjs";
-import { n as valueOf, t as together } from "./contrast-DhK69Xak.mjs";
+import { a as registry } from "./registry-BUSEO32-.mjs";
+import { a as createTokens$1, i as createGlobalTheme$1, j as fail, s as sets } from "./theme-SlQ73rFL.mjs";
+import { g as evaluate, h as css } from "./sheet-BeHdq4xt.mjs";
+import { n as valueOf, t as together } from "./contrast-B49XCnVX.mjs";
 import { n as parseColor } from "./color-BYIxVLlS.mjs";
 import { Formatter } from "effect";
 import { clampRgb, formatHex, formatHex8 } from "culori/fn";

package/dist/vite.d.mts

@@ -76,6 +76,8 @@ interface Site {
   start: number;
   end: number;
   inFn: boolean;
+  /** dev with devtools: the readable class of a cn() or cv() site (`cs-Landing-logo`), see `tagged` */
+  name: string | undefined;
   locals: Set<string>;
   group?: SiteGroup;
 }
@@ -84,7 +86,7 @@ interface Instrumented {
   sites: Site[];
   imp: CssImports;
 }
-export declare const instrument: (code: string, id: string, client?: boolean | undefined) => Effect.Effect<Instrumented | null, ImportError, never>;
+export declare const instrument: (code: string, id: string, client?: boolean | undefined, named?: boolean | undefined) => Effect.Effect<Instrumented | null, ImportError, never>;
 //#endregion
 //#region src/sheet.d.ts
 /** Adds a global rule (`*{box-sizing:border-box}`) of a plugin member, by its content, to the sheet of the module at `at`. `layer` names a declared top-level layer to wrap it in, no layer puts it in `_.k`. */

package/dist/vite.mjs

@@ -1,15 +1,16 @@
-import { c as EvalError, d as MacroError, f as MemberError, i as forgetWarnings, l as HookError, n as forget, p as SiteMissingError, t as Registry } from "./registry-CTumHB8p.mjs";
-import { C as fallbackEntries, T as runtimeNames, a as closeNames, b as DERIVED, c as layerEntries, f as themedEntries, l as layerStatements, m as usesDerived, n as addGlobal, o as globalEntries, r as addLayers, s as globalNames, t as LAYERS, u as renderSheet, v as kernelEntries, w as runtimeModule, x as RUNTIME_ID } from "./sheet-BKsMTa0c.mjs";
-import { a as runtimeImport, i as instrument, o as writeSite } from "./instrument-gCazujmb.mjs";
-import { r as verifyChecks } from "./contrast-DhK69Xak.mjs";
+import { c as EvalError, d as MacroError, f as MemberError, i as forgetWarnings, l as HookError, n as forget, p as SiteMissingError, t as Registry } from "./registry-BUSEO32-.mjs";
+import { C as fallbackEntries, T as runtimeNames, a as closeNames, b as DERIVED, c as layerEntries, f as themedEntries, l as layerStatements, m as usesDerived, n as addGlobal, o as globalEntries, r as addLayers, s as globalNames, t as LAYERS, u as renderSheet, v as kernelEntries, w as runtimeModule, x as RUNTIME_ID } from "./sheet-BeHdq4xt.mjs";
+import { a as runtimeImport, i as instrument, o as tagged, s as writeSite } from "./instrument-BqIZpbIU.mjs";
+import { r as verifyChecks } from "./contrast-B49XCnVX.mjs";
+import { i as serverId, n as gitRoot, o as sessionOf, r as register } from "./devtools-link-D2YxsJKZ.mjs";
 import { createRequire } from "node:module";
 import { targets as targets$1, useTargets } from "@cssints/css-grammar/support";
 import { Cause, Clock, Config, Data, Effect, Exit, Formatter, Option, Predicate, Result, Schema, Semaphore } from "effect";
 import { createHash } from "node:crypto";
-import { basename, join, relative, resolve, sep } from "node:path";
+import { basename, join, relative, resolve } from "node:path";
 import { browserslistToTargets } from "lightningcss";
 import MagicString from "magic-string";
-import { existsSync, readFileSync } from "node:fs";
+import { readFileSync } from "node:fs";
 import { readFile } from "node:fs/promises";
 import { browsers as browsers$1 } from "@cssints/css-grammar/browsers";
 import { createFilter, createServer, createServerModuleRunner, normalizePath, transformWithOxc } from "vite";
@@ -190,13 +191,30 @@ const table = Effect.fn("cssints.devtoolsTable")(function* (root, usedBy, callsO
 });
 const ASK = "cssints:devtools:ask";
 const ASKED = "cssints:devtools:asked";
+const LINK = "cssints:devtools:link";
+const LINKED = "cssints:devtools:linked";
 const MAX_PROMPT = 16e3;
 const Asking = Schema.Struct({
 	ref: Schema.Finite,
 	prompt: Schema.String
 });
 var OpenCodeError = class extends Data.TaggedError("OpenCodeError") {};
-const workspace = (root) => root.split(sep).map((_, i, parts) => parts.slice(0, parts.length - i).join(sep) || sep).find((dir) => existsSync(join(dir, ".git"))) ?? root;
+const attachedTo = (root) => Effect.sync(() => {
+	const git = gitRoot(root);
+	return sessionOf(git, serverId(git, root));
+});
+const urlOf = (s) => {
+	const address = s.httpServer?.address();
+	return Predicate.hasProperty(address, "port") ? `${s.config.server.https ? "https" : "http"}://localhost:${address.port}/` : void 0;
+};
+const announce = (s) => Effect.try(() => {
+	const http = s.httpServer;
+	const url = urlOf(s);
+	if (!http || !url) return;
+	const remove = register(gitRoot(s.config.root), s.config.root, url);
+	http.once("close", remove);
+	process.once("exit", remove);
+}).pipe(Effect.ignore);
 const connect = Effect.fn("cssints.opencodeConnect")(function* () {
 	const unavailable = (message) => () => new OpenCodeError({
 		status: "unavailable",
@@ -216,15 +234,36 @@ const connect = Effect.fn("cssints.opencodeConnect")(function* () {
 	});
 	if (!service) return yield* new OpenCodeError({
 		status: "unavailable",
+		idle: true,
 		message: "No OpenCode service is running. Start OpenCode (or `opencode serve --service`) and send again."
 	});
-	return OpenCode.make({
-		baseUrl: service.url,
-		headers: Service.headers(service)
-	});
+	return {
+		url: service.url,
+		client: OpenCode.make({
+			baseUrl: service.url,
+			headers: Service.headers(service)
+		})
+	};
 });
-const ask = Effect.fn("cssints.opencodeAsk")(function* (root, options, ref, prompt, say) {
-	const client = yield* connect();
+const link = Effect.fn("cssints.opencodeLink")(function* (root) {
+	const directory = gitRoot(root);
+	const attached = yield* attachedTo(root);
+	const session = attached ? { session: attached } : {};
+	return yield* connect().pipe(Effect.map(({ url }) => ({
+		connected: true,
+		url,
+		directory,
+		...session
+	})), Effect.catchTag("OpenCodeError", (e) => Effect.succeed({
+		connected: false,
+		directory,
+		...session,
+		...e.idle ? {} : { message: e.message }
+	})));
+});
+const appLine = (root, url) => `App: ${relative(gitRoot(root), root) || "."}${url ? ` (${url})` : ""}; file paths below are relative to it`;
+const ask = Effect.fn("cssints.opencodeAsk")(function* (root, url, options, ref, prompt, say) {
+	const { client } = yield* connect();
 	const call = (f) => Effect.tryPromise({
 		try: f,
 		catch: (e) => new OpenCodeError({
@@ -232,11 +271,16 @@ const ask = Effect.fn("cssints.opencodeAsk")(function* (root, options, ref, prom
 			message: Predicate.isError(e) ? e.message : String(e)
 		})
 	});
-	const { id } = yield* call(() => client.session.create({
+	const attached = yield* attachedTo(root);
+	if (attached) yield* call(() => client.session.get({ sessionID: attached })).pipe(Effect.mapError((e) => new OpenCodeError({
+		status: "failed",
+		message: `The attached session ${attached} is gone (${e.message}). Run /cssints-devtools in an OpenCode session to attach another.`
+	})));
+	const id = attached ?? (yield* call(() => client.session.create({
 		title: "cssints devtools: UI change",
 		...options.agent ? { agent: options.agent } : {},
-		location: { directory: workspace(root) }
-	}));
+		location: { directory: gitRoot(root) }
+	}))).id;
 	say({
 		ref,
 		status: "running",
@@ -244,7 +288,7 @@ const ask = Effect.fn("cssints.opencodeAsk")(function* (root, options, ref, prom
 	});
 	yield* call(() => client.session.prompt({
 		sessionID: id,
-		text: prompt.slice(0, MAX_PROMPT),
+		text: `${appLine(root, url)}\n${prompt}`.slice(0, MAX_PROMPT),
 		...options.skills?.length ? { skills: options.skills.map((s) => ({ id: s })) } : {}
 	}));
 	yield* call(() => client.session.wait({ sessionID: id }));
@@ -260,7 +304,7 @@ const hot = import.meta.hot;
 mount({
   root: ${Formatter.formatJson(root)},
   request: () => hot.send("cssints:devtools:get"),
-  on: (event, listener) => hot.on(event, listener),${opencode ? `\n  ask: (ref, prompt) => hot.send("${ASK}", { ref, prompt }),` : ""}
+  on: (event, listener) => hot.on(event, listener),${opencode ? `\n  ask: (ref, prompt) => hot.send("${ASK}", { ref, prompt }),\n  link: () => hot.send("${LINK}"),` : ""}
 });
 ` : `console.warn("cssints: devtools is on, but @cssints/devtools/overlay is not installed (or not built): add @cssints/devtools to the devDependencies of the app");\n`;
 /**
@@ -283,18 +327,22 @@ const devtoolsPlugin = (usedBy, callsOf, opencode) => {
 		apply: "serve",
 		configureServer(s) {
 			server = s;
+			if (opencode) s.httpServer?.once("listening", () => Effect.runSync(announce(s)));
 			s.environments.client.hot.on("cssints:devtools:get", (_, client) => client.send("cssints:devtools", Effect.runSync(table(s.config.root, usedBy, callsOf))));
-			if (opencode) s.environments.client.hot.on(ASK, (data) => {
-				const asking = Schema.decodeUnknownOption(Asking)(data);
-				if (Option.isNone(asking)) return;
-				const { ref, prompt } = asking.value;
-				const say = (asked) => s.environments.client.hot.send(ASKED, asked);
-				Effect.runFork(ask(s.config.root, opencode, ref, prompt, say).pipe(Effect.catchTag("OpenCodeError", (e) => Effect.sync(() => say({
-					ref,
-					status: e.status,
-					message: e.message
-				})))));
-			});
+			if (opencode) {
+				s.environments.client.hot.on(LINK, () => Effect.runFork(link(s.config.root).pipe(Effect.map((linked) => s.environments.client.hot.send(LINKED, linked)))));
+				s.environments.client.hot.on(ASK, (data) => {
+					const asking = Schema.decodeUnknownOption(Asking)(data);
+					if (Option.isNone(asking)) return;
+					const { ref, prompt } = asking.value;
+					const say = (asked) => s.environments.client.hot.send(ASKED, asked);
+					Effect.runFork(ask(s.config.root, urlOf(s), opencode, ref, prompt, say).pipe(Effect.catchTag("OpenCodeError", (e) => Effect.sync(() => say({
+						ref,
+						status: e.status,
+						message: e.message
+					})))));
+				});
+			}
 		},
 		transformIndexHtml: () => [{
 			tag: "script",
@@ -717,7 +765,7 @@ function cssints({ inner = false, exclude, devtools = false, opencode = false }
 				site: n,
 				offset: s.start
 			});
-			writeSite(ms, s, replacement);
+			writeSite(ms, s, s.name ? tagged(replacement, s.name) : replacement);
 		}
 		for (const decl of parsed.imp.decls) ms.remove(decl.start, decl.end);
 		for (const dep of runnerDeps(env, id)) (depsOf.get(dep) ?? depsOf.set(dep, /* @__PURE__ */ new Set()).get(dep)).add(id);
@@ -762,7 +810,7 @@ function cssints({ inner = false, exclude, devtools = false, opencode = false }
 			return out && /x$/.test(id) ? yield* inertJsx(out.code, id) : out?.code;
 		}
 		if (inner) return void 0;
-		const parsed = yield* instrument(code, id);
+		const parsed = yield* instrument(code, id, true, !!devtools && !build);
 		if (!parsed) return void 0;
 		const env = server.environments.ssr;
 		runner ??= createServerModuleRunner(env, {
@@ -852,8 +900,12 @@ function cssints({ inner = false, exclude, devtools = false, opencode = false }
 	const buildEnd = Effect.fn("cssints.buildEnd")(function* (warn) {
 		yield* verifyChecks(() => true).pipe(Effect.catch((e) => locate(e, "", "")), Effect.ensuring(flushWarnings(warn)));
 	});
-	const hotUpdate = Effect.fn("cssints.hotUpdate")(function* (env, file, modules) {
+	const hotUpdate = Effect.fn("cssints.hotUpdate")(function* (env, file, modules, type) {
 		if (env.name !== "client") return void 0;
+		if (type === "delete") {
+			yield* Effect.sync(() => forget(file));
+			yield* drop(file);
+		}
 		yield* Effect.sync(() => forgetWarnings([file]));
 		const graph = env.moduleGraph;
 		const affected = [.../* @__PURE__ */ new Set([...depsOf.get(file) ?? [], ...inflight])].flatMap((id) => graph.getModuleById(id) ?? []);
@@ -941,8 +993,8 @@ function cssints({ inner = false, exclude, devtools = false, opencode = false }
 				return run(hook("vite.transform", id, transform(this, code, id).pipe(Effect.catch((e) => locate(e, code, id))), this.environment.name));
 			}
 		},
-		hotUpdate({ file, modules }) {
-			return runSync(hook("vite.hotUpdate", file, hotUpdate(this.environment, file, modules)));
+		hotUpdate({ file, modules, type }) {
+			return runSync(hook("vite.hotUpdate", file, hotUpdate(this.environment, file, modules, type)));
 		}
 	};
 	const version = {