@industry-theme/theme-editor-panel 0.1.0 → 0.1.2

package/dist/tools/index.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Theme Editor Panel Tools
+ *
+ * UTCP-compatible tools for the theme editor panel extension.
+ * These tools can be invoked by AI agents and emit events that panels listen for.
+ *
+ * IMPORTANT: This file should NOT import any React components to ensure
+ * it can be imported server-side without pulling in React dependencies.
+ * Use the './tools' subpath export for server-safe imports.
+ */
+import type { PanelTool, PanelToolsMetadata } from '@principal-ade/utcp-panel-event';
+/**
+ * Tool: Set Theme Color
+ */
+export declare const setThemeColorTool: PanelTool;
+/**
+ * Tool: Reset Theme
+ */
+export declare const resetThemeTool: PanelTool;
+/**
+ * Tool: Apply Theme Preset
+ */
+export declare const applyThemePresetTool: PanelTool;
+/**
+ * Tool: Export Theme
+ */
+export declare const exportThemeTool: PanelTool;
+/**
+ * All tools exported as an array.
+ */
+export declare const themeEditorTools: PanelTool[];
+/**
+ * Panel tools metadata for registration with PanelToolRegistry.
+ */
+export declare const themeEditorToolsMetadata: PanelToolsMetadata;
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tools/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,SA8B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,SAwB5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAyBlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,SA0B7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAAS,EAKvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,kBAKtC,CAAC"}

package/dist/tools.bundle.js

@@ -0,0 +1,130 @@
+// src/tools/index.ts
+var setThemeColorTool = {
+  name: "set_theme_color",
+  description: "Sets a specific color in the Industry theme",
+  inputs: {
+    type: "object",
+    properties: {
+      colorKey: {
+        type: "string",
+        description: 'The color key to set (e.g., "primary", "secondary", "accent", "background")'
+      },
+      colorValue: {
+        type: "string",
+        description: 'The color value in hex format (e.g., "#ff5500")'
+      }
+    },
+    required: ["colorKey", "colorValue"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      colorKey: { type: "string" },
+      colorValue: { type: "string" }
+    }
+  },
+  tags: ["theme", "color", "customization"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.theme-editor:set-color"
+  }
+};
+var resetThemeTool = {
+  name: "reset_theme",
+  description: "Resets the theme to default Industry theme colors",
+  inputs: {
+    type: "object",
+    properties: {
+      confirmReset: {
+        type: "boolean",
+        description: "Confirm the reset action"
+      }
+    }
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["theme", "reset", "default"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.theme-editor:reset-theme"
+  }
+};
+var applyThemePresetTool = {
+  name: "apply_theme_preset",
+  description: "Applies a predefined theme preset",
+  inputs: {
+    type: "object",
+    properties: {
+      presetName: {
+        type: "string",
+        description: 'The name of the preset to apply (e.g., "dark", "light", "high-contrast")'
+      }
+    },
+    required: ["presetName"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      appliedPreset: { type: "string" }
+    }
+  },
+  tags: ["theme", "preset", "customization"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.theme-editor:apply-preset"
+  }
+};
+var exportThemeTool = {
+  name: "export_theme",
+  description: "Exports the current theme configuration",
+  inputs: {
+    type: "object",
+    properties: {
+      format: {
+        type: "string",
+        enum: ["json", "css", "scss"],
+        description: "The export format"
+      }
+    }
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      format: { type: "string" },
+      content: { type: "string" }
+    }
+  },
+  tags: ["theme", "export", "configuration"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.theme-editor:export-theme"
+  }
+};
+var themeEditorTools = [
+  setThemeColorTool,
+  resetThemeTool,
+  applyThemePresetTool,
+  exportThemeTool
+];
+var themeEditorToolsMetadata = {
+  id: "industry-theme.theme-editor",
+  name: "Theme Editor",
+  description: "Tools provided by the Industry Theme Editor panel extension",
+  tools: themeEditorTools
+};
+export {
+  themeEditorToolsMetadata,
+  themeEditorTools,
+  setThemeColorTool,
+  resetThemeTool,
+  exportThemeTool,
+  applyThemePresetTool
+};

