ts-sidekiq 0.0.5 → 0.1.0

package/README.md

@@ -1 +1,3 @@
-# ts-sidekiq-dashboard
+# ts-sidekiq
+
+- [Recharts](https://recharts.org/)

package/build/components/cron-line-chart.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface Props {
+    data: {
+        name: string;
+        value: number;
+    }[];
+}
+declare const CronLineChart: React.FC<Props>;
+export default CronLineChart;

package/build/components/cron-line-chart.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const recharts_1 = require("recharts");
+const CronLineChart = ({ data }) => (react_1.default.createElement(recharts_1.ResponsiveContainer, { width: "100%", height: 300 },
+    react_1.default.createElement(recharts_1.LineChart, { data: data },
+        react_1.default.createElement(recharts_1.CartesianGrid, { strokeDasharray: "3 3" }),
+        react_1.default.createElement(recharts_1.XAxis, { dataKey: "name" }),
+        react_1.default.createElement(recharts_1.YAxis, null),
+        react_1.default.createElement(recharts_1.Tooltip, null),
+        react_1.default.createElement(recharts_1.Legend, null),
+        react_1.default.createElement(recharts_1.Line, { type: "monotone", dataKey: "value", stroke: "#8884d8" }))));
+exports.default = CronLineChart;
+//# sourceMappingURL=cron-line-chart.js.map

package/build/components/cron-line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cron-line-chart.js","sourceRoot":"","sources":["../../src/components/cron-line-chart.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,uCASkB;AAOlB,MAAM,aAAa,GAAoB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACnD,8BAAC,8BAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,GAAG;IAC3C,8BAAC,oBAAS,IAAC,IAAI,EAAE,IAAI;QACnB,8BAAC,wBAAa,IAAC,eAAe,EAAC,KAAK,GAAG;QACvC,8BAAC,gBAAK,IAAC,OAAO,EAAC,MAAM,GAAG;QACxB,8BAAC,gBAAK,OAAG;QACT,8BAAC,kBAAO,OAAG;QACX,8BAAC,iBAAM,OAAG;QACV,8BAAC,eAAI,IAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,GAAG,CAC/C,CACQ,CACvB,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/build/components/cron-stats.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { CronJob } from "../types";
+interface Props {
+    cronJobs: CronJob[];
+}
+declare const CronStats: React.FC<Props>;
+export default CronStats;

package/build/components/cron-stats.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const cron_table_1 = __importDefault(require("./cron-table"));
+const CronStats = ({ cronJobs }) => {
+    // スケジュール定義のみをフィルタリング
+    const scheduleJobs = cronJobs.filter((job) => !job.key.includes("jid_history") && !job.key.includes("enqueued"));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(cron_table_1.default, { cronJobs: scheduleJobs })));
+};
+exports.default = CronStats;
+//# sourceMappingURL=cron-stats.js.map

package/build/components/cron-stats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cron-stats.js","sourceRoot":"","sources":["../../src/components/cron-stats.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAqC;AAYrC,MAAM,SAAS,GAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClD,qBAAqB;IACrB,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAClC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAC3E,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,oBAAS,IAAC,QAAQ,EAAE,YAAY,GAAI,CACjC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/build/components/cron-table.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { CronJob } from "../types";
+interface Props {
+    cronJobs: CronJob[];
+}
+declare const CronTable: React.FC<Props>;
+export default CronTable;

package/build/components/cron-table.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const styles_1 = require("../styles");
+const CronTable = ({ cronJobs }) => (react_1.default.createElement("div", null,
+    react_1.default.createElement("h2", null, "Cron"),
+    react_1.default.createElement("table", { style: styles_1.tableStyle },
+        react_1.default.createElement("thead", null,
+            react_1.default.createElement("tr", null,
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Name"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Cron"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Last queued at"))),
+        react_1.default.createElement("tbody", null, cronJobs.map((job, index) => {
+            var _a, _b;
+            return (react_1.default.createElement("tr", { key: index },
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, job.key.replace("cron_job:", "")),
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, (_a = job.details) === null || _a === void 0 ? void 0 : _a.cron),
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, (_b = job.details) === null || _b === void 0 ? void 0 : _b.last_enqueue_time)));
+        })))));
+exports.default = CronTable;
+//# sourceMappingURL=cron-table.js.map

