ts-sidekiq 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Octerv-Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# ts-sidekiq-dashboard

package/build/components/processes.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Process } from "../types";
+interface Props {
+    processes: Process[];
+}
+declare const Processes: ({ processes }: Props) => React.JSX.Element;
+export default Processes;

package/build/components/processes.js

@@ -0,0 +1,37 @@
+"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 Processes = ({ processes }) => {
+    // キューごとのプロセス数とスレッド数を集計
+    const queueInfo = processes.reduce((acc, process) => {
+        const info = JSON.parse(process.processInfo.info);
+        if (info && info.queues) {
+            info.queues.forEach((queue) => {
+                if (!acc[queue]) {
+                    acc[queue] = { processCount: 0, threadCount: 0 };
+                }
+                acc[queue].processCount += 1;
+                acc[queue].threadCount += info.concurrency;
+            });
+        }
+        return acc;
+    }, {});
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h2", null, "Processes"),
+        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 }, "Queue"),
+                    react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Process Count"),
+                    react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Thread Count"))),
+            react_1.default.createElement("tbody", null, Object.entries(queueInfo).map(([queue, { processCount, threadCount }], index) => (react_1.default.createElement("tr", { key: index },
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, queue),
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, processCount),
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, threadCount))))))));
+};
+exports.default = Processes;
+//# sourceMappingURL=processes.js.map

package/build/components/processes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processes.js","sourceRoot":"","sources":["../../src/components/processes.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,sCAAmE;AAanE,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAS,EAAE,EAAE;IACzC,uBAAuB;IACvB,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAY,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;QAC7D,MAAM,IAAI,GAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxD,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBAC5B,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;oBAChB,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;gBACnD,CAAC;gBACD,GAAG,CAAC,KAAK,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC;gBAC7B,GAAG,CAAC,KAAK,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC;YAC7C,CAAC,CAAC,CAAC;QACL,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,sDAAkB;QAClB,yCAAO,KAAK,EAAE,mBAAU;YACtB;gBACE;oBACE,sCAAI,KAAK,EAAE,wBAAe,YAAY;oBACtC,sCAAI,KAAK,EAAE,wBAAe,oBAAoB;oBAC9C,sCAAI,KAAK,EAAE,wBAAe,mBAAmB,CAC1C,CACC;YACR,6CACG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAC5B,CAAC,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,sCAAI,GAAG,EAAE,KAAK;gBACZ,sCAAI,KAAK,EAAE,kBAAS,IAAG,KAAK,CAAM;gBAClC,sCAAI,KAAK,EAAE,kBAAS,IAAG,YAAY,CAAM;gBACzC,sCAAI,KAAK,EAAE,kBAAS,IAAG,WAAW,CAAM,CACrC,CACN,CACF,CACK,CACF,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/build/components/queue-status.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Queue } from "../types";
+interface Props {
+    queues: Queue[];
+}
+declare const QueueStatus: ({ queues }: Props) => React.JSX.Element;
+export default QueueStatus;

package/build/components/queue-status.js

@@ -0,0 +1,22 @@
+"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 QueueStatus = ({ queues }) => {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h2", null, "Queue Status"),
+        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 }, "Queue Name"),
+                    react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Jobs"))),
+            react_1.default.createElement("tbody", null, queues.length === 0 ? (react_1.default.createElement("tr", null,
+                react_1.default.createElement("td", { colSpan: 2, style: styles_1.cellStyle }, "No jobs"))) : (queues.map((queue, index) => (react_1.default.createElement("tr", { key: index },
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, queue.queue),
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, queue.size)))))))));
+};
+exports.default = QueueStatus;
+//# sourceMappingURL=queue-status.js.map

