onlyoffice: init

packages/hydrooj/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hydrooj",
-    "version": "2.24.4",
+    "version": "2.24.5",
     "bin": "bin/hydrooj.js",
     "main": "dist/loader.js",
     "typings": "dist/loader.d.ts",

packages/hydrooj/src/service/server.ts

@@ -275,7 +275,11 @@ export async function prepare() {
     }));
 }
 
-export const UiContextBase = {
+export interface UiContextBase {
+    cdn_prefix: string;
+    url_prefix: string;
+}
+export const UiContextBase: UiContextBase = {
     cdn_prefix: '/',
     url_prefix: '/',
 };

packages/onlyoffice/handler.ts

@@ -0,0 +1,9 @@
+import { UiContextBase } from 'hydrooj/dist/service/server';
+import * as system from 'hydrooj/dist/model/system';
+
+declare module 'hydrooj/dist/service/server' {
+    interface UiContextBase {
+        onlyofficeApi: string;
+    }
+}
+UiContextBase.onlyofficeApi = system.get('onlyoffice.api');

packages/onlyoffice/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@hydrooj/onlyoffice",
+    "version": "1.0.0",
+    "main": "package.json",
+    "repository": "git@github.com:hydro-dev/Hydro.git",
+    "author": "undefined <i@undefined.moe>",
+    "license": "AGPL-3.0-only"
+}

packages/onlyoffice/public/office.page.js

@@ -0,0 +1,44 @@
+(() => {
+    const { AutoloadPage } = window.Hydro;
+    const { $ } = window.node_modules;
+    const { request } = window.Hydro.utils;
+
+    const page = new AutoloadPage('onlyoffice', async () => {
+        const res = $('div[data-doc]');
+        if (res.length) {
+            await new Promise((resolve) => {
+                const scriptElement = document.createElement('script');
+                scriptElement.src = UiContext.onlyofficeApi;
+                scriptElement.async = true;
+                document.head.appendChild(scriptElement);
+                scriptElement.onload = resolve;
+            });
+        }
+        res.get().forEach(async (element) => {
+            const id = `doc-${Math.random().toString()}`;
+            $(element).attr('id', id);
+            const url = $(element).text();
+            const t = new URL(url, window.location.href).pathname.split('.');
+            const n = new URL(url, window.location.href).pathname.split('/');
+            const res = await request.get(url);
+            const lang = UserContext.viewLang.includes('_') ? UserContext.viewLang.split('_')[0] : UserContext.viewLang;
+            // eslint-disable-next-line no-undef
+            window.editor = new DocsAPI.DocEditor(id, {
+                document: {
+                    fileType: t[t.length - 1],
+                    key: Math.random().toString(16),
+                    title: n[n.length - 1],
+                    url: new URL(res.url, window.location.href),
+                },
+                editorConfig: {
+                    lang,
+                    mode: 'view',
+                },
+                documentType: 'word',
+                height: '980px',
+            });
+        });
+    });
+
+    window.Hydro.extraPages.push(page);
+})();

packages/onlyoffice/setting.yaml

@@ -0,0 +1,5 @@
+api:
+  type: text
+  name: api
+  desc: OnlyOffice API URL
+  default: https://documentserver/web-apps/apps/api/documents/api.js

packages/ui-default/backendlib/markdown-it-media.js

@@ -1,5 +1,8 @@
 /* eslint-disable max-len */
 /* eslint-disable prefer-destructuring */
+
+const { escapeHtml } = require('vj/../../node_modules/markdown-it/lib/common/utils');
+
 /* eslint-disable no-restricted-properties */
 const ytRegex = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#&?]*).*/;
 function youtubeParser(url) {
@@ -115,11 +118,13 @@ module.exports = function videoPlugin(md) {
         + '    }); </script>';
     }
     if (service === 'pdf') return `<iframe src="${videoID}?noDisposition=on#view=fit" width="100%" style="min-height: 100vh;border: none;"></iframe>`;
-    return videoID === '' ? ''
-      : `<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item ${service}-player" type="text/html" width="${options[service].width
+    if (service === 'video') {
+      return `<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item ${service}-player" type="text/html" width="${options[service].width
         }" height="${options[service].height
         }" src="${options.url(service, videoID, tokens[idx].url, options)
         }" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>`;
+    }
+    return `<div data-${service}>${escapeHtml(videoID)}</div>`;
   };
   md.inline.ruler.before('emphasis', 'video', (state, silent) => {
     let token;
@@ -140,7 +145,6 @@ module.exports = function videoPlugin(md) {
     else if (serviceLower === 'vine') videoID = vineParser(videoID);
     else if (serviceLower === 'prezi') videoID = preziParser(videoID);
     else if (serviceLower === 'osf') videoID = mfrParser(videoID);
-    else if (!options[serviceLower]) return false;
     if (videoID === ')') videoID = '';
     const serviceStart = oldPos + 2;
     const serviceEnd = md.helpers.parseLinkLabel(state, oldPos + 1, false);

packages/ui-default/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.6.23",
+  "version": "4.6.24",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",