package/build/components/cron-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cron-table.js","sourceRoot":"","sources":["../../src/components/cron-table.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,sCAAmE;AAMnE,MAAM,SAAS,GAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnD;IACE,iDAAa;IACb,yCAAO,KAAK,EAAE,mBAAU;QACtB;YACE;gBACE,sCAAI,KAAK,EAAE,wBAAe,WAAW;gBACrC,sCAAI,KAAK,EAAE,wBAAe,WAAW;gBACrC,sCAAI,KAAK,EAAE,wBAAe,qBAAqB,CAC5C,CACC;QACR,6CACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CAC5B,sCAAI,GAAG,EAAE,KAAK;gBACZ,sCAAI,KAAK,EAAE,kBAAS,IAAG,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAM;gBAC7D,sCAAI,KAAK,EAAE,kBAAS,IAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,IAAI,CAAM;gBAC9C,sCAAI,KAAK,EAAE,kBAAS,IAAG,MAAA,GAAG,CAAC,OAAO,0CAAE,iBAAiB,CAAM,CACxD,CACN,CAAA;SAAA,CAAC,CACI,CACF,CACJ,CACP,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/build/components/retry-table.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { RetryJobDetail } from "../types";
+type Props = {
+    data: RetryJobDetail[];
+    onSelectedJobs: (selectedJIDs: string[]) => void;
+};
+declare const RetryTable: React.FC<Props>;
+export default RetryTable;

