disabled: komiku

src/components/PluginCard.tsx

@@ -6,7 +6,7 @@ import { Input } from "@/components/ui/input";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { PluginMetadata } from "@/client/hooks/usePlugin";
-import { Play, ChevronDown, ChevronUp, Copy, Check } from "lucide-react";
+import { Play, ChevronDown, ChevronUp, Copy, Check, AlertTriangle, XCircle } from "lucide-react";
 import { CodeBlock } from "@/components/CodeBlock";
 import { getApiUrl } from "@/lib/api-url";
 
@@ -32,11 +32,27 @@ export function PluginCard({ plugin }: PluginCardProps) {
   const [copiedUrl, setCopiedUrl] = useState(false);
   const [copiedRequestUrl, setCopiedRequestUrl] = useState(false);
 
+  const isDisabled = plugin.disabled;
+  const isDeprecated = plugin.deprecated;
+
   const handleParamChange = (paramName: string, value: string) => {
     setParamValues((prev) => ({ ...prev, [paramName]: value }));
   };
 
   const handleExecute = async () => {
+    if (isDisabled) {
+      setResponse({
+        status: 503,
+        statusText: "Service Unavailable",
+        data: {
+          success: false,
+          message: "Plugin is disabled",
+          reason: plugin.disabledReason || "This plugin has been disabled"
+        }
+      });
+      return;
+    }
+
     setLoading(true);
 
     try {
@@ -123,8 +139,9 @@ export function PluginCard({ plugin }: PluginCardProps) {
         <Select
           value={paramValues[param.name] || ""}
           onValueChange={(value) => handleParamChange(param.name, value)}
+          disabled={isDisabled}
         >
-          <SelectTrigger className="bg-black/50 border-white/10 text-white focus:border-purple-500">
+          <SelectTrigger className="bg-black/50 border-white/10 text-white focus:border-purple-500 disabled:opacity-50">
             <SelectValue placeholder={`Select ${param.name}...`} />
           </SelectTrigger>
           <SelectContent className="bg-zinc-900 border-white/10">
@@ -147,7 +164,8 @@ export function PluginCard({ plugin }: PluginCardProps) {
           placeholder={param.example?.toString() || param.description}
           value={paramValues[param.name] || ""}
           onChange={(e) => handleParamChange(param.name, e.target.value)}
-          className="bg-black/50 border-white/10 text-white focus:border-purple-500"
+          disabled={isDisabled}
+          className="bg-black/50 border-white/10 text-white focus:border-purple-500 disabled:opacity-50"
         />
       );
     }
@@ -210,7 +228,7 @@ export function PluginCard({ plugin }: PluginCardProps) {
   };
 
   return (
-    <Card className="bg-white/[0.02] border-white/10 overflow-hidden w-full">
+    <Card className={`bg-white/[0.02] border-white/10 overflow-hidden w-full ${isDisabled ? 'opacity-60' : ''}`}>
       {/* Collapsible Header */}
       <div
         className="p-4 border-b border-white/10 cursor-pointer hover:bg-white/[0.02] transition-colors"
@@ -221,6 +239,21 @@ export function PluginCard({ plugin }: PluginCardProps) {
             {plugin.method}
           </Badge>
           <code className="text-sm text-purple-400 font-mono flex-1 min-w-0 break-all">{plugin.endpoint}</code>
+          
+          {/* Status Badges */}
+          {isDisabled && (
+            <Badge className="bg-red-500/20 text-red-400 border-red-500/50 border flex items-center gap-1 flex-shrink-0">
+              <XCircle className="w-3 h-3" />
+              Disabled
+            </Badge>
+          )}
+          {isDeprecated && !isDisabled && (
+            <Badge className="bg-yellow-500/20 text-yellow-400 border-yellow-500/50 border flex items-center gap-1 flex-shrink-0">
+              <AlertTriangle className="w-3 h-3" />
+              Deprecated
+            </Badge>
+          )}
+
           <div className="flex items-center gap-1 flex-shrink-0">
             <button
               onClick={(e) => {
@@ -257,6 +290,27 @@ export function PluginCard({ plugin }: PluginCardProps) {
           <h3 className="text-xl font-bold text-white mb-2">{plugin.name}</h3>
           <p className="text-gray-400 text-sm leading-relaxed">{plugin.description || "No description provided"}</p>
 
+          {/* Disabled/Deprecated Warnings */}
+          {isDisabled && plugin.disabledReason && (
+            <div className="mt-3 p-3 bg-red-500/10 border border-red-500/30 rounded-lg flex items-start gap-2">
+              <XCircle className="w-5 h-5 text-red-400 flex-shrink-0 mt-0.5" />
+              <div>
+                <p className="text-sm font-semibold text-red-400">Plugin Disabled</p>
+                <p className="text-xs text-red-300 mt-1">{plugin.disabledReason}</p>
+              </div>
+            </div>
+          )}
+
+          {isDeprecated && !isDisabled && plugin.deprecatedReason && (
+            <div className="mt-3 p-3 bg-yellow-500/10 border border-yellow-500/30 rounded-lg flex items-start gap-2">
+              <AlertTriangle className="w-5 h-5 text-yellow-400 flex-shrink-0 mt-0.5" />
+              <div>
+                <p className="text-sm font-semibold text-yellow-400">Plugin Deprecated</p>
+                <p className="text-xs text-yellow-300 mt-1">{plugin.deprecatedReason}</p>
+              </div>
+            </div>
+          )}
+
           {/* Tags */}
           {plugin.tags && plugin.tags.length > 0 && (
             <div className="flex flex-wrap gap-2 mt-3">
@@ -313,7 +367,6 @@ export function PluginCard({ plugin }: PluginCardProps) {
                       </tr>
                     </thead>
                     <tbody>
-                      {/* Path Parameters */}
                       {plugin.parameters?.path?.map((param) => (
                         <tr key={param.name} className="border-b border-white/5">
                           <td className="py-3 pr-4 text-white font-mono">{param.name}</td>
@@ -333,7 +386,6 @@ export function PluginCard({ plugin }: PluginCardProps) {
                           <td className="py-3 text-gray-400">{param.description}</td>
                         </tr>
                       ))}
-                      {/* Query Parameters */}
                       {plugin.parameters?.query?.map((param) => (
                         <tr key={param.name} className="border-b border-white/5">
                           <td className="py-3 pr-4 text-white font-mono">{param.name}</td>
@@ -353,7 +405,6 @@ export function PluginCard({ plugin }: PluginCardProps) {
                           <td className="py-3 text-gray-400">{param.description}</td>
                         </tr>
                       ))}
-                      {/* Body Parameters */}
                       {plugin.parameters?.body?.map((param) => (
                         <tr key={param.name} className="border-b border-white/5">
                           <td className="py-3 pr-4 text-white font-mono">{param.name}</td>
@@ -439,7 +490,6 @@ export function PluginCard({ plugin }: PluginCardProps) {
             {/* Parameters Input */}
             {hasAnyParams ? (
               <div className="space-y-4 mb-4">
-                {/* Query Parameters */}
                 {plugin.parameters?.query?.map((param) => (
                   <div key={param.name}>
                     <label className="block text-sm text-gray-300 mb-2">
@@ -457,7 +507,6 @@ export function PluginCard({ plugin }: PluginCardProps) {
                   </div>
                 ))}
 
-                {/* Body Parameters */}
                 {plugin.parameters?.body?.map((param) => (
                   <div key={param.name}>
                     <label className="block text-sm text-gray-300 mb-2">
@@ -482,36 +531,51 @@ export function PluginCard({ plugin }: PluginCardProps) {
             {/* Execute Button */}
             <Button
               onClick={handleExecute}
-              disabled={loading}
-              className="w-full bg-purple-500 hover:bg-purple-600 text-white py-6 text-base font-semibold"
+              disabled={loading || isDisabled}
+              className="w-full bg-purple-500 hover:bg-purple-600 text-white py-6 text-base font-semibold disabled:opacity-50 disabled:cursor-not-allowed"
             >
               <Play className="w-5 h-5 mr-2" />
-              {loading ? "Executing..." : "Execute"}
+              {loading ? "Executing..." : isDisabled ? "Plugin Disabled" : "Execute"}
             </Button>
 
             {/* Response Display */}
             {response && (
               <div className="mt-6 space-y-4">
-                {/* Request URL */}
-                <div>
-                  <div className="flex items-center justify-between mb-2">
-                    <span className="text-sm text-gray-400">Request URL</span>
-                    <button
-                      onClick={copyRequestUrl}
-                      className="text-gray-400 hover:text-white transition-colors p-1"
-                      title="Copy Request URL"
-                    >
-                      {copiedRequestUrl ? (
-                        <Check className="w-4 h-4 text-green-400" />
-                      ) : (
-                        <Copy className="w-4 h-4" />
-                      )}
-                    </button>
+                {/* Deprecation Warning in Response */}
+                {isDeprecated && responseHeaders['x-plugin-deprecated'] && (
+                  <div className="p-3 bg-yellow-500/10 border border-yellow-500/30 rounded-lg flex items-start gap-2">
+                    <AlertTriangle className="w-5 h-5 text-yellow-400 flex-shrink-0 mt-0.5" />
+                    <div>
+                      <p className="text-sm font-semibold text-yellow-400">Deprecation Warning</p>
+                      <p className="text-xs text-yellow-300 mt-1">
+                        {responseHeaders['x-deprecation-reason'] || 'This plugin is deprecated'}
+                      </p>
+                    </div>
                   </div>
-                  <div className="bg-black/50 border border-white/10 rounded p-3 overflow-x-auto">
-                    <code className="text-xs text-purple-300 break-all">{requestUrl}</code>
+                )}
+
+                {/* Request URL */}
+                {requestUrl && (
+                  <div>
+                    <div className="flex items-center justify-between mb-2">
+                      <span className="text-sm text-gray-400">Request URL</span>
+                      <button
+                        onClick={copyRequestUrl}
+                        className="text-gray-400 hover:text-white transition-colors p-1"
+                        title="Copy Request URL"
+                      >
+                        {copiedRequestUrl ? (
+                          <Check className="w-4 h-4 text-green-400" />
+                        ) : (
+                          <Copy className="w-4 h-4" />
+                        )}
+                      </button>
+                    </div>
+                    <div className="bg-black/50 border border-white/10 rounded p-3 overflow-x-auto">
+                      <code className="text-xs text-purple-300 break-all">{requestUrl}</code>
+                    </div>
                   </div>
-                </div>
+                )}
 
                 {/* Response Status */}
                 <div className="flex items-center justify-between">
@@ -539,7 +603,7 @@ export function PluginCard({ plugin }: PluginCardProps) {
                   </div>
                 )}
 
-                {/* Response Body with Syntax Highlighting */}
+                {/* Response Body */}
                 <div>
                   <h5 className="text-sm text-gray-400 mb-2">Response Body</h5>
                   <CodeBlock

src/server/plugin-loader.ts

@@ -43,7 +43,7 @@ export class PluginLoader {
     let reloadTimeout: NodeJS.Timeout | null = null;
 
     this.watcher = watch(this.pluginsDir, {
-      ignored: /(^|[\/\\])\../, // ignore dotfiles
+      ignored: /(^|[\/\\])\../, 
       persistent: true,
       ignoreInitial: true,
       awaitWriteFinish: {
@@ -87,7 +87,6 @@ export class PluginLoader {
       try {
         await this.scanDirectory(this.pluginsDir, newRouter);
 
-        // If successful, replace old router with new one
         this.removeOldRouter();
         this.router = newRouter;
         this.app.use("/api", this.router);
@@ -109,7 +108,6 @@ export class PluginLoader {
     if (!this.app) return;
 
     try {
-      // Express 5 uses app._router differently
       const stack = (this.app as any)._router?.stack || [];
 
       for (let i = stack.length - 1; i >= 0; i--) {
@@ -119,7 +117,6 @@ export class PluginLoader {
         }
       }
     } catch (error) {
-      // if _router structure is different, just log warning
       console.warn("⚠️ Could not remove old router, continuing anyway...");
     }
   }
@@ -136,10 +133,6 @@ export class PluginLoader {
       if (stat.isDirectory()) {
         this.clearModuleCache(fullPath);
       } else if (stat.isFile() && (extname(item) === ".ts" || extname(item) === ".js")) {
-        // In ES modules, we can't clear cache like CommonJS.
-        // Hot Reload also doesn't seem to have any effect on API serving.
-        // For now, Just log and mark as reload, We have to restart the server in "development" mode.
-        // TODO: Find another way. If hot reloading doesn't work, try restarting automatically.
         const relativePath = relative(process.cwd(), fullPath);
         console.log(`♻️ Marked for reload: ${relativePath}`);
       }
@@ -207,6 +200,17 @@ export class PluginLoader {
         return;
       }
 
+      if (handler.disabled) {
+        const reason = handler.disabledReason || "This plugin has been disabled";
+        console.log(`🚫 Plugin '${handler.name}' is disabled: ${reason}`);
+        // Still register it but with disabled flag
+      }
+
+      if (handler.deprecated) {
+        const reason = handler.deprecatedReason || "This plugin is deprecated and may be removed in future versions";
+        console.warn(`⚠️ Plugin '${handler.name}' is deprecated: ${reason}`);
+      }
+
       const metadataValidation = this.isValidPluginMetadata(handler, fileName);
       const shouldShowInDocs = metadataValidation.valid;
 
@@ -222,7 +226,26 @@ export class PluginLoader {
       const primaryEndpoint = basePath ? `${basePath}/${primaryAlias}` : `/${primaryAlias}`;
       const method = handler.method.toLowerCase() as "get" | "post" | "put" | "delete" | "patch";
 
+      // Wrap exec function to handle disabled/deprecated plugins
       const wrappedExec = async (req: any, res: any, next: any) => {
+        // If plugin is disabled, return error response
+        if (handler.disabled) {
+          const reason = handler.disabledReason || "This plugin has been disabled";
+          return res.status(503).json({
+            success: false,
+            message: "Plugin is disabled",
+            reason: reason,
+            plugin: handler.name || 'unknown',
+          });
+        }
+
+        // If plugin is deprecated, add warning header
+        if (handler.deprecated) {
+          const reason = handler.deprecatedReason || "This plugin is deprecated and may be removed in future versions";
+          res.setHeader('X-Plugin-Deprecated', 'true');
+          res.setHeader('X-Deprecation-Reason', reason);
+        }
+
         try {
           await handler.exec(req, res, next);
         } catch (error) {
@@ -241,7 +264,9 @@ export class PluginLoader {
       for (const alias of handler.alias) {
         const endpoint = basePath ? `${basePath}/${alias}` : `/${alias}`;
         router[method](endpoint, wrappedExec);
-        console.log(`✓ [${handler.method}] ${endpoint} -> ${handler.name || 'unnamed'}`);
+        
+        const statusIcon = handler.disabled ? '🚫' : handler.deprecated ? '⚠️' : '✓';
+        console.log(`${statusIcon} [${handler.method}] ${endpoint} -> ${handler.name || 'unnamed'}`);
       }
 
       if (shouldShowInDocs) {
@@ -260,7 +285,11 @@ export class PluginLoader {
             headers: [],
             path: []
           },
-          responses: handler.responses || {}
+          responses: handler.responses || {},
+          disabled: handler.disabled,
+          deprecated: handler.deprecated,
+          disabledReason: handler.disabledReason,
+          deprecatedReason: handler.deprecatedReason
         };
 
         this.pluginRegistry[primaryEndpoint] = { handler, metadata };

src/server/plugins/anime/komiku_get_details.js

@@ -9,6 +9,8 @@ const handler = {
   category: ["komiku"],
   alias: ["getDetail"],
   tags: ["comic"],
+  disabled: true,
+  disabledReason: "Komiku server is temporarily unavailable, Maybe this feature will not be removed until the server is back.",
   parameters: {
     query: [
       {

src/server/plugins/anime/komiku_get_manga.js

@@ -9,6 +9,8 @@ const handler = {
   category: ["komiku"],
   alias: ["getLatestManga"],
   tags: ["comic"],
+  disabled: true,
+  disabledReason: "Komiku server is temporarily unavailable, Maybe this feature will not be removed until the server is back.",
   responses: {
     200: {
       status: 200,

src/server/plugins/anime/komiku_get_manhua.js

@@ -9,6 +9,8 @@ const handler = {
   category: ["komiku"],
   alias: ["getLatestManhua"],
   tags: ["comic"],
+  disabled: true,
+  disabledReason: "Komiku server is temporarily unavailable, Maybe this feature will not be removed until the server is back.",
   responses: {
     200: {
       status: 200,

src/server/plugins/anime/komiku_get_manhwa.js

@@ -9,6 +9,8 @@ const handler = {
   category: ["komiku"],
   alias: ["getLatestManhwa"],
   tags: ["comic"],
+  disabled: true,
+  disabledReason: "Komiku server is temporarily unavailable, Maybe this feature will not be removed until the server is back.",
   responses: {
     200: {
       status: 200,

src/server/plugins/anime/komiku_read_chapter.js

@@ -9,6 +9,8 @@ const handler = {
   category: ["komiku"],
   alias: ["readChapter"],
   tags: ["comic"],
+  disabled: true,
+  disabledReason: "Komiku server is temporarily unavailable, Maybe this feature will not be removed until the server is back.",
   parameters: {
     query: [
       {

src/server/plugins/anime/komiku_search.js

@@ -9,6 +9,8 @@ const handler = {
   category: ["komiku"],
   alias: ["search"],
   tags: ["comic"],
+  disabled: true,
+  disabledReason: "Komiku server is temporarily unavailable, Maybe this feature will not be removed until the server is back.",
   parameters: {
     query: [
       {

src/server/types/plugin.ts

@@ -27,17 +27,21 @@ export interface PluginParameters {
 export interface ApiPluginHandler {
   name: string;
   description: string;
-  version: string;
+  version?: string;
   category: string[];
   method: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
   alias: string[];
-  tags?: string[]; 
+  tags?: string[];
   parameters?: PluginParameters;
   responses?: {
     [statusCode: number]: PluginResponse;
   };
-
-  exec: (req: Request, res: Response, next: NextFunction) => Promise<any> | any;
+  disabled?: boolean;
+  deprecated?: boolean;
+  disabledReason?: string;
+  deprecatedReason?: string;
+  
+  exec: (req: Request, res: Response, next: NextFunction) => Promise<void> | void;
 }
 
 export interface PluginMetadata {
@@ -53,6 +57,10 @@ export interface PluginMetadata {
   responses?: {
     [statusCode: number]: PluginResponse;
   };
+  disabled?: boolean;
+  deprecated?: boolean;
+  disabledReason?: string;
+  deprecatedReason?: string;
 }
 
 export interface PluginRegistry {
@@ -60,13 +68,4 @@ export interface PluginRegistry {
     handler: ApiPluginHandler;
     metadata: PluginMetadata;
   };
-}
-
-export interface ApiResponse<T = any> {
-  status: number;
-  message?: string;
-  author?: string;
-  note?: string;
-  results?: T;
-  error?: string;
 }