@karinjs/plugin-basic 1.2.0 → 1.3.1

package/package.json

@@ -1,65 +1,56 @@
-{
-  "name": "@karinjs/plugin-basic",
-  "version": "1.2.0",
-  "description": "karin plugin for basic functions",
-  "homepage": "https://github.com/KarinJS/karin-plugin-basic",
-  "bugs": {
-    "url": "https://github.com/KarinJS/karin-plugin-basic/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/KarinJS/karin-plugin-basic.git"
-  },
-  "author": "shijin",
-  "type": "module",
-  "main": "dist/index.js",
-  "files": [
-    "dist",
-    "config",
-    "resources",
-    "LICENSE",
-    "package.json",
-    "README.md"
-  ],
-  "scripts": {
-    "build": "tsc && tsup",
-    "pub": "npm publish --access public",
-    "sort": "npx sort-package-json",
-    "dev": "tsx src/app.ts",
-    "watch": "tsx watch src/index.ts",
-    "karin": "karin"
-  },
-  "devDependencies": {
-    "@types/node": "^24.0.1",
-    "eslint": "^9.29.0",
-    "neostandard": "^0.12.1",
-    "node-karin": "^1.10.7",
-    "tsup": "^8.5.0",
-    "tsx": "^4.20.3",
-    "typescript": "^5.8.3"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "karin": {
-    "main": "src/index.ts",
-    "apps": [
-      "dist/apps"
-    ],
-    "ts-apps": [
-      "src/apps"
-    ],
-    "static": [
-      "resources"
-    ],
-    "files": [
-      "config"
-    ],
-    "ts-web": "src/web.config.ts",
-    "web": "dist/web.config.js"
-  },
-  "dependencies": {
-    "internal-ip": "^8.0.0"
-  }
-}
+{
+  "name": "@karinjs/plugin-basic",
+  "version": "1.3.1",
+  "description": "Karin的基础插件,提供最基础的功能",
+  "homepage": "https://github.com/KarinJS/karin-plugin-basic",
+  "bugs": {
+    "url": "https://github.com/KarinJS/karin-plugin-basic/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KarinJS/karin-plugin-basic.git"
+  },
+  "author": "shijin",
+  "type": "module",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "config",
+    "resources",
+    "LICENSE",
+    "package.json",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && tsup",
+    "pub": "npm publish --access public",
+    "sort": "npx sort-package-json",
+    "dev": "tsx src/app.ts",
+    "watch": "tsx watch src/index.ts",
+    "karin": "karin"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "karin": {
+    "main": "src/index.ts",
+    "apps": [
+      "dist/apps"
+    ],
+    "ts-apps": [
+      "src/apps"
+    ],
+    "static": [
+      "resources"
+    ],
+    "files": [
+      "config"
+    ],
+    "ts-web": "src/web.config.ts",
+    "web": "dist/web.config.js"
+  },
+  "dependencies": {
+    "internal-ip": "^8.0.1"
+  }
+}

package/resources/logger/index.css

@@ -0,0 +1,214 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Microsoft YaHei';
+  background: linear-gradient(135deg, #c7d2fe 0%, #fbcfe8 50%, #a5f3fc 100%);
+  min-height: 100vh;
+  padding: 20px;
+}
+
+.container {
+  max-width: 1400px;
+  margin: 0 auto;
+  background: rgba(255, 255, 255, 0.96);
+  border-radius: 18px;
+  box-shadow: 0 18px 45px rgba(148, 163, 184, 0.45);
+  overflow: hidden;
+}
+
+.header {
+  position: relative;
+  padding: 30px;
+  color: #0f172a;
+  overflow: hidden;
+  background: url('../img/logger.png') center/cover no-repeat, #e0f2ff;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
+}
+
+.header h1,
+.header .info {
+  position: relative;
+  z-index: 2;
+}
+
+.header-bg-text {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 92px;
+  font-weight: 800;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: rgba(30, 64, 175, 0.2);
+  filter: blur(2px);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.header h1 {
+  font-size: 32px;
+  margin-bottom: 15px;
+  font-weight: 600;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+.info {
+  display: flex;
+  gap: 20px;
+  font-size: 14px;
+  opacity: 0.95;
+}
+
+.info span {
+  background: rgba(255, 255, 255, 0.2);
+  padding: 6px 12px;
+  border-radius: 6px;
+  backdrop-filter: blur(10px);
+}
+
+.logs-container {
+  padding: 20px;
+  /* 让截图包含全部日志，不使用内部滚动条 */
+  overflow: visible;
+}
+
+.log-item {
+  display: flex;
+  align-items: flex-start;
+  padding: 12px 16px;
+  margin-bottom: 8px;
+  border-radius: 8px;
+  background: #f9fafb;
+  border-left: 4px solid #e5e7eb;
+  transition: all 0.2s ease;
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.log-item:hover {
+  transform: translateX(4px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.log-time {
+  color: #6c757d;
+  font-family: 'Consolas', 'Monaco', monospace;
+  min-width: 100px;
+  margin-right: 12px;
+  font-weight: 500;
+}
+
+.log-level {
+  display: inline-block;
+  padding: 2px 10px;
+  border-radius: 4px;
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 11px;
+  min-width: 60px;
+  text-align: center;
+  margin-right: 12px;
+}
+
+.level-debug {
+  background: #9ca3af;
+  color: white;
+}
+
+.level-info {
+  background: #38bdf8;
+  color: white;
+}
+
+.level-mark {
+  background: #a855f7;
+  color: white;
+}
+
+.level-warn {
+  background: #facc15;
+  color: #422006;
+}
+
+.level-error {
+  background: #ef4444;
+  color: white;
+}
+
+.level-fatal {
+  background: #000;
+  color: white;
+}
+
+.log-message {
+  flex: 1;
+  word-break: break-all;
+  color: #212529;
+  font-family: 'Consolas', 'Monaco', monospace;
+  white-space: pre-wrap;
+}
+
+/* 不同日志级别的边框颜色 */
+.log-debug {
+  border-left-color: #d1d5db;
+  background: #f9fafb;
+}
+
+.log-info {
+  border-left-color: #93c5fd;
+  background: #e0f2fe;
+}
+
+.log-mark {
+  border-left-color: #c4b5fd;
+  background: #f3e8ff;
+}
+
+.log-warn {
+  border-left-color: #fcd34d;
+  background: #fef3c7;
+}
+
+.log-error {
+  border-left-color: #fca5a5;
+  background: #fee2e2;
+}
+
+.log-fatal {
+  border-left-color: #9ca3af;
+  background: #f5f5f5;
+}
+
+.footer {
+  background: #f8f9fa;
+  padding: 15px 30px;
+  text-align: center;
+  color: #6c757d;
+  font-size: 12px;
+  border-top: 1px solid #dee2e6;
+}
+
+/* 滚动条样式 */
+.logs-container::-webkit-scrollbar {
+  width: 8px;
+}
+
+.logs-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 4px;
+}
+
+.logs-container::-webkit-scrollbar-thumb {
+  background: #888;
+  border-radius: 4px;
+}
+
+.logs-container::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}

package/resources/logger/index.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Karin 日志</title>
+  <link rel="stylesheet" href="{{pluResPath}}logger/index.css">
+</head>
+
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>📋 Karin 日志</h1>
+      <div class="info">
+        <span class="date">{{date}}</span>
+        <span class="count">共 {{total}} 条日志</span>
+      </div>
+    </div>
+
+    <div class="logs-container">
+      {{each logs}}
+      <div class="log-item log-{{$value.level}}">
+        <span class="log-time">{{$value.time}}</span>
+        <span class="log-level level-{{$value.level}}">{{$value.level}}</span>
+        <span class="log-message">{{@ $value.messageHtml}}</span>
+      </div>
+      {{/each}}
+    </div>
+
+    <div class="footer">
+      <p>{{sys.copyright}}</p>
+    </div>
+  </div>
+</body>
+
+</html>

package/resources/plugins/index.css

@@ -0,0 +1,210 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Microsoft YaHei';
+  background: radial-gradient(circle at 20% 50%, rgba(120, 200, 255, 0.3) 0%, transparent 50%),
+    radial-gradient(circle at 80% 80%, rgba(180, 220, 255, 0.3) 0%, transparent 50%),
+    radial-gradient(circle at 40% 20%, rgba(200, 230, 255, 0.2) 0%, transparent 50%),
+    linear-gradient(135deg, #e3f2fd 0%, #ffffff 50%, #f0f7ff 100%);
+  padding: 16px;
+}
+
+.container {
+  max-width: 1400px;
+  margin: 0 auto;
+  background: rgba(255, 255, 255, 0.96);
+  border-radius: 18px;
+  box-shadow: 0 18px 45px rgba(100, 150, 200, 0.35);
+  overflow: hidden;
+}
+
+.header {
+  position: relative;
+  padding: 30px;
+  color: #fff;
+  background: url('../img/plugin.png') center/cover no-repeat,
+    linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.header h1 {
+  font-size: 32px;
+  margin-bottom: 15px;
+  font-weight: 600;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.info {
+  display: flex;
+  gap: 20px;
+  font-size: 14px;
+  opacity: 0.95;
+}
+
+.info span {
+  background: rgba(255, 255, 255, 0.2);
+  padding: 6px 12px;
+  border-radius: 6px;
+  backdrop-filter: blur(10px);
+}
+
+.plugins-container {
+  padding: 20px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+  gap: 20px;
+}
+
+.plugin-card {
+  background: #fff;
+  border-radius: 12px;
+  padding: 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  border: 2px solid #e3f2fd;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.plugin-header {
+  margin-bottom: 15px;
+}
+
+.plugin-name-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.plugin-name {
+  font-size: 18px;
+  font-weight: 600;
+  color: #1a202c;
+  word-break: break-word;
+  flex: 1;
+  line-height: 1.4;
+}
+
+.platform-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.platform-icon {
+  font-size: 14px;
+}
+
+.platform-npm {
+  background: linear-gradient(135deg, #cb3837 0%, #d63031 100%);
+  color: white;
+}
+
+.platform-git {
+  background: linear-gradient(135deg, #f05032 0%, #ff6b35 100%);
+  color: white;
+}
+
+.platform-app {
+  background: linear-gradient(135deg, #66bb6a 0%, #43a047 100%);
+  color: white;
+}
+
+.plugin-version {
+  display: inline-block;
+  padding: 3px 8px;
+  background: #e2e8f0;
+  color: #4a5568;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.plugin-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.plugin-description {
+  font-size: 14px;
+  line-height: 1.6;
+  color: #4a5568;
+  word-break: break-word;
+  flex: 1;
+}
+
+.no-description {
+  color: #a0aec0;
+  font-style: italic;
+}
+
+.plugin-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding-top: 10px;
+  border-top: 1px solid #e2e8f0;
+}
+
+.meta-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  font-size: 13px;
+}
+
+.meta-label {
+  color: #718096;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+.meta-value {
+  color: #2d3748;
+  word-break: break-all;
+  flex: 1;
+}
+
+.plugin-path {
+  font-family: 'Consolas', 'Monaco', monospace;
+  font-size: 11px;
+  color: #42a5f5;
+}
+
+.plugin-footer {
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid #e2e8f0;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.plugin-index {
+  font-size: 12px;
+  color: #a0aec0;
+  font-weight: 600;
+}
+
+.footer {
+  background: #f8f9fa;
+  padding: 15px 30px;
+  text-align: center;
+  color: #6c757d;
+  font-size: 12px;
+  border-top: 1px solid #dee2e6;
+}

package/resources/plugins/index.html

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>插件列表</title>
+  <link rel="stylesheet" href="{{pluResPath}}plugins/index.css">
+</head>
+
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>🔌 插件列表</h1>
+      <div class="info">
+        <span class="date">{{date}}</span>
+        <span class="count">共 {{total}} 个插件</span>
+      </div>
+    </div>
+
+    <div class="plugins-container">
+      {{each plugins}}
+      <div class="plugin-card">
+        <div class="plugin-header">
+          <div class="plugin-name-row">
+            <h3 class="plugin-name">{{$value.name}}</h3>
+            <span class="platform-badge platform-{{$value.type}}">
+              <span class="platform-icon">{{$value.typeIcon}}</span>
+              {{$value.type}}
+            </span>
+          </div>
+          {{if $value.version}}
+          <span class="plugin-version">v{{$value.version}}</span>
+          {{/if}}
+        </div>
+
+        <div class="plugin-body">
+          {{if $value.description}}
+          <p class="plugin-description">{{$value.description}}</p>
+          {{else}}
+          <p class="plugin-description no-description">暂无描述</p>
+          {{/if}}
+
+          <div class="plugin-meta">
+            {{if $value.author}}
+            <div class="meta-item">
+              <span class="meta-label">👤 作者:</span>
+              <span class="meta-value">{{$value.author}}</span>
+            </div>
+            {{/if}}
+            <div class="meta-item">
+              <span class="meta-label">📁 路径:</span>
+              <span class="meta-value plugin-path">{{$value.dir}}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="plugin-footer">
+          <span class="plugin-index">#{{$value.index}}</span>
+        </div>
+      </div>
+      {{/each}}
+    </div>
+
+    <div class="footer">
+      <p>{{sys.copyright}}</p>
+    </div>
+  </div>
+</body>
+
+</html>

package/config/config.json

@@ -1,7 +0,0 @@
-{
-  "status": true,
-  "forward": true,
-  "restartMode": true,
-  "restart": true,
-  "domain": ""
-}