package/build/components/retry-table.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("../styles");
+const RetryTable = ({ data, onSelectedJobs }) => {
+    const [selectedJIDs, setSelectedJIDs] = (0, react_1.useState)([]);
+    const handleCheckboxChange = (jid, isChecked) => {
+        if (isChecked) {
+            // JIDを選択されたJIDのリストに追加
+            setSelectedJIDs([...selectedJIDs, jid]);
+        }
+        else {
+            // JIDを選択されたJIDのリストから削除
+            setSelectedJIDs(selectedJIDs.filter((selectedJID) => selectedJID !== jid));
+        }
+    };
+    // チェックボックスの状態が変更されるたびにコールバックを呼び出す
+    (0, react_1.useEffect)(() => {
+        onSelectedJobs(selectedJIDs);
+    }, [selectedJIDs, onSelectedJobs]);
+    return (react_1.default.createElement("table", { style: styles_1.tableStyle },
+        react_1.default.createElement("thead", null,
+            react_1.default.createElement("tr", null,
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Select"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "JID"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Queue"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Error Message"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Failed At"),
+                react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Retry Count"))),
+        react_1.default.createElement("tbody", null, data.map((job) => (react_1.default.createElement("tr", { key: job.jid },
+            react_1.default.createElement("td", { style: styles_1.cellStyle },
+                react_1.default.createElement("input", { type: "checkbox", onChange: (e) => handleCheckboxChange(job.jid, e.target.checked) })),
+            react_1.default.createElement("td", { style: styles_1.cellStyle }, job.jid),
+            react_1.default.createElement("td", { style: styles_1.cellStyle }, job.queue),
+            react_1.default.createElement("td", { style: styles_1.cellStyle }, job.error_message),
+            react_1.default.createElement("td", { style: styles_1.cellStyle }, new Date(job.failed_at * 1000).toLocaleString()),
+            react_1.default.createElement("td", { style: styles_1.cellStyle }, job.retry_count)))))));
+};
+exports.default = RetryTable;
+//# sourceMappingURL=retry-table.js.map

package/build/components/retry-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retry-table.js","sourceRoot":"","sources":["../../src/components/retry-table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAEnD,sCAAmE;AAOnE,MAAM,UAAU,GAAoB,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAE/D,MAAM,oBAAoB,GAAG,CAAC,GAAW,EAAE,SAAkB,EAAE,EAAE;QAC/D,IAAI,SAAS,EAAE,CAAC;YACd,sBAAsB;YACtB,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,uBAAuB;YACvB,eAAe,CACb,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,KAAK,GAAG,CAAC,CAC1D,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,kCAAkC;IAClC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,yCAAO,KAAK,EAAE,mBAAU;QACtB;YACE;gBACE,sCAAI,KAAK,EAAE,wBAAe,aAAa;gBACvC,sCAAI,KAAK,EAAE,wBAAe,UAAU;gBACpC,sCAAI,KAAK,EAAE,wBAAe,YAAY;gBACtC,sCAAI,KAAK,EAAE,wBAAe,oBAAoB;gBAC9C,sCAAI,KAAK,EAAE,wBAAe,gBAAgB;gBAC1C,sCAAI,KAAK,EAAE,wBAAe,kBAAkB,CACzC,CACC;QACR,6CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,sCAAI,GAAG,EAAE,GAAG,CAAC,GAAG;YACd,sCAAI,KAAK,EAAE,kBAAS;gBAClB,yCACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,oBAAoB,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAEjD,CACC;YACL,sCAAI,KAAK,EAAE,kBAAS,IAAG,GAAG,CAAC,GAAG,CAAM;YACpC,sCAAI,KAAK,EAAE,kBAAS,IAAG,GAAG,CAAC,KAAK,CAAM;YACtC,sCAAI,KAAK,EAAE,kBAAS,IAAG,GAAG,CAAC,aAAa,CAAM;YAC9C,sCAAI,KAAK,EAAE,kBAAS,IACjB,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,cAAc,EAAE,CAC7C;YACL,sCAAI,KAAK,EAAE,kBAAS,IAAG,GAAG,CAAC,WAAW,CAAM,CACzC,CACN,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/components/stats-line-chart.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type Stat = {
+    stat: string;
+    value: string;
+};
+type Props = {
+    stats: Stat[];
+    startDate?: string;
+    endDate?: string;
+};
+declare const StatsLineChart: React.FC<Props>;
+export default StatsLineChart;

package/build/components/stats-line-chart.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const recharts_1 = require("recharts");
+const styles_1 = require("../styles");
+const processData = (stats, startDate, endDate) => {
+    const processed = {};
+    const failed = {};
+    stats.forEach(({ stat, value }) => {
+        const [type, date] = stat.split(":");
+        if (!date)
+            return; // 'processed' と 'failed' の累計値を無視
+        if (type === "processed") {
+            processed[date] = (processed[date] || 0) + parseInt(value);
+        }
+        else if (type === "failed") {
+            failed[date] = (failed[date] || 0) + parseInt(value);
+        }
+    });
+    // データを昇順にソートする
+    const sortedData = Object.keys(processed)
+        .map((date) => ({
+        date,
+        processed: processed[date] || 0,
+        failed: failed[date] || 0,
+    }))
+        .sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());
+    let filteredData = sortedData;
+    if (startDate || endDate) {
+        const start = startDate
+            ? new Date(startDate).getTime()
+            : Number.MIN_SAFE_INTEGER;
+        const end = endDate ? new Date(endDate).getTime() : Number.MAX_SAFE_INTEGER;
+        filteredData = sortedData.filter((d) => {
+            const date = new Date(d.date).getTime();
+            return date >= start && date <= end;
+        });
+    }
+    else {
+        // 開始日と終了日の指定がない場合、直近3ヶ月分をフィルタリング
+        const threeMonthsAgo = new Date();
+        threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3);
+        filteredData = sortedData.filter((d) => new Date(d.date) >= threeMonthsAgo);
+    }
+    return filteredData;
+};
+const StatsLineChart = ({ stats, startDate, endDate }) => {
+    const data = processData(stats, startDate, endDate);
+    return (react_1.default.createElement("div", { style: styles_1.containerStyle },
+        react_1.default.createElement(recharts_1.ResponsiveContainer, { width: "100%", height: 300 },
+            react_1.default.createElement(recharts_1.LineChart, { width: 500, height: 300, data: data, margin: {
+                    top: 5,
+                    right: 30,
+                    left: 20,
+                    bottom: 5,
+                } },
+                react_1.default.createElement(recharts_1.CartesianGrid, { strokeDasharray: "3 3" }),
+                react_1.default.createElement(recharts_1.XAxis, { dataKey: "date" }),
+                react_1.default.createElement(recharts_1.YAxis, null),
+                react_1.default.createElement(recharts_1.Tooltip, null),
+                react_1.default.createElement(recharts_1.Legend, null),
+                react_1.default.createElement(recharts_1.Line, { type: "monotone", dataKey: "processed", stroke: "#8884d8", activeDot: { r: 8 } }),
+                react_1.default.createElement(recharts_1.Line, { type: "monotone", dataKey: "failed", stroke: "#82ca9d" })))));
+};
+exports.default = StatsLineChart;
+//# sourceMappingURL=stats-line-chart.js.map

