hydrooj-addons-manager 0.0.1

package/index.ts

@@ -0,0 +1,153 @@
+import { HydroResponse } from '@hydrooj/framework';
+import {
+    Context, Handler, PRIV, Schema, 
+    Service, superagent, SystemModel, 
+    TokenModel, 
+    UserFacingError, ForbiddenError, Types,
+    Model,
+    requireSudo
+} from 'hydrooj';
+import { exec } from 'child_process';
+import * as fs from 'fs';
+
+let addonsManagerModel : {
+    add: (name: string, version?: string) => Promise<commandResult>,
+    update: (name: string, version?: string) => Promise<commandResult>,
+    remove: (name: string) => Promise<commandResult>,
+    getActivedPackages: () => Promise<String[]>,
+    getLockedPackages: () => Promise<String[]>
+};
+type commandResult = {success: boolean, message?: string};
+function checkNpmPackageValidity(name : string): Boolean {
+    return /^(?:(?:@(?:[a-z0-9-*~][a-z0-9-*. _~]*)?\/[a-z0-9-._~])|[a-z0-9-~])[a-z0-9-._~]*$/.test(name);
+}
+function checkNpmVersionValidity(name : string): Boolean {
+    return name === '' || /^(0|[1-9]\\d*)\\.(0|[1-9]\\d*)\\.(0|[1-9]\\d*)(?:-((?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\\.(?:0|[1-9]\\d*|\\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\\+([0-9a-zA-Z-]+(?:\\.[0-9a-zA-Z-]+)*))?$/.test(name);
+}
+class AddonsManagerHandler extends Handler {
+    @requireSudo
+    async get()
+    {
+        this.response.template = 'manage_addons.html';
+        const packages = await addonsManagerModel.getActivedPackages();
+        const lockedPackages = await addonsManagerModel.getLockedPackages();
+        this.response.body = {
+            packages: packages,
+            lockedPackages: lockedPackages,
+            result: null
+        };
+        this.renderHTML(this.response.template, {title: 'manage_addons'});
+    }
+    async post()
+    {
+        const body = this.request.body;
+        let result: commandResult = {success: false, message: 'Unknown error'};
+        if(body.state === 'activate'){
+            const name = body.new_package_name;
+            const version = body.new_package_version;
+            result = await addonsManagerModel.add(name, version);
+        }else if(body['delete_package']){   
+            const name = body['delete_package'];
+            result = await addonsManagerModel.remove(name);
+        }else if(body['update_package']){
+            const name = body['update_package'];
+            result = await addonsManagerModel.update(name);
+        } else{
+            throw new UserFacingError('Invalid request');
+        }
+        const packages = await addonsManagerModel.getActivedPackages();
+        const lockedPackages = await addonsManagerModel.getLockedPackages();
+        console.log(result);
+        this.back({
+            result: result, 
+            packages: packages,
+            lockedPackages: lockedPackages
+        });
+    }
+}
+
+ async function sendCommand(cmd: string, cwd: string) : Promise<commandResult> {
+    return new Promise((resolve) => {
+        try {
+            exec(cmd, { cwd: cwd }, (err, stdout, stderr) => {
+                if (err) {
+                    console.error(`exec error: ${err}`);
+                    resolve({ success: false, message: err.message });
+                    return;
+                }
+                if (stderr) {
+                    console.error(`stderr: ${stderr}`);
+                    resolve({ success: false, message: stderr });
+                    return;
+                }
+                console.log(`stdout: ${stdout}`);
+                resolve({ success: true });
+            });
+        } catch (error) {
+            resolve({ success: false, message: (error as Error).message });
+        }
+    });
+}
+
+export default class AddonsManagerService extends Service {
+    static Config = Schema.object({
+        pathToHydro: Schema.string().description('Path to Hydro').required(),
+    });
+
+    constructor(ctx: Context, config: ReturnType<typeof AddonsManagerService.Config>) {
+        super(ctx, 'hydrooj-addons-manager');
+        ctx.Route('manage_addons', '/manage/addons', AddonsManagerHandler, PRIV.PRIV_ALL);
+        global.Hydro.ui.inject('ControlPanel', 'manage_addons');
+        init();
+        async function init() {
+
+            async function remove(name: string): Promise<commandResult> {
+                if(!checkNpmPackageValidity(name))throw new UserFacingError('Invalid package name');
+                await sendCommand("yarn global remove "+name, config.pathToHydro);
+                const result = await sendCommand("hydrooj addon remove "+name, config.pathToHydro);
+                return result;
+            }
+            async function update(name: string, version: string = ''): Promise<commandResult> {
+                if(!checkNpmPackageValidity(name))throw new UserFacingError('Invalid package name');
+                if(!checkNpmVersionValidity(version))throw new UserFacingError('Invalid version');
+                const result = await sendCommand("yarn global add "+name+(version ? '@' + version : ''), config.pathToHydro);
+                return result;
+            }
+            async function add(name: string, version: string = ''): Promise<commandResult> {
+                if(!checkNpmPackageValidity(name))throw new UserFacingError('Invalid package name');
+                if(!checkNpmVersionValidity(version))throw new UserFacingError('Invalid version');
+                const updateResult = await update(name, version);
+                const result = await sendCommand("hydrooj addon add "+name+(version ? '@' + version : ''), config.pathToHydro);
+                return result;
+            }
+            
+
+            async function getActivedPackages(): Promise<String[]> {
+                return new Promise((resolve, reject) => {
+                    let packages: String[] = [];
+                    fs.readFile(config.pathToHydro+'addon.json', (err, data) => {
+                        if(err) reject(new UserFacingError(err.message));
+                        else {
+                            packages = JSON.parse(data.toString());
+                            resolve(packages);
+                        }
+                    });
+                });
+            }
+
+            async function getLockedPackages(): Promise<String[]> {
+                return new Promise((resolve, reject) => {
+                    let packages: String[] = [];
+                    fs.readFile(config.pathToHydro+'addon-locked.json', (err, data) => {
+                        if(err) reject(new UserFacingError(err.message));
+                        else {
+                            packages = JSON.parse(data.toString());
+                            resolve(packages);
+                        }
+                    });
+                });
+            }
+            addonsManagerModel = { add, update, remove, getActivedPackages, getLockedPackages };
+        }
+    }
+}

package/locale/zh_TW.yaml

@@ -0,0 +1,11 @@
+__langname: 正體中文
+addons manager: 插件管理員
+activated package name: 已啟用套件名稱
+activate: 啟用
+add new package: 新增套件
+delete: 刪除
+package name: 套件名稱
+update: 更新
+version name *unnecessary: 版本名稱 *非必要
+need to restart hydrooj to make changes work: 需要重新啟動 HydroOJ 以使更改生效
+manage_addons: 管理插件

package/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "hydrooj-addons-manager",
+  "version": "0.0.1",
+  "description": "addons manager for hydrooj",
+  "main": "index.ts",
+  "author": "https://github.com/Bryan0324"
+}

package/templates/manage_addons.html

@@ -0,0 +1,143 @@
+{% extends "manage_base.html" %}
+{% block manage_content %}
+<div class="main">
+    <style>
+    .manage-addons .section__header { display: flex; flex-direction: column; gap: 12px; }
+    .manage-addons .section__title { margin: 0; font-size: 22px; }
+    .manage-addons .section__subtitle { margin: 8px 0 4px; font-size: 16px; color: #374151; }
+
+    .manage-addons #activate-package-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
+    .manage-addons .activate-package-form { margin: 0; }
+    .manage-addons .activate-package-item {
+    display: flex; align-items: center; gap: 12px; justify-content: space-between;
+    padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff;
+    }
+    .manage-addons .activate-package-item a { font-weight: 600; color: #111827; }
+    .manage-addons .activate-package-item:hover { box-shadow: 0 1px 3px rgba(0,0,0,.06); }
+
+    .manage-addons .activate-package-item .btn { min-width: 96px; }
+    .manage-addons .activate-package-item .btn + .btn { margin-left: 8px; }
+
+    .manage-addons .activate-package-item input[type="text"] {
+    flex: 1; min-width: 160px; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 6px;
+    }
+    .manage-addons .alert { margin: 6px 0 2px; }
+
+    /* Styled buttons */
+    .manage-addons .btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 8px 12px;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 1.2;
+    border: 1px solid transparent;
+    cursor: pointer;
+    transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
+    user-select: none;
+    }
+
+    .manage-addons .btn:disabled {
+    opacity: .6;
+    cursor: not-allowed;
+    transform: none !important;
+    }
+
+    /* Primary */
+    .manage-addons .btn--primary {
+    background: #2563eb;
+    color: #fff;
+    border-color: #1d4ed8;
+    }
+    .manage-addons .btn--primary:hover { background: #1d4ed8; }
+    .manage-addons .btn--primary:active { transform: translateY(1px); }
+    .manage-addons .btn--primary:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(37,99,235,.25);
+    }
+
+    /* Secondary */
+    .manage-addons .btn--secondary {
+    background: #ffffff;
+    color: #111827;
+    border-color: #d1d5db;
+    }
+    .manage-addons .btn--secondary:hover { background: #f3f4f6; }
+    .manage-addons .btn--secondary:active { transform: translateY(1px); }
+    .manage-addons .btn--secondary:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(17,24,39,.15);
+    }
+
+    /* Danger */
+    .manage-addons .btn--danger {
+    background: #dc2626;
+    color: #fff;
+    border-color: #b91c1c;
+    }
+    .manage-addons .btn--danger:hover { background: #b91c1c; }
+    .manage-addons .btn--danger:active { transform: translateY(1px); }
+    .manage-addons .btn--danger:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(220,38,38,.25);
+    }
+
+    /* Dark mode button tweaks */
+    @media (prefers-color-scheme: dark) {
+    .manage-addons .btn--secondary {
+        background: transparent;
+        color: #e5e7eb;
+        border-color: #374151;
+    }
+    .manage-addons .btn--secondary:hover { background: #111827; }
+    .manage-addons .btn--primary { border-color: #1e40af; }
+    .manage-addons .btn--danger { border-color: #991b1b; }
+    }
+    </style>
+
+    <div class="section manage-addons">
+    <div class="section__header">
+        <h1 class="section__title" data-heading>{{ _('addons manager') }}</h1>
+        <h2 class="section__subtitle" data-heading>{{ _('activated package name') }}</h2>
+        <h2 class="section__subtitle" data-heading style="color: #ef4444; font-weight: 600;">{{ _('need to restart hydrooj to make changes work') }}</h2>
+        <ul id="activate-package-list">
+        {% for package in packages %}
+        <li>
+            <form method="post" class="activate-package-form">
+            <div class="activate-package-item">
+                <a>{{ package }}</a>
+                {% if package not in lockedPackages %}
+                <button type="submit" name="delete_package" value="{{ package }}" class="btn btn--danger">{{ _('delete') }}</button>
+                {% endif %}
+                <button type="submit" name="update_package" value="{{ package }}" class="btn btn--secondary">{{ _('update') }}</button>
+            </div>
+            </form>
+        </li>
+        {% endfor %}
+        </ul>
+        <h2 class="section__subtitle" data-heading>{{ _('add new package') }}</h2>
+        <form method="post" class="activate-package-form">
+        <div class="activate-package-item">
+            <input type="text" name="new_package_name" placeholder="{{ _('package name') }}" required>
+            <input type="text" name="new_package_version" placeholder="{{ _('version name *unnecessary') }}">
+            <button type="submit" name="state" value="activate" class="btn btn--primary">{{ _('activate') }}</button>
+        </div>
+        </form>
+    {% if result %}
+    {% if result.success %}
+    <div class="alert alert--success">
+        {{ result.success }}
+    </div>
+    {% else %}
+    <div class="alert alert--danger">
+        {{ result.error }}
+    </div>
+    {% endif %}
+    {% endif %}
+    </div>
+    </div>
+</div>
+{% endblock %}

package/templates/manage_base.html

@@ -0,0 +1,24 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="row" data-sticky-parent>
+  <div class="medium-9 columns">
+  {% block manage_content %}{% endblock %}
+  </div>
+  <div class="medium-3 columns"><div data-sticky="large">
+    <div class="section side">
+      <ol class="menu">
+        <li class="menu__item">
+          <div class="menu__link expandable">
+            <span class="icon icon-info"></span> {{ _('Properties') }}
+          </div>
+          <ol class="menu collapsed">
+            {%- for item in ui.getNodes('ControlPanel') -%}
+              {{ sidemenu.render_item(item.icon, item.name) }}
+            {%- endfor -%}
+          </ol>
+        </li>
+      </ol>
+    </div>
+  </div></div>
+</div>
+{% endblock %}