@monimesl/dot-cli 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/{server-DMnWDdJ6.js → server-BhnO9_Zu.js}

@@ -1,7 +1,7 @@
 import { t as findDotRoot } from "./cli.js";
 import { createRequire } from "node:module";
 import { dirname, join } from "node:path";
-import { CONTROL_FLOW_TAGS, DATA_PREFIX, ROOT_TAG, canHaveChildren, compileView, dataKey, listStatics } from "@monimesl/dot-compiler";
+import { CONTROL_FLOW_TAGS, DATA_PREFIX, DOT_FILE, ROOT_TAG, canHaveChildren, compileView, dataKey, listStatics } from "@monimesl/dot-compiler";
 import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
 import { parseDmlToIR } from "@monimesl/dot-dml-parser";
@@ -10599,10 +10599,10 @@ function valueCompletions(element, attribute, page, scope, components) {
 	if (!component) return [];
 	if (isEventProp(attribute) && component.events.includes(eventName(attribute))) return handlerCompletions(page);
 	const type = component.props[attribute];
-	if (type && isWordsOr(type)) return type.words.map((value) => ({
+	if (type && isWordsOr(type)) return [...type.words.map((value) => ({
 		label: value,
 		kind: import_main.CompletionItemKind.EnumMember
-	}));
+	})), ...themeCompletions(type, attribute, page)];
 	if (Array.isArray(type)) return type.map((value) => ({
 		label: value,
 		kind: import_main.CompletionItemKind.EnumMember
@@ -10617,6 +10617,18 @@ function valueCompletions(element, attribute, page, scope, components) {
 	}));
 	return [];
 }
+function themeCompletions(type, attribute, page) {
+	const { theme } = page;
+	if (!theme) return [];
+	let names = [];
+	if (type.or === "themeIcon") names = theme.icons;
+	else if (type.or === "themeColor") names = attribute === "background" ? [...theme.colors, ...theme.gradients] : theme.colors;
+	return names.map((name) => ({
+		label: name,
+		kind: import_main.CompletionItemKind.Color,
+		detail: "from the theme in dot.ts"
+	}));
+}
 function forKeyCompletions(element, scope) {
 	let properties = [];
 	if (scope) {
@@ -10810,22 +10822,59 @@ function diagnosticAt(document, start, message, severity) {
 	};
 }
 //#endregion
+//#region src/lsp/theme-names.ts
+function readThemeNames(text, file) {
+	const theme = memberOf(dotOptions(ts.createSourceFile(file, text, ts.ScriptTarget.Latest)), "theme");
+	return {
+		colors: namesIn(memberOf(memberOf(theme, "colors"), "custom")),
+		gradients: namesIn(memberOf(theme, "gradients")),
+		icons: namesIn(memberOf(theme, "icons"))
+	};
+}
+function dotOptions(source) {
+	for (const statement of source.statements) if (ts.isExportAssignment(statement) && ts.isCallExpression(statement.expression)) {
+		const [options] = statement.expression.arguments;
+		if (options && ts.isObjectLiteralExpression(options)) return options;
+	}
+}
+function memberOf(object, name) {
+	for (const property of object?.properties ?? []) if (ts.isPropertyAssignment(property) && propertyName(property) === name && ts.isObjectLiteralExpression(property.initializer)) return property.initializer;
+}
+function namesIn(object) {
+	const names = [];
+	for (const property of object?.properties ?? []) {
+		const name = ts.isPropertyAssignment(property) ? propertyName(property) : void 0;
+		if (name !== void 0) names.push(name);
+	}
+	return names;
+}
+function propertyName(property) {
+	const { name } = property;
+	if (ts.isIdentifier(name) || ts.isStringLiteral(name)) return name.text;
+}
+//#endregion
 //#region src/lsp/page.ts
 async function readPage(viewFile, readText, stateTypes) {
 	const dir = dirname(viewFile);
 	const root = findDotRoot(dir);
-	const [state, controller, statics] = await Promise.all([
+	const [state, controller, statics, theme] = await Promise.all([
 		readState(join(dir, "state.ts"), root, readText, stateTypes),
 		readController(join(dir, "controller.ts"), readText),
-		root === void 0 ? void 0 : listStatics(root).catch(() => void 0)
+		root === void 0 ? void 0 : listStatics(root).catch(() => void 0),
+		root === void 0 ? void 0 : readTheme(join(root, DOT_FILE), readText)
 	]);
 	return {
 		root,
 		state,
 		controller,
-		statics
+		statics,
+		theme
 	};
 }
+async function readTheme(file, readText) {
+	const text = await readText(file);
+	return text === void 0 ? void 0 : readThemeNames(text, file);
+}
 async function readState(file, root, readText, stateTypes) {
 	const text = await readText(file);
 	if (text === void 0) return;
@@ -11305,4 +11354,4 @@ function serveStdio() {
 //#endregion
 export { serveStdio };
 
-//# sourceMappingURL=server-DMnWDdJ6.js.map
+//# sourceMappingURL=server-BhnO9_Zu.js.map