package/build/components/stats-line-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-line-chart.js","sourceRoot":"","sources":["../../src/components/stats-line-chart.tsx"],"names":[],"mappings":"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"}

package/build/dashboard.js

@@ -7,12 +7,16 @@ const react_1 = __importDefault(require("react"));
 const queue_status_1 = __importDefault(require("./components/queue-status"));
 const statistics_1 = __importDefault(require("./components/statistics"));
 const processes_1 = __importDefault(require("./components/processes"));
+const stats_line_chart_1 = __importDefault(require("./components/stats-line-chart"));
+const cron_stats_1 = __importDefault(require("./components/cron-stats"));
 const Dashboard = ({ data }) => {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("h1", null, "Sidekiq Dashboard"),
         react_1.default.createElement(queue_status_1.default, { queues: data.queues }),
+        react_1.default.createElement(processes_1.default, { processes: data.processes }),
         react_1.default.createElement(statistics_1.default, { stats: data.stats }),
-        react_1.default.createElement(processes_1.default, { processes: data.processes })));
+        react_1.default.createElement(stats_line_chart_1.default, { stats: data.stats }),
+        react_1.default.createElement(cron_stats_1.default, { cronJobs: data.cronJobs })));
 };
 exports.default = Dashboard;
 //# sourceMappingURL=dashboard.js.map

package/build/dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../src/dashboard.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6EAAoD;AACpD,yEAAiD;AACjD,uEAA+C;AAO/C,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IACpC,OAAO,CACL;QACE,8DAA0B;QAC1B,8BAAC,sBAAW,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI;QACpC,8BAAC,oBAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI;QACjC,8BAAC,mBAAS,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,CACpC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../src/dashboard.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6EAAoD;AACpD,yEAAiD;AACjD,uEAA+C;AAE/C,qFAA2D;AAC3D,yEAAgD;AAMhD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IACpC,OAAO,CACL;QACE,8DAA0B;QAC1B,8BAAC,sBAAW,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI;QACpC,8BAAC,mBAAS,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI;QACxC,8BAAC,oBAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI;QACjC,8BAAC,0BAAc,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI;QACrC,8BAAC,oBAAS,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAClC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/build/redis-client.d.ts

@@ -1,4 +1,6 @@
+import { RetryJobDetail } from "./types";
 export declare const getSidekiqData: (redisUrl?: string) => Promise<{
+    keys: string[];
     queues: {
         queue: string;
         size: number;
@@ -13,4 +15,45 @@ export declare const getSidekiqData: (redisUrl?: string) => Promise<{
             [x: string]: string;
         };
     }[];
+    cronJobs: ({
+        key: string;
+        type: "string";
+        value: string | null;
+        details?: undefined;
+        message?: undefined;
+    } | {
+        key: string;
+        type: "list";
+        value: string[];
+        details?: undefined;
+        message?: undefined;
+    } | {
+        key: string;
+        type: "set";
+        value: string[];
+        details?: undefined;
+        message?: undefined;
+    } | {
+        key: string;
+        type: "zset";
+        value: string[];
+        details?: undefined;
+        message?: undefined;
+    } | {
+        key: string;
+        type: "hash";
+        details: {
+            [x: string]: string;
+        };
+        value?: undefined;
+        message?: undefined;
+    } | {
+        key: string;
+        type: string;
+        message: string;
+        value?: undefined;
+        details?: undefined;
+    })[];
 } | undefined>;
+export declare const getRetryJobsDetails: (redisUrl?: string) => Promise<RetryJobDetail[]>;
+export declare const removeJobFromRetry: (jids: string[], redisUrl?: string) => Promise<void>;