package/dist/types/index.d.ts

@@ -3,5 +3,5 @@
  *
  * Re-exports core types from @principal-ade/panel-framework-core
  */
-export type { DataSlice, WorkspaceMetadata, RepositoryMetadata, FileTreeSource, ActiveFileSlice, PanelEventType, PanelEvent, PanelEventEmitter, PanelActions, PanelContextValue, PanelComponentProps, PanelMetadata, PanelLifecycleHooks, PanelDefinition, PanelModule, PanelRegistryEntry, PanelLoader, PanelRegistryConfig, } from '@principal-ade/panel-framework-core';
+export type { DataSlice, WorkspaceMetadata, RepositoryMetadata, FileTreeSource, ActiveFileSlice, PanelEventType, PanelEvent, PanelEventEmitter, PanelActions, PanelContextValue, PanelComponentProps, PanelMetadata, PanelLifecycleHooks, PanelDefinition, PanelModule, PanelRegistryEntry, PanelLoader, PanelRegistryConfig, PanelTool, PanelToolsMetadata, JsonSchema, PanelEventCallTemplate, } from '@principal-ade/panel-framework-core';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EAEV,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,eAAe,EAGf,cAAc,EACd,UAAU,EACV,iBAAiB,EAGjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EAGnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,WAAW,EAGX,kBAAkB,EAClB,WAAW,EACX,mBAAmB,GACpB,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EAEV,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,eAAe,EAGf,cAAc,EACd,UAAU,EACV,iBAAiB,EAGjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EAGnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,WAAW,EAGX,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EAGnB,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,sBAAsB,GACvB,MAAM,qCAAqC,CAAC"}

package/package.json

@@ -1,19 +1,34 @@
 {
   "name": "@industry-theme/theme-editor-panel",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Theme editor panel for customizing the Industry theme appearance and styling",
   "type": "module",
   "main": "dist/panels.bundle.js",
   "module": "dist/panels.bundle.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/panels.bundle.js",
+      "require": "./dist/panels.bundle.js",
+      "default": "./dist/panels.bundle.js"
+    },
+    "./tools": {
+      "types": "./dist/tools/index.d.ts",
+      "import": "./dist/tools.bundle.js",
+      "require": "./dist/tools.bundle.js",
+      "default": "./dist/tools.bundle.js"
+    }
+  },
   "keywords": [
     "panel-extension"
   ],
   "author": "Principal ADE",
   "license": "MIT",
   "scripts": {
-    "build": "bun run clean && bun run build:panel && bun run build:types",
+    "build": "bun run clean && bun run build:panel && bun run build:tools && bun run build:types",
     "build:panel": "vite build",
+    "build:tools": "bun build ./src/tools/index.ts --outfile ./dist/tools.bundle.js --format esm --target browser",
     "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap",
     "dev": "vite build --watch",
     "clean": "rm -rf dist",
@@ -37,23 +52,20 @@
     }
   },
   "dependencies": {
-    "@principal-ade/industry-theme": "^0.1.2",
-    "@principal-ade/panel-framework-core": "^0.1.2",
+    "@principal-ade/industry-theme": "^0.1.3",
+    "@principal-ade/panel-framework-core": "^0.1.5",
+    "@principal-ade/utcp-panel-event": "^0.1.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.552.0",
     "react-colorful": "^5.6.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
+    "@chromatic-com/storybook": "^4.1.3",
     "@eslint/js": "^9.32.0",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-onboarding": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
+    "@storybook/addon-docs": "10.1.2",
+    "@storybook/addon-links": "10.1.2",
+    "@storybook/addon-onboarding": "10.1.2",
+    "@storybook/react-vite": "10.1.2",
     "@types/bun": "latest",
     "@types/node": "^22.15.26",
     "@types/react": "^19.0.0",
@@ -66,11 +78,11 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "10.1.2",
     "prettier": "^3.6.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "storybook": "^8.5.0",
+    "storybook": "10.1.2",
     "typescript": "^5.0.4",
     "typescript-eslint": "^8.38.0",
     "vite": "^6.0.7"