@agiflowai/style-system 0.0.6 → 0.0.7

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_stdio = require('./stdio-D3tBpCoD.cjs');
+const require_stdio = require('./stdio-DxdE_ClP.cjs');
 let __agiflowai_aicode_utils = require("@agiflowai/aicode-utils");
 __agiflowai_aicode_utils = require_stdio.__toESM(__agiflowai_aicode_utils);
 let commander = require("commander");

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { a as ListAppComponentsTool, i as ListThemesTool, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, r as ListSharedComponentsTool, t as StdioTransportHandler, u as getBundlerServiceFromConfig } from "./stdio-DvPtx0WS.js";
+import { a as ListAppComponentsTool, i as ListThemesTool, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, r as ListSharedComponentsTool, t as StdioTransportHandler, u as getBundlerServiceFromConfig } from "./stdio-Ct-YYe6g.js";
 import { print } from "@agiflowai/aicode-utils";
 import { Command } from "commander";
 

package/dist/index.cjs

@@ -1,4 +1,4 @@
-const require_stdio = require('./stdio-D3tBpCoD.cjs');
+const require_stdio = require('./stdio-DxdE_ClP.cjs');
 
 exports.BaseBundlerService = require_stdio.BaseBundlerService;
 exports.BaseCSSClassesService = require_stdio.BaseCSSClassesService;

package/dist/index.d.cts