package/build/redis-client.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSidekiqData = void 0;
+exports.removeJobFromRetry = exports.getRetryJobsDetails = exports.getSidekiqData = void 0;
 const redis_1 = require("redis");
 const redisClient = (url) => __awaiter(void 0, void 0, void 0, function* () {
     return yield (0, redis_1.createClient)({ url: url || "redis://localhost:6379/5" })
@@ -19,6 +19,8 @@ const redisClient = (url) => __awaiter(void 0, void 0, void 0, function* () {
 const getSidekiqData = (redisUrl) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const client = yield redisClient(redisUrl);
+        // すべてのキーを取得
+        const allKeys = yield client.keys("*");
         const queueKeys = yield client.keys("queue:*");
         const queueData = yield Promise.all(queueKeys.map((key) => __awaiter(void 0, void 0, void 0, function* () {
             const size = yield client.lLen(key);
@@ -30,16 +32,92 @@ const getSidekiqData = (redisUrl) => __awaiter(void 0, void 0, void 0, function*
             const value = yield client.get(key);
             return { stat: key.replace("stat:", ""), value };
         })));
+        // "retry" キーのデータの件数を取得
+        const retryCount = yield client.zCard("retry");
+        statsData.push({ stat: "retry", value: retryCount.toString() });
         const processSet = yield client.sMembers("processes");
         const processData = yield Promise.all(processSet.map((processKey) => __awaiter(void 0, void 0, void 0, function* () {
             const processInfo = yield client.hGetAll(processKey);
             return { processKey, processInfo };
         })));
-        return { queues: queueData, stats: statsData, processes: processData };
+        // cron_job:* にマッチするすべてのクロンジョブキーを取得
+        const cronJobKeys = yield client.keys("cron_job:*");
+        const cronJobsData = yield Promise.all(cronJobKeys.map((key) => __awaiter(void 0, void 0, void 0, function* () {
+            const type = yield client.type(key); // キーのタイプを取得
+            switch (type) {
+                case "string":
+                    const stringValue = yield client.get(key);
+                    return { key, type, value: stringValue };
+                case "list":
+                    const listValues = yield client.lRange(key, 0, -1);
+                    return { key, type, value: listValues };
+                case "set":
+                    const setValues = yield client.sMembers(key);
+                    return { key, type, value: setValues };
+                case "zset":
+                    const zsetValues = yield client.zRange(key, 0, -1);
+                    return { key, type, value: zsetValues };
+                case "hash":
+                    const hashValues = yield client.hGetAll(key);
+                    return { key, type, details: hashValues };
+                default:
+                    return { key, type, message: "Unsupported type" };
+            }
+        })));
+        return {
+            keys: allKeys,
+            queues: queueData,
+            stats: statsData,
+            processes: processData,
+            cronJobs: cronJobsData,
+        };
     }
     catch (err) {
         console.error(err);
     }
 });
 exports.getSidekiqData = getSidekiqData;
+const getRetryJobsDetails = (redisUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const client = yield redisClient(redisUrl);
+        const retryJobs = yield client.zRange("retry", 0, -1);
+        const retryJobsData = retryJobs.map((jobString) => {
+            try {
+                const jobDetails = JSON.parse(jobString);
+                return jobDetails;
+            }
+            catch (err) {
+                console.error(`JSON parsing error for job: ${jobString}`, err);
+                // 失敗した場合は空のオブジェクトを返します（または適切なエラー処理を実施する）
+                return {};
+            }
+        });
+        return retryJobsData;
+    }
+    catch (err) {
+        console.error("失敗したジョブの取得中にエラーが発生しました:", err);
+        // エラーが発生した場合は空の配列を返します（または適切なエラー処理を実施する）
+        return [];
+    }
+});
+exports.getRetryJobsDetails = getRetryJobsDetails;
+const removeJobFromRetry = (jids, redisUrl) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const client = yield redisClient(redisUrl);
+        const jobs = yield client.zRange("retry", 0, -1);
+        for (const jobString of jobs) {
+            const job = JSON.parse(jobString);
+            if (jids.includes(job.jid)) {
+                // 指定されたjidを持つジョブを削除
+                yield client.zRem("retry", jobString);
+                console.log(`Job with jid: ${job.jid} has been removed from retry queue.`);
+            }
+        }
+    }
+    catch (err) {
+        console.error("Error removing job from retry:", err);
+        throw err;
+    }
+});
+exports.removeJobFromRetry = removeJobFromRetry;
 //# sourceMappingURL=redis-client.js.map

