初始化提交
This commit is contained in:
王立帮
243
common/main.js
Normal file
243
common/main.js
Normal file
@@ -0,0 +1,243 @@
|
||||
(() => {
|
||||
const scriptUrl = new URL(document.currentScript.src);
|
||||
const { href } = scriptUrl;
|
||||
const commonDirPath = href.substring(0, href.lastIndexOf('/'));
|
||||
window.COMMON_DIR_PATH = commonDirPath;
|
||||
window.VIEW = scriptUrl.searchParams.get('view') || 'board';
|
||||
let config = {};
|
||||
try {
|
||||
config = JSON.parse(localStorage.getItem('mixly2.0') ?? '{}');
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
const html = document.getElementsByTagName('html')[0];
|
||||
let { theme = 'light' } = config?.user ?? {};
|
||||
if (theme === 'auto') {
|
||||
const themeMedia = window.matchMedia('(prefers-color-scheme: light)');
|
||||
theme = themeMedia.matches ? 'light' : 'dark';
|
||||
}
|
||||
html.setAttribute('data-bs-theme', theme);
|
||||
})();
|
||||
|
||||
LazyLoad.js([
|
||||
COMMON_DIR_PATH + '/blockly-core/base.js',
|
||||
COMMON_DIR_PATH + '/modules/web-modules/jquery/jquery-3.7.1.min.js'
|
||||
], function() {
|
||||
|
||||
/**
|
||||
* debounce
|
||||
* @param {integer} milliseconds This param indicates the number of milliseconds
|
||||
* to wait after the last call before calling the original function.
|
||||
* @param {object} What "this" refers to in the returned function.
|
||||
* @return {function} This returns a function that when called will wait the
|
||||
* indicated number of milliseconds after the last call before
|
||||
* calling the original function.
|
||||
*/
|
||||
Function.prototype.debounce = function (milliseconds, context) {
|
||||
var baseFunction = this,
|
||||
timer = null,
|
||||
wait = milliseconds;
|
||||
|
||||
return function () {
|
||||
var self = context || this,
|
||||
args = arguments;
|
||||
|
||||
function complete() {
|
||||
baseFunction.apply(self, args);
|
||||
timer = null;
|
||||
}
|
||||
|
||||
if (timer) {
|
||||
clearTimeout(timer);
|
||||
}
|
||||
|
||||
timer = setTimeout(complete, wait);
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* throttle
|
||||
* @param {integer} milliseconds This param indicates the number of milliseconds
|
||||
* to wait between calls before calling the original function.
|
||||
* @param {object} What "this" refers to in the returned function.
|
||||
* @return {function} This returns a function that when called will wait the
|
||||
* indicated number of milliseconds between calls before
|
||||
* calling the original function.
|
||||
*/
|
||||
Function.prototype.throttle = function (milliseconds, context) {
|
||||
var baseFunction = this,
|
||||
lastEventTimestamp = null,
|
||||
limit = milliseconds,
|
||||
debounceFunc = baseFunction.debounce(milliseconds, context);
|
||||
|
||||
return function () {
|
||||
var self = context || this,
|
||||
args = arguments,
|
||||
now = Date.now();
|
||||
|
||||
if (!lastEventTimestamp || now - lastEventTimestamp >= limit) {
|
||||
lastEventTimestamp = now;
|
||||
baseFunction.apply(self, args);
|
||||
}
|
||||
|
||||
debounceFunc.apply(self, args);
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* 当前视图
|
||||
* @type {string} 主页面 home | 板卡页面 board
|
||||
*/
|
||||
goog.VIEW = VIEW;
|
||||
|
||||
/**
|
||||
* 当前环境
|
||||
* @type {string} electron | web
|
||||
*/
|
||||
goog.NOW_ENV = window?.process?.versions?.electron ? 'electron' : 'web';
|
||||
|
||||
/**
|
||||
* 检测当前环境
|
||||
* @type {boolean} true - mixly Client; false - mixly Web
|
||||
*/
|
||||
goog.isElectron = goog.NOW_ENV === 'electron' ? true : false;
|
||||
|
||||
/**
|
||||
* @function 根据当前环境执行对应函数
|
||||
* @param type {string} 目标环境，electron | web | common
|
||||
* @param func {function} 需要在目标环境下执行的函数
|
||||
* @return {void}
|
||||
*/
|
||||
goog.loadJs = (type, func) => {
|
||||
if (type !== goog.NOW_ENV && type !== 'common') {
|
||||
return;
|
||||
}
|
||||
func();
|
||||
}
|
||||
|
||||
/**
|
||||
* mixly文件夹相对于base.js的路径
|
||||
* @type {string}
|
||||
*/
|
||||
goog.MIXLY_DIR_PATH = ['../', '../modules/mixly-modules'];
|
||||
if (goog.VIEW === 'home') {
|
||||
goog.MIXLY_DIR_PATH.push('../../mixly-sw/mixly-modules');
|
||||
}
|
||||
|
||||
/**
|
||||
* 所有模块的信息所构成的列表，其中模块路径为其相对于blockly-core目录的相对路径
|
||||
* @type {array}
|
||||
*/
|
||||
goog.DEPENDENCIES = [];
|
||||
|
||||
/**
|
||||
* 缓存已请求成功的文本数据，防止重复请求
|
||||
* @type {object}
|
||||
*/
|
||||
goog.files = {};
|
||||
|
||||
goog.platform = () => {
|
||||
const userAgent = navigator.userAgent;
|
||||
if (userAgent.indexOf('Mobile') !== -1) return 'mobile';
|
||||
if (userAgent.indexOf('Windows NT') !== -1) return 'win32';
|
||||
if (userAgent.indexOf('Mac') !== -1) return 'darwin';
|
||||
if (userAgent.indexOf('X11') !== -1) return 'linux';
|
||||
if (userAgent.indexOf('Linux') !== -1) return 'linux';
|
||||
return 'other';
|
||||
}
|
||||
|
||||
/**
|
||||
* @function 根据传入的相对路径获取文件数据
|
||||
* @param inPath {string} 文件所在的相对路径
|
||||
* @return {string | null} 请求成功返回请求文本，请求失败或请求超时时返回null
|
||||
**/
|
||||
goog.get = (inPath) => {
|
||||
let str;
|
||||
if (goog.files[inPath]) {
|
||||
return goog.files[inPath];
|
||||
}
|
||||
if (typeof nw === 'object') {
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
if (inPath.indexOf(window.location.origin) !== -1) {
|
||||
inPath = inPath.replace(window.location.origin, nw.__dirname);
|
||||
} else {
|
||||
let dirPath;
|
||||
if (fs.existsSync(nw.__filename) && fs.statSync(nw.__filename).isFile()) {
|
||||
dirPath = path.resolve(nw.__filename, '../');
|
||||
} else {
|
||||
dirPath = nw.__filename;
|
||||
}
|
||||
inPath = path.resolve(dirPath, './' + inPath);
|
||||
}
|
||||
str = fs.readFileSync(inPath, 'utf-8');
|
||||
} else {
|
||||
$.ajaxSettings.async = false;
|
||||
$.get(inPath, (data) => {
|
||||
str = data;
|
||||
}, 'text').fail(() => {
|
||||
console.log(inPath, '获取失败');
|
||||
});
|
||||
$.ajaxSettings.async = true;
|
||||
}
|
||||
goog.files[inPath] = str;
|
||||
return str;
|
||||
}
|
||||
|
||||
/**
|
||||
* @function 获取对应路径下JSON数据
|
||||
* @param inPath {string} JSON文件的相对路径
|
||||
* @param defaultConfig {object} 默认的JSON配置信息
|
||||
* @return {object | null} 当对应路径下文件不存在时将返回null
|
||||
**/
|
||||
goog.getJSON = (inPath, defaultValue = {}) => {
|
||||
let jsonStr = goog.get(inPath) ?? '';
|
||||
try {
|
||||
// 去除JSON字符串中的注释
|
||||
jsonStr = jsonStr.replace(/\\"|"(?:\\"|[^"])*"|(\/\/.*|\/\*[\s\S]*?\*\/)/g, (m, g) => g ? '' : m);
|
||||
return { ...defaultValue, ...JSON.parse(jsonStr) };
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
return defaultValue;
|
||||
}
|
||||
|
||||
/**
|
||||
* @function 添加依赖项
|
||||
* @param dependencies {list} 依赖列表
|
||||
* @return {void}
|
||||
**/
|
||||
goog.addDependencies = (dependencies) => {
|
||||
if (typeof dependencies !== 'object') return;
|
||||
for (let i = 0; i < dependencies.length; i++) {
|
||||
const googPath = dependencies[i].path ?? null;
|
||||
const googProvide = dependencies[i].provide ?? [];
|
||||
const googRequire = dependencies[i].require ?? [];
|
||||
if (!googPath || !googProvide || !googRequire) {
|
||||
continue;
|
||||
}
|
||||
goog.addDependency(googPath, googProvide, googRequire);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @function 将已有依赖加入到goog模块的依赖列表中，用于后续模块的加载
|
||||
* @return {void}
|
||||
**/
|
||||
goog.initDependencies = () => {
|
||||
for (let path of goog.MIXLY_DIR_PATH) {
|
||||
const depsJson = goog.getJSON(goog.normalizePath_(goog.basePath + path + '/deps.json'), {});
|
||||
if (depsJson && typeof depsJson === 'object') {
|
||||
for (let i in depsJson) {
|
||||
depsJson[i].path = path + depsJson[i].path;
|
||||
goog.DEPENDENCIES.push(depsJson[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
goog.addDependencies(goog.DEPENDENCIES);
|
||||
}
|
||||
|
||||
goog.initDependencies();
|
||||
goog.require('Mixly.Loader');
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user