24kycj
877fd278c2
统一门户 JSON 契约：新增 GET /templates/{id}，模板/云文件/保存/打开走虚拟 key；
layer 保存弹层替代 prompt，本地 .soon 已登录后台 POST 登记；修复保存静默失败与 design2 全宽布局。
Co-authored-by: Cursor <cursoragent@cursor.com>
539 lines
18 KiB
JavaScript
539 lines
18 KiB
JavaScript
(function () {
|
|
'use strict';
|
|
|
|
var FILE_PREFIX = 'soondesign_file:';
|
|
var TEMPLATE_PREFIX = 'soondesign_template:';
|
|
|
|
function soonParseTemplateKey(key) {
|
|
if (!key || typeof key !== 'string') return null;
|
|
var m = key.match(/^soondesign_template:(\d+)$/);
|
|
if (!m) return null;
|
|
return { id: parseInt(m[1], 10) };
|
|
}
|
|
|
|
function soonMakeTemplateKey(id) {
|
|
return TEMPLATE_PREFIX + id;
|
|
}
|
|
|
|
function soonIsWebPortal() {
|
|
if (typeof window === 'undefined') return false;
|
|
if (window.SOON_DEPLOY_CONFIG) return true;
|
|
return !!(window.platformBridge && window.fs == null);
|
|
}
|
|
|
|
function soonGetAccessToken() {
|
|
if (typeof window.soonGetAccessToken === 'function') {
|
|
return window.soonGetAccessToken();
|
|
}
|
|
try { return localStorage.getItem('soon_access') || ''; } catch (e) { return ''; }
|
|
}
|
|
|
|
function soonParseFileKey(key) {
|
|
if (!key || typeof key !== 'string') return null;
|
|
var m = key.match(/^soondesign_file:(\d+)(?::v(\d+))?$/);
|
|
if (!m) return null;
|
|
return { id: parseInt(m[1], 10), version: m[2] ? parseInt(m[2], 10) : null };
|
|
}
|
|
|
|
function soonMakeFileKey(id, version) {
|
|
return FILE_PREFIX + id + ':v' + version;
|
|
}
|
|
|
|
function soonNormalizeSoonName(pathOrName) {
|
|
var n = String(pathOrName || 'design.soon');
|
|
if (n.indexOf(FILE_PREFIX) === 0) {
|
|
var meta = window._soonFileMeta;
|
|
return (meta && meta.name) ? meta.name : 'design.soon';
|
|
}
|
|
if (n.indexOf(TEMPLATE_PREFIX) === 0) {
|
|
var tpl = soonParseTemplateKey(n);
|
|
return tpl ? ('template-' + tpl.id + '.soon') : 'template.soon';
|
|
}
|
|
if (n.indexOf('soondesign_session:') === 0) {
|
|
n = n.replace(/^soondesign_session:/, '');
|
|
}
|
|
n = n.split(/[/\\]/).pop();
|
|
if (!/\.soon$/i.test(n)) n = (n.replace(/\.soon$/i, '') || 'design') + '.soon';
|
|
return n;
|
|
}
|
|
|
|
function soonApplyCloudMeta(data) {
|
|
if (!data || !data.id) return null;
|
|
window._soonFileMeta = { id: data.id, version: data.version, name: data.name };
|
|
return soonMakeFileKey(data.id, data.version);
|
|
}
|
|
|
|
function soonSyncOpenNavigation(fileKey, type) {
|
|
if (typeof sessionStorage === 'undefined') {
|
|
if (!fileKey || fileKey.indexOf(FILE_PREFIX) !== 0) window._soonFileMeta = null;
|
|
return;
|
|
}
|
|
try {
|
|
if (fileKey) {
|
|
sessionStorage.setItem('soondesign_open_file', fileKey);
|
|
sessionStorage.setItem('soondesign_open_type', String(type || 1));
|
|
if (fileKey.indexOf(FILE_PREFIX) === 0 && window._soonFileMeta) {
|
|
sessionStorage.setItem('soondesign_open_meta', JSON.stringify(window._soonFileMeta));
|
|
} else {
|
|
sessionStorage.removeItem('soondesign_open_meta');
|
|
if (fileKey.indexOf(FILE_PREFIX) !== 0) window._soonFileMeta = null;
|
|
}
|
|
} else {
|
|
sessionStorage.removeItem('soondesign_open_file');
|
|
sessionStorage.removeItem('soondesign_open_type');
|
|
sessionStorage.removeItem('soondesign_open_meta');
|
|
window._soonFileMeta = null;
|
|
}
|
|
} catch (e) { /* ignore quota */ }
|
|
}
|
|
|
|
function soonResolveOpenFileKey(getParams) {
|
|
var params = typeof getParams === 'function' ? getParams() : null;
|
|
if (!params || typeof params.has !== 'function') return '';
|
|
var file = params.has('file') ? (params.get('file') || '') : null;
|
|
if (file === null && typeof sessionStorage !== 'undefined') {
|
|
try {
|
|
file = sessionStorage.getItem('soondesign_open_file') || '';
|
|
if (file) {
|
|
sessionStorage.removeItem('soondesign_open_file');
|
|
sessionStorage.removeItem('soondesign_open_type');
|
|
}
|
|
} catch (e) {
|
|
file = '';
|
|
}
|
|
}
|
|
return file || '';
|
|
}
|
|
|
|
function soonConsumeOpenMeta(fileKey) {
|
|
if (!fileKey || fileKey.indexOf(FILE_PREFIX) !== 0) {
|
|
window._soonFileMeta = null;
|
|
return;
|
|
}
|
|
if (typeof sessionStorage === 'undefined') return;
|
|
try {
|
|
var metaRaw = sessionStorage.getItem('soondesign_open_meta');
|
|
if (metaRaw) {
|
|
window._soonFileMeta = JSON.parse(metaRaw);
|
|
sessionStorage.removeItem('soondesign_open_meta');
|
|
}
|
|
} catch (e) { /* ignore */ }
|
|
}
|
|
|
|
function soonBindFileMeta(fileKey, opts) {
|
|
if (!fileKey || fileKey.indexOf(FILE_PREFIX) !== 0) {
|
|
window._soonFileMeta = null;
|
|
return;
|
|
}
|
|
var parsed = soonParseFileKey(fileKey);
|
|
if (!parsed) return;
|
|
var prev = window._soonFileMeta || {};
|
|
window._soonFileMeta = {
|
|
id: parsed.id,
|
|
version: parsed.version != null ? parsed.version : prev.version,
|
|
name: (opts && opts.name) || (prev.id === parsed.id ? prev.name : '') || ''
|
|
};
|
|
}
|
|
|
|
function soonFormatOpenTitle(name) {
|
|
if (!name) return '';
|
|
if (typeof window.soonDisplayFileName === 'function') return window.soonDisplayFileName(name);
|
|
return String(name).split(/[/\\]/).pop();
|
|
}
|
|
|
|
var _membership = {
|
|
loaded: false,
|
|
isMember: false,
|
|
name: '普通用户',
|
|
tier: 'free',
|
|
loading: null,
|
|
};
|
|
|
|
function soonApiBase() {
|
|
var cfg = (typeof window !== 'undefined' && window.SOON_DEPLOY_CONFIG && window.SOON_DEPLOY_CONFIG.api_v1_base);
|
|
if (cfg) return String(cfg).replace(/\/+$/, '');
|
|
if (typeof window !== 'undefined' && window.location) {
|
|
return window.location.origin + '/api/v1';
|
|
}
|
|
return '/api/v1';
|
|
}
|
|
|
|
function soonApplyMembership(data) {
|
|
var m = data || {};
|
|
var sub = m.subscription || {};
|
|
var isMember = m.is_member === true
|
|
|| m.tier === 'member'
|
|
|| m.tier === 'pro'
|
|
|| (sub.status && sub.status !== 'free' && sub.status !== 'expired');
|
|
_membership = {
|
|
loaded: true,
|
|
isMember: !!isMember,
|
|
name: isMember ? (m.name || '会员') : '普通用户',
|
|
tier: m.tier || (isMember ? 'member' : 'free'),
|
|
loading: null,
|
|
};
|
|
if (typeof window.soonRefreshPortalIdentity === 'function') {
|
|
window.soonRefreshPortalIdentity();
|
|
}
|
|
return _membership;
|
|
}
|
|
|
|
function soonRefreshPortalIdentity() {
|
|
var el = document.getElementById('auth_identity');
|
|
if (!el) return;
|
|
if (!soonGetAccessToken()) {
|
|
el.style.display = 'none';
|
|
el.textContent = '';
|
|
return;
|
|
}
|
|
if (!_membership.loaded) {
|
|
soonLoadMembership(false).then(function () {
|
|
soonRefreshPortalIdentity();
|
|
});
|
|
return;
|
|
}
|
|
var text;
|
|
var cls = 'soon-portal-identity';
|
|
if (_membership.isMember) {
|
|
cls += ' soon-portal-identity--member';
|
|
text = _membership.name || '会员';
|
|
} else {
|
|
cls += ' soon-portal-identity--free';
|
|
text = _membership.name || '普通用户';
|
|
}
|
|
el.className = cls;
|
|
el.textContent = text;
|
|
el.style.display = 'inline-flex';
|
|
var account = document.getElementById('auth_account');
|
|
if (account) account.style.display = 'inline-flex';
|
|
}
|
|
|
|
function soonLoadMembership(force) {
|
|
if (_membership.loaded && !force) return Promise.resolve(_membership);
|
|
if (_membership.loading && !force) return _membership.loading;
|
|
if (!soonGetAccessToken()) {
|
|
soonApplyMembership(null);
|
|
return Promise.resolve(_membership);
|
|
}
|
|
var url = soonApiBase() + '/auth/me';
|
|
var fetchFn = typeof window.soonAuthedFetch === 'function'
|
|
? window.soonAuthedFetch(url, { headers: { Accept: 'application/json' } })
|
|
: fetch(url, { headers: { Authorization: 'Bearer ' + soonGetAccessToken(), Accept: 'application/json' } });
|
|
_membership.loading = fetchFn
|
|
.then(function (r) {
|
|
if (r.status === 401) {
|
|
soonApplyMembership(null);
|
|
return null;
|
|
}
|
|
return r.json();
|
|
})
|
|
.then(function (j) {
|
|
if (j && j.ok && j.data) {
|
|
soonApplyMembership(j.data);
|
|
} else if (j !== null) {
|
|
soonApplyMembership(null);
|
|
}
|
|
return _membership;
|
|
})
|
|
.catch(function () {
|
|
soonApplyMembership(null);
|
|
return _membership;
|
|
})
|
|
.finally(function () {
|
|
_membership.loading = null;
|
|
});
|
|
return _membership.loading;
|
|
}
|
|
|
|
function soonIsMember() {
|
|
return !!_membership.isMember;
|
|
}
|
|
|
|
function soonGuardPreviewDeliver(actionLabel, onAllowed) {
|
|
if (typeof onAllowed !== 'function') return;
|
|
if (!soonIsWebPortal()) {
|
|
onAllowed();
|
|
return;
|
|
}
|
|
if (!soonGetAccessToken()) {
|
|
if (typeof window.soonShowLoginGate === 'function') {
|
|
window.soonShowLoginGate({
|
|
reason: actionLabel || '导出或打印',
|
|
onSuccess: function () {
|
|
soonGuardPreviewDeliver(actionLabel, onAllowed);
|
|
},
|
|
});
|
|
} else {
|
|
soonRequireLogin(actionLabel);
|
|
}
|
|
return;
|
|
}
|
|
function allowOrActivate() {
|
|
if (soonIsMember()) {
|
|
onAllowed();
|
|
return;
|
|
}
|
|
if (typeof window.soonShowActivateGate === 'function') {
|
|
window.soonShowActivateGate({
|
|
reason: actionLabel || '导出或打印',
|
|
onSuccess: function () {
|
|
onAllowed();
|
|
},
|
|
});
|
|
} else {
|
|
soonToast('请先激活会员后再' + (actionLabel || '操作'), 'warn');
|
|
}
|
|
}
|
|
if (!_membership.loaded) {
|
|
soonLoadMembership(false).then(allowOrActivate);
|
|
return;
|
|
}
|
|
allowOrActivate();
|
|
}
|
|
|
|
function soonGuardCloudSave() {
|
|
return true;
|
|
}
|
|
|
|
function soonSoonTypeFromJson(j) {
|
|
return j && j.soonType ? j.soonType : (j && j.backBlackPic ? 2 : 1);
|
|
}
|
|
|
|
function soonPutSoonSession(j, fileName) {
|
|
if (!j) return '';
|
|
var hint = (fileName || 'design').replace(/\.soon$/i, '');
|
|
var key = 'soondesign_session:' + hint + '-' + Date.now();
|
|
try {
|
|
sessionStorage.setItem(key, JSON.stringify(j));
|
|
try { localStorage.setItem(key, JSON.stringify(j)); } catch (e2) { /* ignore quota */ }
|
|
return key;
|
|
} catch (e) {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
function soonOpenSoonJsonLocally(j, fileName) {
|
|
var key = soonPutSoonSession(j, fileName);
|
|
if (!key) {
|
|
soonToast('无法打开文件（存储空间不足）', 'error');
|
|
return '';
|
|
}
|
|
soonScheduleCloudImport(key, fileName);
|
|
var type = soonSoonTypeFromJson(j);
|
|
if (window.platformBridge && window.platformBridge.openDesignPage) {
|
|
window.platformBridge.openDesignPage(key, type);
|
|
}
|
|
return key;
|
|
}
|
|
|
|
var PENDING_IMPORT_KEY = 'soondesign_pending_import';
|
|
|
|
function soonScheduleCloudImport(sessionKey, fileName) {
|
|
if (!soonGetAccessToken() || !sessionKey) return;
|
|
if (sessionKey.indexOf('soondesign_session:') !== 0) return;
|
|
try {
|
|
sessionStorage.setItem(PENDING_IMPORT_KEY, JSON.stringify({
|
|
sessionKey: sessionKey,
|
|
name: soonNormalizeSoonName(fileName || 'design.soon'),
|
|
at: Date.now()
|
|
}));
|
|
} catch (e) { /* ignore */ }
|
|
}
|
|
|
|
function soonClearPendingImport() {
|
|
try { sessionStorage.removeItem(PENDING_IMPORT_KEY); } catch (e) { /* ignore */ }
|
|
}
|
|
|
|
function soonTryConsumeCloudImport(currentFileKey) {
|
|
if (!currentFileKey || currentFileKey.indexOf('soondesign_session:') !== 0) return;
|
|
if (!soonGetAccessToken()) return;
|
|
if (typeof window.openAs !== 'undefined' && window.openAs && window.openAs.name &&
|
|
window.openAs.name.indexOf(FILE_PREFIX) === 0) {
|
|
soonClearPendingImport();
|
|
return;
|
|
}
|
|
var pendingRaw;
|
|
try {
|
|
pendingRaw = sessionStorage.getItem(PENDING_IMPORT_KEY);
|
|
} catch (e) {
|
|
return;
|
|
}
|
|
if (!pendingRaw) return;
|
|
var pending;
|
|
try {
|
|
pending = JSON.parse(pendingRaw);
|
|
} catch (e) {
|
|
try { sessionStorage.removeItem(PENDING_IMPORT_KEY); } catch (e2) { /* ignore */ }
|
|
return;
|
|
}
|
|
if (!pending || pending.sessionKey !== currentFileKey) return;
|
|
try { sessionStorage.removeItem(PENDING_IMPORT_KEY); } catch (e) { /* ignore */ }
|
|
|
|
var jsonRaw;
|
|
try {
|
|
jsonRaw = sessionStorage.getItem(currentFileKey);
|
|
if (!jsonRaw && typeof localStorage !== 'undefined') jsonRaw = localStorage.getItem(currentFileKey);
|
|
} catch (e) {
|
|
return;
|
|
}
|
|
if (!jsonRaw) return;
|
|
|
|
var bridge = window.platformBridge;
|
|
if (!bridge || typeof bridge.importSoonFile !== 'function') return;
|
|
|
|
bridge.importSoonFile(pending.name || 'design.soon', jsonRaw).then(function (res) {
|
|
if (res && res.fileKey && typeof window.openAs !== 'undefined' && window.openAs) {
|
|
window.openAs.name = res.fileKey;
|
|
}
|
|
}).catch(function (err) {
|
|
if (err && err.status) return;
|
|
soonToast((err && err.message) ? err.message : '云端登记失败，可稍后保存重试', 'warn');
|
|
});
|
|
}
|
|
|
|
function soonReportOpenLoadError(message) {
|
|
soonToast(message || '文件加载失败', 'error');
|
|
}
|
|
|
|
function soonToast(message, type) {
|
|
if (typeof window.soonToast === 'function') window.soonToast(message, type);
|
|
}
|
|
|
|
function soonRequireLogin(actionLabel) {
|
|
if (soonGetAccessToken()) return true;
|
|
var label = actionLabel || '继续';
|
|
soonToast('请先登录后再' + label, 'warn');
|
|
if (typeof window.soonRedirectToLogin === 'function') {
|
|
setTimeout(function () { window.soonRedirectToLogin(); }, 600);
|
|
} else if (typeof window.redirectToLogin === 'function') {
|
|
setTimeout(function () { window.redirectToLogin(); }, 600);
|
|
} else {
|
|
window.location.href = 'login.web.html';
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function soonParseApiError(response, bodyText) {
|
|
var msg = '操作失败，请稍后重试';
|
|
var code = '';
|
|
try {
|
|
var j = bodyText ? JSON.parse(bodyText) : null;
|
|
if (j && j.message) msg = j.message;
|
|
if (j && j.error) code = j.error;
|
|
} catch (e) { /* ignore */ }
|
|
if (response && response.status === 401) {
|
|
return { status: 401, message: '请先登录', code: code || 'unauthorized' };
|
|
}
|
|
if (response && response.status === 409) {
|
|
return { status: 409, message: '文件已被其他端修改，请刷新后重试', code: code || 'conflict' };
|
|
}
|
|
if (response && response.status === 413) {
|
|
if (code === 'file_limit_exceeded') {
|
|
return { status: 413, message: msg || '文件数量已达上限，请清理文件', code: code };
|
|
}
|
|
return { status: 413, message: msg || '存储空间不足，请清理文件', code: code || 'quota_exceeded' };
|
|
}
|
|
if (response && response.status === 404) {
|
|
return { status: 404, message: '文件不存在', code: code || 'not_found' };
|
|
}
|
|
return { status: response ? response.status : 0, message: msg, code: code };
|
|
}
|
|
|
|
function soonShowApiError(info) {
|
|
if (!info) return;
|
|
var kind = 'error';
|
|
if (info.status === 401) kind = 'warn';
|
|
else if (info.status === 409) kind = 'warn';
|
|
else if (info.status === 413) kind = 'warn';
|
|
soonToast(info.message, kind);
|
|
if (info.status === 401) {
|
|
soonRequireLogin('操作');
|
|
}
|
|
}
|
|
|
|
function soonDisplayFileName(pathOrKey) {
|
|
if (!pathOrKey) return '';
|
|
if (pathOrKey.indexOf(TEMPLATE_PREFIX) === 0) {
|
|
var tplMeta = window._soonTemplateMeta;
|
|
var tplParsed = soonParseTemplateKey(pathOrKey);
|
|
if (tplMeta && tplParsed && tplMeta.id === tplParsed.id && tplMeta.name) {
|
|
return tplMeta.name;
|
|
}
|
|
return tplParsed ? ('模板 #' + tplParsed.id) : pathOrKey;
|
|
}
|
|
if (pathOrKey.indexOf(FILE_PREFIX) === 0) {
|
|
var meta = window._soonFileMeta;
|
|
if (meta && meta.name) return meta.name;
|
|
var parsed = soonParseFileKey(pathOrKey);
|
|
return parsed ? ('文件 #' + parsed.id) : pathOrKey;
|
|
}
|
|
if (pathOrKey.indexOf('soondesign_session:') === 0) {
|
|
return pathOrKey.replace(/^soondesign_session:/, '');
|
|
}
|
|
return String(pathOrKey).split(/[/\\]/).pop();
|
|
}
|
|
|
|
function soonHandlePayReturn() {
|
|
var paid = null;
|
|
var flag = false;
|
|
try {
|
|
paid = new URLSearchParams(location.search).get('paid');
|
|
} catch (e) { /* ignore */ }
|
|
try {
|
|
flag = !!sessionStorage.getItem('soon_pay_return');
|
|
} catch (e) { /* ignore */ }
|
|
if (!paid && !flag) return;
|
|
try {
|
|
sessionStorage.removeItem('soon_pay_return');
|
|
} catch (e) { /* ignore */ }
|
|
if (paid) {
|
|
try {
|
|
var u = new URL(location.href);
|
|
u.searchParams.delete('paid');
|
|
history.replaceState(null, '', u.pathname + (u.search || '') + (u.hash || ''));
|
|
} catch (e) { /* ignore */ }
|
|
}
|
|
soonLoadMembership(true).then(function () {
|
|
soonRefreshPortalIdentity();
|
|
soonToast('支付成功，会员已激活', 'success');
|
|
});
|
|
}
|
|
|
|
window.soonIsWebPortal = soonIsWebPortal;
|
|
window.soonParseFileKey = soonParseFileKey;
|
|
window.soonMakeFileKey = soonMakeFileKey;
|
|
window.soonNormalizeSoonName = soonNormalizeSoonName;
|
|
window.soonApplyCloudMeta = soonApplyCloudMeta;
|
|
window.soonBindFileMeta = soonBindFileMeta;
|
|
window.soonSyncOpenNavigation = soonSyncOpenNavigation;
|
|
window.soonResolveOpenFileKey = soonResolveOpenFileKey;
|
|
window.soonConsumeOpenMeta = soonConsumeOpenMeta;
|
|
window.soonFormatOpenTitle = soonFormatOpenTitle;
|
|
window.soonGuardCloudSave = soonGuardCloudSave;
|
|
window.soonGuardPreviewDeliver = soonGuardPreviewDeliver;
|
|
window.soonHandlePayReturn = soonHandlePayReturn;
|
|
window.soonOpenSoonJsonLocally = soonOpenSoonJsonLocally;
|
|
window.soonPutSoonSession = soonPutSoonSession;
|
|
window.soonScheduleCloudImport = soonScheduleCloudImport;
|
|
window.soonTryConsumeCloudImport = soonTryConsumeCloudImport;
|
|
window.soonClearPendingImport = soonClearPendingImport;
|
|
window.soonReportOpenLoadError = soonReportOpenLoadError;
|
|
window.soonParseTemplateKey = soonParseTemplateKey;
|
|
window.soonMakeTemplateKey = soonMakeTemplateKey;
|
|
window.soonSoonTypeFromJson = soonSoonTypeFromJson;
|
|
window.soonLoadMembership = soonLoadMembership;
|
|
window.soonApplyMembership = soonApplyMembership;
|
|
window.soonRefreshPortalIdentity = soonRefreshPortalIdentity;
|
|
window.soonIsMember = soonIsMember;
|
|
window.soonRequireLogin = soonRequireLogin;
|
|
window.soonParseApiError = soonParseApiError;
|
|
window.soonShowApiError = soonShowApiError;
|
|
window.soonDisplayFileName = soonDisplayFileName;
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', soonHandlePayReturn);
|
|
} else {
|
|
soonHandlePayReturn();
|
|
}
|
|
})();
|