@@ -612,7 +612,6 @@ interface RenderResult {
  * ```
  */
 declare class ComponentRendererService {
-  private monorepoRoot;
   private tmpDir;
   private themeService;
   private appPath;
@@ -886,11 +885,6 @@ declare abstract class BaseCSSClassesService {
  * ```
  */
 declare class TailwindCSSClassesService extends BaseCSSClassesService {
-  /**
-   * Creates a new TailwindCSSClassesService instance
-   * @param config - Style system configuration from toolkit.yaml
-   */
-  constructor(config: StyleSystemConfig);
   /**
    * Get the CSS framework identifier
    * @returns Framework identifier string 'tailwind'

package/dist/index.d.ts

@@ -612,7 +612,6 @@ interface RenderResult {
  * ```
  */
 declare class ComponentRendererService {
-  private monorepoRoot;
   private tmpDir;
   private themeService;
   private appPath;
@@ -886,11 +885,6 @@ declare abstract class BaseCSSClassesService {
  * ```
  */
 declare class TailwindCSSClassesService extends BaseCSSClassesService {
-  /**
-   * Creates a new TailwindCSSClassesService instance
-   * @param config - Style system configuration from toolkit.yaml
-   */
-  constructor(config: StyleSystemConfig);
   /**
    * Get the CSS framework identifier
    * @returns Framework identifier string 'tailwind'

package/dist/index.js

@@ -1,3 +1,3 @@
-import { _ as TailwindCSSClassesService, a as ListAppComponentsTool, c as ThemeService, d as ViteReactBundlerService, f as BaseBundlerService, g as DEFAULT_STYLE_SYSTEM_CONFIG, h as CSSClassesServiceFactory, i as ListThemesTool, l as createDefaultBundlerService, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, p as StoriesIndexService, r as ListSharedComponentsTool, s as ComponentRendererService, t as StdioTransportHandler, u as getBundlerServiceFromConfig, v as BaseCSSClassesService } from "./stdio-DvPtx0WS.js";
+import { _ as TailwindCSSClassesService, a as ListAppComponentsTool, c as ThemeService, d as ViteReactBundlerService, f as BaseBundlerService, g as DEFAULT_STYLE_SYSTEM_CONFIG, h as CSSClassesServiceFactory, i as ListThemesTool, l as createDefaultBundlerService, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, p as StoriesIndexService, r as ListSharedComponentsTool, s as ComponentRendererService, t as StdioTransportHandler, u as getBundlerServiceFromConfig, v as BaseCSSClassesService } from "./stdio-Ct-YYe6g.js";
 
 export { BaseBundlerService, BaseCSSClassesService, CSSClassesServiceFactory, ComponentRendererService, DEFAULT_STYLE_SYSTEM_CONFIG, GetCSSClassesTool, GetComponentVisualTool, ListAppComponentsTool, ListSharedComponentsTool, ListThemesTool, StdioTransportHandler, StoriesIndexService, TailwindCSSClassesService, ThemeService, ViteReactBundlerService, createDefaultBundlerService, createServer, getBundlerServiceFromConfig };

package/dist/{stdio-DvPtx0WS.js → stdio-Ct-YYe6g.js}

@@ -76,7 +76,7 @@ async function getAppDesignSystemConfig(appPath) {
 		}
 		if (typeof projectJson !== "object" || projectJson === null) throw new Error(`${projectJsonPath} must contain a JSON object`);
 		const project = projectJson;
-		const projectName = typeof project.name === "string" ? project.name : path.basename(resolvedAppPath);
+		const projectName = project.name ? project.name : path.basename(resolvedAppPath);
 		if (project["style-system"]) {
 			const validatedConfig = validateDesignSystemConfig(project["style-system"], projectName);
 			log.info(`[Config] Loaded and validated style-system config for ${projectName}`);
@@ -229,13 +229,6 @@ var BaseCSSClassesService = class {
 * ```
 */
 var TailwindCSSClassesService = class extends BaseCSSClassesService {
-	/**
-	* Creates a new TailwindCSSClassesService instance
-	* @param config - Style system configuration from toolkit.yaml
-	*/
-	constructor(config) {
-		super(config);
-	}
 	/**
 	* Get the CSS framework identifier
 	* @returns Framework identifier string 'tailwind'
@@ -1403,7 +1396,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 					const config = this.storyConfigs.get(storyId);
 					if (config) try {
 						const htmlTemplate = this.generateHtmlTemplate(`@virtual:story-entry?id=${storyId}`, config.darkMode);
-						const transformedHtml = await this.server.transformIndexHtml(url$1, htmlTemplate);
+						const transformedHtml = await this.server?.transformIndexHtml(url$1, htmlTemplate);
 						res.statusCode = 200;
 						res.setHeader("Content-Type", "text/html");
 						res.end(transformedHtml);
@@ -2366,7 +2359,6 @@ var ThemeServiceFactory = class {
 * ```
 */
 var ComponentRendererService = class ComponentRendererService {
-	monorepoRoot;
 	tmpDir;
 	themeService;
 	appPath;
@@ -2379,7 +2371,6 @@ var ComponentRendererService = class ComponentRendererService {
 	*/
 	constructor(designSystemConfig, appPath, options = {}) {
 		if (!appPath) throw new Error("appPath is required for ComponentRendererService");
-		this.monorepoRoot = TemplatesManagerService.getWorkspaceRootSync();
 		this.appPath = appPath;
 		this.tmpDir = path.join(os.tmpdir(), "style-system");
 		this.themeService = new ThemeService(designSystemConfig);
@@ -2617,7 +2608,7 @@ var GetUiComponentService = class {
 		if (input.darkMode !== void 0 && typeof input.darkMode !== "boolean") throw new Error("darkMode must be a boolean");
 		if (input.selector !== void 0) {
 			if (typeof input.selector !== "string") throw new Error("selector must be a string");
-			if (!/^[a-zA-Z0-9_\-#.\[\]=":' ]+$/.test(input.selector)) throw new Error("selector contains invalid characters");
+			if (!/^[a-zA-Z0-9_\-#.[\]=":' ]+$/.test(input.selector)) throw new Error("selector contains invalid characters");
 			if (/javascript:|expression\(|url\(/i.test(input.selector)) throw new Error("selector contains potentially malicious content");
 		}
 		const { componentName, appPath, storyName = this.config.defaultStoryName, darkMode = this.config.defaultDarkMode } = input;

package/dist/{stdio-D3tBpCoD.cjs → stdio-DxdE_ClP.cjs}

@@ -115,7 +115,7 @@ async function getAppDesignSystemConfig(appPath) {
 		}
 		if (typeof projectJson !== "object" || projectJson === null) throw new Error(`${projectJsonPath} must contain a JSON object`);
 		const project = projectJson;
-		const projectName = typeof project.name === "string" ? project.name : node_path.default.basename(resolvedAppPath);
+		const projectName = project.name ? project.name : node_path.default.basename(resolvedAppPath);
 		if (project["style-system"]) {
 			const validatedConfig = validateDesignSystemConfig(project["style-system"], projectName);
 			__agiflowai_aicode_utils.log.info(`[Config] Loaded and validated style-system config for ${projectName}`);
@@ -268,13 +268,6 @@ var BaseCSSClassesService = class {
 * ```
 */
 var TailwindCSSClassesService = class extends BaseCSSClassesService {
-	/**
-	* Creates a new TailwindCSSClassesService instance
-	* @param config - Style system configuration from toolkit.yaml
-	*/
-	constructor(config) {
-		super(config);
-	}
 	/**
 	* Get the CSS framework identifier
 	* @returns Framework identifier string 'tailwind'
@@ -1442,7 +1435,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 					const config = this.storyConfigs.get(storyId);
 					if (config) try {
 						const htmlTemplate = this.generateHtmlTemplate(`@virtual:story-entry?id=${storyId}`, config.darkMode);
-						const transformedHtml = await this.server.transformIndexHtml(url$1, htmlTemplate);
+						const transformedHtml = await this.server?.transformIndexHtml(url$1, htmlTemplate);
 						res.statusCode = 200;
 						res.setHeader("Content-Type", "text/html");
 						res.end(transformedHtml);
@@ -2405,7 +2398,6 @@ var ThemeServiceFactory = class {
 * ```
 */
 var ComponentRendererService = class ComponentRendererService {
-	monorepoRoot;
 	tmpDir;
 	themeService;
 	appPath;
@@ -2418,7 +2410,6 @@ var ComponentRendererService = class ComponentRendererService {
 	*/
 	constructor(designSystemConfig, appPath, options = {}) {
 		if (!appPath) throw new Error("appPath is required for ComponentRendererService");
-		this.monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 		this.appPath = appPath;
 		this.tmpDir = node_path.default.join(node_os.default.tmpdir(), "style-system");
 		this.themeService = new ThemeService(designSystemConfig);
@@ -2656,7 +2647,7 @@ var GetUiComponentService = class {
 		if (input.darkMode !== void 0 && typeof input.darkMode !== "boolean") throw new Error("darkMode must be a boolean");
 		if (input.selector !== void 0) {
 			if (typeof input.selector !== "string") throw new Error("selector must be a string");
-			if (!/^[a-zA-Z0-9_\-#.\[\]=":' ]+$/.test(input.selector)) throw new Error("selector contains invalid characters");
+			if (!/^[a-zA-Z0-9_\-#.[\]=":' ]+$/.test(input.selector)) throw new Error("selector contains invalid characters");
 			if (/javascript:|expression\(|url\(/i.test(input.selector)) throw new Error("selector contains potentially malicious content");
 		}
 		const { componentName, appPath, storyName = this.config.defaultStoryName, darkMode = this.config.defaultDarkMode } = input;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agiflowai/style-system",
   "description": "MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "AGPL-3.0",
   "keywords": [
     "mcp",
@@ -22,7 +22,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.25.2",
+    "@modelcontextprotocol/sdk": "1.26.0",
     "@storybook/csf-tools": "^8.6.14",
     "@tailwindcss/vite": "^4.1.16",
     "chalk": "5.6.2",
@@ -38,7 +38,7 @@
     "tailwindcss": "^4.1.11",
     "vite": "^7.1.12",
     "vite-plugin-singlefile": "^2.3.0",
-    "@agiflowai/aicode-utils": "1.0.13"
+    "@agiflowai/aicode-utils": "1.0.14"
   },
   "devDependencies": {
     "@babel/parser": "^7.28.5",