package/build/components/queue-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-status.js","sourceRoot":"","sources":["../../src/components/queue-status.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,sCAAmE;AAMnE,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAS,EAAE,EAAE;IACxC,OAAO,CACL;QACE,yDAAqB;QACrB,yCAAO,KAAK,EAAE,mBAAU;YACtB;gBACE;oBACE,sCAAI,KAAK,EAAE,wBAAe,iBAAiB;oBAC3C,sCAAI,KAAK,EAAE,wBAAe,WAAW,CAClC,CACC;YACR,6CACG,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACrB;gBACE,sCAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAS,cAE3B,CACF,CACN,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,sCAAI,GAAG,EAAE,KAAK;gBACZ,sCAAI,KAAK,EAAE,kBAAS,IAAG,KAAK,CAAC,KAAK,CAAM;gBACxC,sCAAI,KAAK,EAAE,kBAAS,IAAG,KAAK,CAAC,IAAI,CAAM,CACpC,CACN,CAAC,CACH,CACK,CACF,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/build/components/statistics.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Stat } from "../types";
+interface Props {
+    stats: Stat[];
+}
+declare const Statistics: ({ stats }: Props) => React.JSX.Element;
+export default Statistics;

package/build/components/statistics.js

@@ -0,0 +1,23 @@
+"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 Statistics = ({ stats }) => {
+    // 日付を含むデータをフィルタリングする
+    const filteredStats = stats.filter((stat) => !stat.stat.includes(":"));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h2", null, "Statistics"),
+        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 }, "Statistic"),
+                    react_1.default.createElement("th", { style: styles_1.headerCellStyle }, "Value"))),
+            react_1.default.createElement("tbody", null, filteredStats.map((stat, index) => (react_1.default.createElement("tr", { key: index },
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, stat.stat),
+                react_1.default.createElement("td", { style: styles_1.cellStyle }, stat.value))))))));
+};
+exports.default = Statistics;
+//# sourceMappingURL=statistics.js.map

package/build/components/statistics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistics.js","sourceRoot":"","sources":["../../src/components/statistics.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,sCAAmE;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACtC,qBAAqB;IACrB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL;QACE,uDAAmB;QACnB,yCAAO,KAAK,EAAE,mBAAU;YACtB;gBACE;oBACE,sCAAI,KAAK,EAAE,wBAAe,gBAAgB;oBAC1C,sCAAI,KAAK,EAAE,wBAAe,YAAY,CACnC,CACC;YACR,6CACG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,sCAAI,GAAG,EAAE,KAAK;gBACZ,sCAAI,KAAK,EAAE,kBAAS,IAAG,IAAI,CAAC,IAAI,CAAM;gBACtC,sCAAI,KAAK,EAAE,kBAAS,IAAG,IAAI,CAAC,KAAK,CAAM,CACpC,CACN,CAAC,CACI,CACF,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/dashboard.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Data } from "./types";
+interface Props {
+    data: Data;
+}
+declare const Dashboard: ({ data }: Props) => React.JSX.Element;
+export default Dashboard;

package/build/dashboard.js

@@ -0,0 +1,18 @@
+"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 queue_status_1 = __importDefault(require("./components/queue-status"));
+const statistics_1 = __importDefault(require("./components/statistics"));
+const processes_1 = __importDefault(require("./components/processes"));
+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(statistics_1.default, { stats: data.stats }),
+        react_1.default.createElement(processes_1.default, { processes: data.processes })));
+};
+exports.default = Dashboard;
+//# sourceMappingURL=dashboard.js.map

package/build/dashboard.js.map

@@ -0,0 +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"}

package/build/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./types";
+export { default as Dashbard } from "./dashboard";

package/build/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dashbard = void 0;
+__exportStar(require("./types"), exports);
+var dashboard_1 = require("./dashboard");
+Object.defineProperty(exports, "Dashbard", { enumerable: true, get: function () { return __importDefault(dashboard_1).default; } });
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,yCAAkD;AAAzC,sHAAA,OAAO,OAAY"}

package/build/redis-client.d.ts

@@ -0,0 +1,16 @@
+export declare const getSidekiqData: () => Promise<{
+    queues: {
+        queue: string;
+        size: number;
+    }[];
+    stats: {
+        stat: string;
+        value: string | null;
+    }[];
+    processes: {
+        processKey: string;
+        processInfo: {
+            [x: string]: string;
+        };
+    }[];
+} | undefined>;

package/build/redis-client.js

