ui: frontend api (#470) [skip-cache]
parent
6d69e88739
commit
96fa6cc7b9
@ -1,4 +1,4 @@
|
|||||||
dist
|
dist
|
||||||
*.d.ts
|
*.d.ts
|
||||||
node_modules
|
node_modules
|
||||||
public
|
public/**/*.js
|
@ -1,82 +1,81 @@
|
|||||||
(() => {
|
import { $ } from '@hydrooj/ui-default';
|
||||||
const { AutoloadPage } = window.Hydro;
|
|
||||||
const { $ } = window.node_modules;
|
|
||||||
|
|
||||||
let loaded = false;
|
const { AutoloadPage } = window.Hydro;
|
||||||
async function load() {
|
|
||||||
if (loaded) return Promise.resolve();
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
const scriptElement = document.createElement('script');
|
|
||||||
scriptElement.src = UiContext.onlyofficeApi;
|
|
||||||
scriptElement.async = true;
|
|
||||||
document.head.appendChild(scriptElement);
|
|
||||||
scriptElement.onload = resolve;
|
|
||||||
scriptElement.onerror = reject;
|
|
||||||
loaded = true;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const loader = mode => async (element) => {
|
let loaded = false;
|
||||||
const id = `${mode}-${Math.random().toString()}`;
|
async function load() {
|
||||||
$(element).attr('id', id);
|
if (loaded) return Promise.resolve();
|
||||||
const url = $(element).text();
|
return new Promise((resolve, reject) => {
|
||||||
const t = new URL(url, window.location.href).pathname.split('.');
|
const scriptElement = document.createElement('script');
|
||||||
const n = new URL(url, window.location.href).pathname.split('/');
|
scriptElement.src = UiContext.onlyofficeApi;
|
||||||
const lang = UserContext.viewLang.includes('_') ? UserContext.viewLang.split('_')[0] : UserContext.viewLang;
|
scriptElement.async = true;
|
||||||
// eslint-disable-next-line no-undef
|
document.head.appendChild(scriptElement);
|
||||||
window.editor = new DocsAPI.DocEditor(id, {
|
scriptElement.onload = resolve;
|
||||||
document: {
|
scriptElement.onerror = reject;
|
||||||
fileType: t[t.length - 1],
|
loaded = true;
|
||||||
key: Math.random().toString(16),
|
});
|
||||||
title: decodeURIComponent(n[n.length - 1]),
|
}
|
||||||
url: new URL(url, window.location.href),
|
|
||||||
permissions: {
|
|
||||||
comment: false,
|
|
||||||
copy: true,
|
|
||||||
download: true,
|
|
||||||
edit: false,
|
|
||||||
fillForms: false,
|
|
||||||
modifyContentControl: false,
|
|
||||||
modifyFilter: false,
|
|
||||||
print: true,
|
|
||||||
protect: false,
|
|
||||||
review: false,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
editorConfig: {
|
|
||||||
lang,
|
|
||||||
mode: 'view',
|
|
||||||
user: {
|
|
||||||
group: "Hydro",
|
|
||||||
id: UserContext._id.toString(),
|
|
||||||
name: UserContext.uname,
|
|
||||||
},
|
|
||||||
customization: {
|
|
||||||
chat: false,
|
|
||||||
comments: false,
|
|
||||||
help: false,
|
|
||||||
hideRulers: true,
|
|
||||||
plugins: false,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
documentType: mode,
|
|
||||||
height: mode === 'slide' ? '560px' : '900px',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const getEles = types => {
|
const loader = (mode) => async (element) => {
|
||||||
const eles = [];
|
const id = `${mode}-${Math.random().toString()}`;
|
||||||
for (const type of types) eles.push(...$('div[data-' + type + ']').get());
|
$(element).attr('id', id);
|
||||||
return eles;
|
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 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: decodeURIComponent(n[n.length - 1]),
|
||||||
|
url: new URL(url, window.location.href),
|
||||||
|
permissions: {
|
||||||
|
comment: false,
|
||||||
|
copy: true,
|
||||||
|
download: true,
|
||||||
|
edit: false,
|
||||||
|
fillForms: false,
|
||||||
|
modifyContentControl: false,
|
||||||
|
modifyFilter: false,
|
||||||
|
print: true,
|
||||||
|
protect: false,
|
||||||
|
review: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
editorConfig: {
|
||||||
|
lang,
|
||||||
|
mode: 'view',
|
||||||
|
user: {
|
||||||
|
group: 'Hydro',
|
||||||
|
id: UserContext._id.toString(),
|
||||||
|
name: UserContext.uname,
|
||||||
|
},
|
||||||
|
customization: {
|
||||||
|
chat: false,
|
||||||
|
comments: false,
|
||||||
|
help: false,
|
||||||
|
hideRulers: true,
|
||||||
|
plugins: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
documentType: mode,
|
||||||
|
height: mode === 'slide' ? '560px' : '900px',
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const page = new AutoloadPage('onlyoffice', async () => {
|
const getEles = (types) => {
|
||||||
let all = getEles(['doc', 'docx', 'cell', 'xls', 'xlsx', 'slide', 'ppt', 'pptx']);
|
const eles = [];
|
||||||
if (all.length) await load();
|
for (const type of types) eles.push(...$(`div[data-${type}]`).get());
|
||||||
getEles(['doc', 'docx']).forEach(loader('word'));
|
return eles;
|
||||||
getEles(['cell', 'xls', 'xlsx']).forEach(loader('cell'))
|
};
|
||||||
getEles(['slide', 'ppt', 'pptx']).forEach(loader('slide'));
|
|
||||||
});
|
|
||||||
|
|
||||||
window.Hydro.extraPages.push(page);
|
const page = new AutoloadPage('onlyoffice', async () => {
|
||||||
})();
|
const all = getEles(['doc', 'docx', 'cell', 'xls', 'xlsx', 'slide', 'ppt', 'pptx']);
|
||||||
|
if (all.length) await load();
|
||||||
|
getEles(['doc', 'docx']).forEach(loader('word'));
|
||||||
|
getEles(['cell', 'xls', 'xlsx']).forEach(loader('cell'));
|
||||||
|
getEles(['slide', 'ppt', 'pptx']).forEach(loader('slide'));
|
||||||
|
});
|
||||||
|
|
||||||
|
window.Hydro.extraPages.push(page);
|
||||||
|
@ -0,0 +1,62 @@
|
|||||||
|
export * from './utils';
|
||||||
|
export { default as Notification } from './components/notification';
|
||||||
|
export * from './components/dialog';
|
||||||
|
export * as bus from './bus';
|
||||||
|
export { default as loadMonaco } from './components/monaco/loader';
|
||||||
|
export * as redux from 'react-redux';
|
||||||
|
export * from './components/zipDownloader';
|
||||||
|
export { default as $ } from 'jquery';
|
||||||
|
export { default as _ } from 'lodash';
|
||||||
|
export { default as React } from 'react';
|
||||||
|
export { default as ReactDOM } from 'react-dom/client';
|
||||||
|
export * from './misc/Page';
|
||||||
|
|
||||||
|
export default async function load(name: string) {
|
||||||
|
if (window.node_modules[name]) return window.node_modules[name];
|
||||||
|
if (name === 'echarts') return import('echarts');
|
||||||
|
if (name === 'moment') return import('moment');
|
||||||
|
throw new Error(`Module ${name} not found`);
|
||||||
|
}
|
||||||
|
|
||||||
|
import AutoComplete from './components/autocomplete';
|
||||||
|
import CustomSelectAutoComplete from './components/autocomplete/CustomSelectAutoComplete';
|
||||||
|
import DomainSelectAutoComplete from './components/autocomplete/DomainSelectAutoComplete';
|
||||||
|
import ProblemSelectAutoComplete from './components/autocomplete/ProblemSelectAutoComplete';
|
||||||
|
import UserSelectAutoComplete from './components/autocomplete/UserSelectAutoComplete';
|
||||||
|
|
||||||
|
export {
|
||||||
|
load, AutoComplete, UserSelectAutoComplete, ProblemSelectAutoComplete, DomainSelectAutoComplete, CustomSelectAutoComplete,
|
||||||
|
};
|
||||||
|
export const { UserContext, UiContext } = window;
|
||||||
|
export function addPage(page: import('./misc/Page').Page | (() => Promise<void> | void)) {
|
||||||
|
window.Hydro.extraPages.push(page);
|
||||||
|
}
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface Window {
|
||||||
|
LANGS: Record<string, any>;
|
||||||
|
}
|
||||||
|
|
||||||
|
let UserContext: Record<string, any>;
|
||||||
|
let UiContext: Record<string, any>;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Below are old version api compat
|
||||||
|
/* eslint-disable import/order */
|
||||||
|
import $ from 'jquery';
|
||||||
|
import _ from 'lodash';
|
||||||
|
import React from 'react';
|
||||||
|
import ReactDOM from 'react-dom/client';
|
||||||
|
import * as redux from 'react-redux';
|
||||||
|
|
||||||
|
const modules = {
|
||||||
|
_, $, React, redux, ReactDOM, load,
|
||||||
|
};
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface Window {
|
||||||
|
node_modules: typeof modules;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Object.assign(window, { node_modules: modules, $, jQuery: $ });
|
@ -1,4 +1,3 @@
|
|||||||
/* eslint-disable */
|
|
||||||
import path from 'path';
|
import path from 'path';
|
||||||
|
|
||||||
export default function root(fn = '.') {
|
export default function root(fn = '.') {
|
@ -1,37 +0,0 @@
|
|||||||
import './utils/delay';
|
|
||||||
import './utils/emulateAnchorClick';
|
|
||||||
import './utils/i18n';
|
|
||||||
import './utils/loadReactRedux';
|
|
||||||
import './utils/mediaQuery';
|
|
||||||
import './utils/mongoId';
|
|
||||||
import './utils/pipeStream';
|
|
||||||
import './utils/pjax';
|
|
||||||
import './utils/request';
|
|
||||||
import './utils/slide';
|
|
||||||
import './utils/substitute';
|
|
||||||
import './utils/tpl';
|
|
||||||
import './utils/zIndexManager';
|
|
||||||
import './utils/zip';
|
|
||||||
import './components/autocomplete';
|
|
||||||
import './components/dialog';
|
|
||||||
import './components/notification';
|
|
||||||
import './components/monaco/loader';
|
|
||||||
|
|
||||||
import $ from 'jquery';
|
|
||||||
import _ from 'lodash';
|
|
||||||
import React from 'react';
|
|
||||||
import ReactDOM from 'react-dom/client';
|
|
||||||
import * as redux from 'react-redux';
|
|
||||||
|
|
||||||
const modules = {
|
|
||||||
_, $, React, redux, ReactDOM,
|
|
||||||
};
|
|
||||||
export default async function load(name) {
|
|
||||||
if (modules[name]) return modules[name];
|
|
||||||
if (name === 'echarts') return import('echarts');
|
|
||||||
if (name === 'moment') return import('moment');
|
|
||||||
throw new Error(`Module ${name} not found`);
|
|
||||||
}
|
|
||||||
window.node_modules = { ...modules, load };
|
|
||||||
window.$ = $;
|
|
||||||
window.jQuery = $;
|
|
@ -1,11 +0,0 @@
|
|||||||
declare global {
|
|
||||||
interface Window {
|
|
||||||
node_modules: any;
|
|
||||||
LANGS: Record<string, any>;
|
|
||||||
}
|
|
||||||
|
|
||||||
let UserContext: Record<string, any>;
|
|
||||||
let UiContext: Record<string, any>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export { };
|
|
@ -1,26 +0,0 @@
|
|||||||
import request from './request';
|
|
||||||
|
|
||||||
export default async (q: string, path: string[] = []) => {
|
|
||||||
let query = q.trim();
|
|
||||||
if (!query.startsWith('query')) query = `query{${query}}`;
|
|
||||||
const res = await request.post(`/d/${UiContext.domainId}/api`, { query });
|
|
||||||
if (res.errors) throw new Error(res.errors[0].message);
|
|
||||||
let cursor = res;
|
|
||||||
for (const p of path) {
|
|
||||||
cursor = cursor[p];
|
|
||||||
if (!cursor) return undefined;
|
|
||||||
}
|
|
||||||
return cursor;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const gql = (
|
|
||||||
pieces: TemplateStringsArray,
|
|
||||||
...templates: (string | number | string[] | number[])[]
|
|
||||||
) => {
|
|
||||||
let res = '';
|
|
||||||
for (let i = 0; i < pieces.length; i++) {
|
|
||||||
res += pieces[i];
|
|
||||||
if (templates[i]) res += JSON.stringify(templates[i]);
|
|
||||||
}
|
|
||||||
return res;
|
|
||||||
};
|
|
@ -1,12 +0,0 @@
|
|||||||
const prefixes = new Set(Object.keys(window.LANGS).filter((i) => i.includes('.')).map((i) => i.split('.')[0]));
|
|
||||||
|
|
||||||
export default function getAvailableLangs(langsList?: string[]) {
|
|
||||||
const Langs = {};
|
|
||||||
for (const key in window.LANGS) {
|
|
||||||
if (prefixes.has(key)) continue;
|
|
||||||
if (langsList && langsList.length && langsList.join('') && !langsList.includes(key)) continue;
|
|
||||||
else if (window.LANGS[key].hidden && !langsList?.includes(key)) continue;
|
|
||||||
Langs[key] = window.LANGS[key];
|
|
||||||
}
|
|
||||||
return Langs;
|
|
||||||
}
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue