ui: frontend api (#470) [skip-cache]
parent
6d69e88739
commit
96fa6cc7b9
@ -1,4 +1,4 @@
|
||||
dist
|
||||
*.d.ts
|
||||
node_modules
|
||||
public
|
||||
public/**/*.js
|
@ -1,82 +1,81 @@
|
||||
(() => {
|
||||
const { AutoloadPage } = window.Hydro;
|
||||
const { $ } = window.node_modules;
|
||||
import { $ } from '@hydrooj/ui-default';
|
||||
|
||||
let loaded = false;
|
||||
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 { AutoloadPage } = window.Hydro;
|
||||
|
||||
const loader = mode => async (element) => {
|
||||
const id = `${mode}-${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 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',
|
||||
});
|
||||
}
|
||||
let loaded = false;
|
||||
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 getEles = types => {
|
||||
const eles = [];
|
||||
for (const type of types) eles.push(...$('div[data-' + type + ']').get());
|
||||
return eles;
|
||||
}
|
||||
const loader = (mode) => async (element) => {
|
||||
const id = `${mode}-${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 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 () => {
|
||||
let 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'));
|
||||
});
|
||||
const getEles = (types) => {
|
||||
const eles = [];
|
||||
for (const type of types) eles.push(...$(`div[data-${type}]`).get());
|
||||
return eles;
|
||||
};
|
||||
|
||||
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';
|
||||
|
||||
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