@@ -0,0 +1,45 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSidekiqData = void 0;
+const redis_1 = require("redis");
+const redisClient = () => __awaiter(void 0, void 0, void 0, function* () {
+    return yield (0, redis_1.createClient)({ url: "redis://localhost:6379/5" })
+        .on("error", (err) => console.error("Redis Clinet Error", err))
+        .connect();
+});
+const getSidekiqData = () => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const client = yield redisClient();
+        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);
+            return { queue: key.replace("queue:", ""), size };
+        })));
+        // "stat:*" にマッチするすべての統計キーを取得
+        const statKeys = yield client.keys("stat:*");
+        const statsData = yield Promise.all(statKeys.map((key) => __awaiter(void 0, void 0, void 0, function* () {
+            const value = yield client.get(key);
+            return { stat: key.replace("stat:", ""), value };
+        })));
+        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 };
+    }
+    catch (err) {
+        console.error(err);
+    }
+});
+exports.getSidekiqData = getSidekiqData;
+//# sourceMappingURL=redis-client.js.map

package/build/redis-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redis-client.js","sourceRoot":"","sources":["../src/redis-client.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iCAAqC;AAErC,MAAM,WAAW,GAAG,GAAS,EAAE;IAC7B,OAAO,MAAM,IAAA,oBAAY,EAAC,EAAE,GAAG,EAAE,0BAA0B,EAAE,CAAC;SAC3D,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,GAAS,EAAE;IACvC,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,WAAW,EAAE,CAAC;QAEnC,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"}

package/build/styles.d.ts

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

package/build/styles.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerCellStyle = exports.cellStyle = exports.tableStyle = void 0;
+exports.tableStyle = {
+    width: "100%",
+    borderCollapse: "collapse",
+};
+exports.cellStyle = {
+    border: "1px solid black",
+};
+exports.headerCellStyle = {
+    border: "1px solid black",
+    backgroundColor: "#f2f2f2",
+};
+//# sourceMappingURL=styles.js.map

package/build/styles.js.map

@@ -0,0 +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"}

package/build/types.d.ts

@@ -0,0 +1,43 @@
+export type Queue = {
+  queue: string;
+  size: number;
+};
+
+export type Stat = {
+  stat: string;
+  value: string;
+};
+
+export type Info = {
+  hostname: string;
+  started_at: number;
+  pid: number;
+  tag: string;
+  concurrency: number;
+  queues: string[];
+  weights: { [key: string]: number }[];
+  labels: string[];
+  identity: string;
+  version: string;
+  embedded: boolean;
+};
+
+export type ProcessInfo = {
+  rss: string;
+  quiet: string;
+  info: string;
+  busy: string;
+  beat: string;
+  rtt_us: string;
+};
+
+export type Process = {
+  processKey: string;
+  processInfo: ProcessInfo;
+};
+
+export type Data = {
+  queues: Queue[];
+  stats: Stat[];
+  processes: Process[];
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "ts-sidekiq",
+  "version": "0.0.1",
+  "description": "manage sidekiq",
+  "main": "build/index.js",
+  "files": [
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "types",
+    "build"
+  ],
+  "scripts": {
+    "build": "tsc && cp src/types.d.ts build/",
+    "test": "jest",
+    "prepare": "npm run build",
+    "start-express": "ts-node debug-server.ts",
+    "preview": "concurrently \"npm:preview:*\"",
+    "preview:ladle": "npx ladle serve",
+    "preview:express": "npm run start-express"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/octerv/ts-sidekiq.git"
+  },
+  "keywords": [
+    "UI",
+    "react",
+    "sidekiq"
+  ],
+  "author": "Octerv",
+  "license": "MIT",
+  "homepage": "https://github.com/octerv/ts-sidekiq#readme",
+  "bugs": {
+    "url": "https://github.com/octerv/ts-sidekiq/issues"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "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",
+    "concurrently": "^8.2.2",
+    "cors": "^2.8.5",
+    "express": "^4.18.2",
+    "jest": "^29.7.0",
+    "redis": "^4.6.11",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.3.3"
+  }
+}