@icaruk/zai-peak-hours 0.0.1 → 0.0.3

package/README.md

@@ -1,25 +1,17 @@
 # @icaruk/zai-peak-hours
 
-OpenCode TUI plugin that displays z.ai peak hours information with automatic timezone detection via toast notifications.
+OpenCode plugin that displays z.ai peak hours information with automatic timezone detection via toast notifications.
 
-## Quick Start
+## Installation
 
-Add this to your `~/.config/opencode/tui.json`:
+Add to your `~/.config/opencode/opencode.json`:
 
-**After npm publication:**
-```jsonc
+```json
 {
   "plugin": ["@icaruk/zai-peak-hours"]
 }
 ```
 
-**Local development (before npm publication):**
-```jsonc
-{
-  "plugin": ["file://D:/Dev/zai-peak-hours/dist/index.js"]
-}
-```
-
 ## Features
 
 - 🌍 Automatic timezone detection (UTC+8 / Asia/Shanghai)
@@ -29,51 +21,14 @@ Add this to your `~/.config/opencode/tui.json`:
 - ⚙️ Configurable update interval
 - 🛠️ Manual commands for on-demand status checks
 
-## TUI vs Regular Plugins
-
-This is a **TUI plugin** (runs in the OpenCode client/terminal UI), not a regular server-side plugin.
-
-|               | TUI Plugin (this)        | Regular Plugin               |
-| ------------- | ------------------------ | -------------------------- |
-| **Config**        | `tui.json`               | `opencode.jsonc`            |
-| **Dónde corre**   | Client/TUI                | Server/backend             |
-| **Acceso UI**     | Sí (toasts, comandos)    | No                        |
-| **Custom tools**  | No                        | Sí                        |
-| **Hook en tools** | No                        | Sí                        |
-
-TUI plugins can display toasts, register slash commands, and show UI elements directly in the terminal.
-
 ## Commands
 
 - `/peak_hours` - Display current peak hours status
 - `/peak_hours_status` - Display plugin diagnostics and configuration
 
-## Configuration
-
-Configuration is optional - the plugin works out of the box.
-
-To customize, create `~/.config/opencode/peak-hours.json`:
-
-```json
-{
-  "enabled": true,
-  "updateIntervalMinutes": 15
-}
-```
-
-### Options
-
-- `enabled` (boolean, default: `true`) - Enable or disable the plugin
-- `updateIntervalMinutes` (number, default: `15`) - Update interval in minutes
-
-## Peak Hours Schedule
-
-- **Peak Hours**: 14:00-18:00 UTC+8 (Asia/Shanghai timezone)
-- **Off-Peak Hours**: All other times
-
 ## Messages
 
-The plugin displays toast notifications in the following format:
+The plugin displays toast notifications:
 
 **Peak Hours:**
 ```
@@ -87,30 +42,35 @@ Currently in off-peak hours. X hours Y minutes remaining
 
 ## Development
 
-For local development and testing:
-
 ```bash
-# Clone the repository
+# Clone
 git clone https://github.com/Icaruk/zai-peak-hours.git
 cd zai-peak-hours
 
-# Install dependencies
+# Install
 npm install
 
-# Build the plugin
+# Build
 npm run build
 
-# Run in watch mode for development
+# Watch
 npm run dev
 ```
 
-Then use the local development path in `tui.json`:
-```jsonc
+Add local config in `opencode.json`
+
+```json
 {
-  "plugin": ["file://D:/Dev/zai-peak-hours/dist/index.js"]
+  "plugin": [
+    "file:///D:/Dev/zai-peak-hours/dist/index.js"
+  ]
 }
 ```
 
+## npm package
+
+https://www.npmjs.com/package/@icaruk/zai-peak-hours
+
 ## License
 
 MIT

package/dist/index.d.ts

@@ -1,8 +1,3 @@
-import type { TuiPluginApi, TuiPluginMeta } from '../node_modules/@opencode-ai/plugin/dist/tui';
-import type { PluginOptions } from '@opencode-ai/plugin';
-declare function tui(api: TuiPluginApi, options: PluginOptions | undefined, meta: TuiPluginMeta): Promise<void>;
-declare const plugin: {
-    id: string;
-    tui: typeof tui;
-};
+import type { Plugin } from '@opencode-ai/plugin';
+export declare const plugin: Plugin;
 export default plugin;

package/dist/index.js

@@ -1,9 +1,9 @@
+import { tool } from '@opencode-ai/plugin';
 import { getPeakHoursStatus, formatPeakHoursMessage } from './peak-hours';
 import { DEFAULT_CONFIG } from './config';
 import * as fs from 'fs';
 import * as path from 'path';
 let timerId = null;
-let pluginLoaded = false;
 let configCache = null;
 function getConfigPath() {
     const configDir = process.env.XDG_CONFIG_HOME
@@ -33,105 +33,116 @@ function loadConfig() {
     configCache = DEFAULT_CONFIG;
     return configCache;
 }
-function showPeakHoursToast(api) {
+async function showPeakHoursToast(client) {
     const config = loadConfig();
     if (!config.enabled) {
-        api.ui.toast({
-            message: 'Peak Hours plugin is disabled in config',
-            duration: 3000
+        await client.tui.showToast({
+            body: {
+                message: 'Peak Hours plugin is disabled in config',
+                variant: 'info',
+                duration: 3000
+            }
         });
         return;
     }
     const status = getPeakHoursStatus();
     const message = formatPeakHoursMessage(status);
-    api.ui.toast({
-        message,
-        duration: 5000
+    await client.tui.showToast({
+        body: {
+            message,
+            variant: status.inPeakHours ? 'warning' : 'info',
+            duration: 5000
+        }
     });
 }
-function showDiagnostics(api) {
+async function showDiagnostics(client) {
     const config = loadConfig();
     const status = getPeakHoursStatus();
     const currentTime = new Date().toISOString();
-    const diagnostics = [
-        '=== Peak Hours Plugin Diagnostics ===',
-        `Plugin loaded: ${pluginLoaded}`,
-        `Plugin enabled: ${config.enabled}`,
-        `Update interval: ${config.updateIntervalMinutes} minutes`,
-        `Current time: ${currentTime}`,
-        `In peak hours: ${status.inPeakHours}`,
-        `Time until ${status.transitionType}: ${status.timeUntilTransition}`,
-        `====================================`
-    ].join('\n');
-    api.ui.toast({
-        message: diagnostics,
-        duration: 8000
+    const diagnostics = `=== Peak Hours Plugin Diagnostics ===
+Plugin enabled: ${config.enabled}
+Update interval: ${config.updateIntervalMinutes} minutes
+Current time: ${currentTime}
+In peak hours: ${status.inPeakHours}
+Time until ${status.transitionType}: ${status.timeUntilTransition}
+====================================`;
+    await client.tui.showToast({
+        body: {
+            message: diagnostics,
+            variant: 'info',
+            duration: 8000
+        }
     });
 }
-async function tui(api, options, meta) {
-    pluginLoaded = true;
+export const plugin = async ({ client }) => {
     const config = loadConfig();
-    const updateInterval = config.updateIntervalMinutes * 60 * 1000; // Convert minutes to milliseconds
-    // Show plugin loaded message
-    api.ui.toast({
-        message: 'Peak Hours Plugin loaded successfully',
-        duration: 3000
+    const updateInterval = config.updateIntervalMinutes * 60 * 1000;
+    await client.tui.showToast({
+        body: {
+            message: 'Peak Hours Plugin loaded successfully',
+            variant: 'info',
+            duration: 3000
+        }
     });
-    try {
-        const commands = [
-            {
-                title: 'Show Peak Hours Status',
-                value: 'peak_hours',
-                description: 'Display current peak hours status and time until next transition',
-                category: 'Utilities',
-                slash: {
-                    name: 'peak_hours'
-                },
-                onSelect: () => {
-                    showPeakHoursToast(api);
+    return {
+        config: async (input) => {
+            input.command ?? (input.command = {});
+            input.command['peak_hours'] = {
+                template: '/peak_hours',
+                description: 'Display current peak hours status'
+            };
+            input.command['peak_hours_status'] = {
+                template: '/peak_hours_status',
+                description: 'Display peak hours plugin diagnostics'
+            };
+        },
+        'tool.execute.after': async (input) => {
+            if (!config.enabled) {
+                return;
+            }
+            if (input.tool === 'peak_hours') {
+                await showPeakHoursToast(client);
+            }
+            else if (input.tool === 'peak_hours_status') {
+                await showDiagnostics(client);
+            }
+        },
+        'session.created': async () => {
+            if (!config.enabled) {
+                return;
+            }
+            await showPeakHoursToast(client);
+            timerId = setInterval(async () => {
+                await showPeakHoursToast(client);
+            }, updateInterval);
+        },
+        tool: {
+            'peak_hours': tool({
+                description: 'Display current z.ai peak hours status and time until next transition',
+                args: {},
+                async execute(_args, context) {
+                    const status = getPeakHoursStatus();
+                    const message = formatPeakHoursMessage(status);
+                    return `Peak Hours Status:\n${message}\n\nIn peak hours: ${status.inPeakHours}\nTime until ${status.transitionType}: ${status.timeUntilTransition}`;
                 }
-            },
-            {
-                title: 'Show Peak Hours Diagnostics',
-                value: 'peak_hours_status',
-                description: 'Display plugin diagnostics and configuration status',
-                category: 'Utilities',
-                slash: {
-                    name: 'peak_hours_status'
-                },
-                onSelect: () => {
-                    showDiagnostics(api);
+            }),
+            'peak_hours_status': tool({
+                description: 'Display peak hours plugin diagnostics and configuration status',
+                args: {},
+                async execute(_args, context) {
+                    const config = loadConfig();
+                    const status = getPeakHoursStatus();
+                    const currentTime = new Date().toISOString();
+                    return `=== Peak Hours Plugin Diagnostics ===
+Plugin enabled: ${config.enabled}
+Update interval: ${config.updateIntervalMinutes} minutes
+Current time: ${currentTime}
+In peak hours: ${status.inPeakHours}
+Time until ${status.transitionType}: ${status.timeUntilTransition}
+====================================`;
                 }
-            }
-        ];
-        api.command.register(() => commands);
-    }
-    catch (error) {
-        api.ui.toast({
-            message: `Error registering peak_hours commands: ${error}`,
-            duration: 5000
-        });
-    }
-    if (!config.enabled) {
-        return;
-    }
-    const unsubscribe = api.event.on('session.created', () => {
-        showPeakHoursToast(api);
-        timerId = setInterval(() => {
-            showPeakHoursToast(api);
-        }, updateInterval);
-    });
-    api.lifecycle.onDispose(() => {
-        unsubscribe();
-        if (timerId) {
-            clearInterval(timerId);
-            timerId = null;
+            })
         }
-        pluginLoaded = false;
-    });
-}
-const plugin = {
-    id: "icaruk.peak-hours",
-    tui
+    };
 };
 export default plugin;

package/package.json

@@ -1,11 +1,10 @@
 {
 	"name": "@icaruk/zai-peak-hours",
-	"version": "0.0.1",
+	"version": "0.0.3",
 	"type": "module",
 	"description": "OpenCode plugin to display z.ai peak hours information with automatic timezone detection",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
-	"tui": "dist/index.js",
 	"exports": {
 		".": {
 			"import": "./dist/index.js",