package/build/redis-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"redis-client.js","sourceRoot":"","sources":["../src/redis-client.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iCAAqC;AAErC,MAAM,WAAW,GAAG,CAAO,GAAY,EAAE,EAAE;IACzC,OAAO,MAAM,IAAA,oBAAY,EAAC,EAAE,GAAG,EAAE,GAAG,IAAI,0BAA0B,EAAE,CAAC;SAClE,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,GAAG,CAAC,CAAC;SAC9D,OAAO,EAAE,CAAC;AACf,CAAC,CAAA,CAAC;AAEK,MAAM,cAAc,GAAG,CAAO,QAAiB,EAAE,EAAE;IACxD,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE3C,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,CACjC,SAAS,CAAC,GAAG,CAAC,CAAO,GAAG,EAAE,EAAE;YAC1B,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACpC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;QACpD,CAAC,CAAA,CAAC,CACH,CAAC;QAEF,6BAA6B;QAC7B,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAO,GAAG,EAAE,EAAE;YACzB,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACpC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QACnD,CAAC,CAAA,CAAC,CACH,CAAC;QAEF,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtD,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,GAAG,CACnC,UAAU,CAAC,GAAG,CAAC,CAAO,UAAU,EAAE,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACrD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;QACrC,CAAC,CAAA,CAAC,CACH,CAAC;QAEF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;IACzE,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;AACH,CAAC,CAAA,CAAC;AAjCW,QAAA,cAAc,kBAiCzB"}
+{"version":3,"file":"redis-client.js","sourceRoot":"","sources":["../src/redis-client.ts"],"names":[],"mappings":"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"}

package/build/styles.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from "react";
+export declare const containerStyle: CSSProperties;
 export declare const tableStyle: CSSProperties;
 export declare const cellStyle: CSSProperties;
 export declare const headerCellStyle: CSSProperties;

package/build/styles.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.headerCellStyle = exports.cellStyle = exports.tableStyle = void 0;
+exports.headerCellStyle = exports.cellStyle = exports.tableStyle = exports.containerStyle = void 0;
+exports.containerStyle = {
+    margin: "16px",
+};
 exports.tableStyle = {
     width: "100%",
     borderCollapse: "collapse",
 };
 exports.cellStyle = {
+    padding: "4px",
     border: "1px solid black",
 };
 exports.headerCellStyle = {

package/build/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAkB;IACvC,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,UAAU;CAC3B,CAAC;AAEW,QAAA,SAAS,GAAkB;IACtC,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEW,QAAA,eAAe,GAAkB;IAC5C,MAAM,EAAE,iBAAiB;IACzB,eAAe,EAAE,SAAS;CAC3B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":";;;AAEa,QAAA,cAAc,GAAkB;IAC3C,MAAM,EAAE,MAAM;CACf,CAAC;AAEW,QAAA,UAAU,GAAkB;IACvC,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,UAAU;CAC3B,CAAC;AAEW,QAAA,SAAS,GAAkB;IACtC,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEW,QAAA,eAAe,GAAkB;IAC5C,MAAM,EAAE,iBAAiB;IACzB,eAAe,EAAE,SAAS;CAC3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ts-sidekiq",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "description": "manage sidekiq",
   "main": "build/server.js",
   "browser": "build/index.js",
@@ -37,22 +37,23 @@
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "recharts": "^2.10.3"
   },
   "devDependencies": {
     "@ladle/react": "^4.0.2",
     "@types/cors": "^2.8.17",
     "@types/express": "^4.17.21",
     "@types/jest": "^29.5.11",
-    "@types/react": "^18.2.42",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
     "concurrently": "^8.2.2",
     "cors": "^2.8.5",
     "express": "^4.18.2",
     "jest": "^29.7.0",
-    "redis": "^4.6.11",
+    "redis": "^4.6.12",
     "ts-jest": "^29.1.1",
-    "ts-node": "^10.9.1",
+    "ts-node": "^10.9.2",
     "typescript": "^5.3.3"
   }
 }