Web 端本地缓存、首页与会员弹窗体验优化

新增 IndexedDB 与最近文件 L1 缓存、云保存/打开链路；首页支持下载与清空本地缓存；修复清空 storage 后语言初始化报错；优化 design2 背景加载与侧栏标签样式；完善会员激活/支付弹层样式；后端补充文件缩略图字段与 thumb 接口。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-11 11:05:44 +08:00
parent 877fd278c2
commit 4ce4486b26
33 changed files with 3190 additions and 1143 deletions
@@ -1181,6 +1181,7 @@ window.openFile = function open(file, jAlready) {
                    recordJson2.push(j2);
                }, 0);
                if (typeof window.soonTryConsumeCloudImport === 'function') window.soonTryConsumeCloudImport(file);
+                if (typeof window.soonRecentUpsertFromOpen === 'function') window.soonRecentUpsertFromOpen(file, j);
            }
        });
    }
@@ -1263,11 +1264,23 @@ function cloudSaveSuccessLabel(res, fallback) {
  return fallback || '';
 }

+function soonPageDesignType() {
+  try {
+    var p = new URLSearchParams(location.search);
+    return Number(p.get('type')) || 1;
+  } catch (e) {
+    return 1;
+  }
+}
+
 function onCloudWriteDone(res, fallback, callback) {
  applyCloudWriteResult(res, fallback);
  if (res && res.fileKey && typeof window.soonClearPendingImport === 'function') {
    window.soonClearPendingImport();
  }
+  if (typeof window.soonRecentOnCloudSave === 'function') {
+    window.soonRecentOnCloudSave(res, fallback, soonPageDesignType());
+  }
  layer.msg(language_str("saveSucc") + cloudSaveSuccessLabel(res, fallback));
  if (callback && typeof callback === 'function') callback();
 }
@@ -1276,15 +1289,6 @@ function guardWebSave() {
  return typeof window.soonGuardCloudSave === 'function' ? window.soonGuardCloudSave() : true;
 }

-function reportSaveError(err) {
-  if (err && err.status) return;
-  if (typeof window.soonShowApiError === 'function') {
-    window.soonShowApiError({ status: err && err.status, message: (err && err.message) || '保存失败' });
-  } else if (typeof window.soonToast === 'function') {
-    window.soonToast('保存失败', 'error');
-  }
-}
-
 function saveAs(op1, callback) {
    // 临时移除辅助线，保存后再恢复
    let guideLines1 = [];
@@ -1319,26 +1323,26 @@ function saveAs(op1, callback) {
    let o = { f: j, b: {}, fo: objs1, bo: objs2 };
    let con_o = Object.assign(o, op1);
    if (!guardWebSave()) return;
+    var prevOpenKey = openAs.name || '';
+    if (typeof window.soonApplySavePreview === 'function') window.soonApplySavePreview(con_o, canvas1);
+    con_o.soonType = 1;
    var dialogApi = (typeof dialog !== 'undefined' && dialog) ? dialog : (window.platformBridge && window.platformBridge.showSaveDialog ? { showSaveDialog: function(opts) { return window.platformBridge.showSaveDialog(opts); } } : null);
    if (!dialogApi) return;
    dialogApi.showSaveDialog({
        title: language_str("saveFile"),
        filters: [{ name: 'Soon File Type', extensions: ['soon'] }],
-        defaultPath: openAs.name || undefined
+        defaultPath: typeof window.soonSaveDialogDefaultPath === 'function' ? window.soonSaveDialogDefaultPath(openAs.name) : openAs.name
    }).then(function(result) {
        if (result.canceled) return;
-        var fp = result.filePath || (result.fileHandle && result.fileHandle.name);
+        var fp = typeof window.soonEnsureSaveFileName === 'function'
+            ? window.soonEnsureSaveFileName(result.filePath || (result.fileHandle && result.fileHandle.name))
+            : (result.filePath || (result.fileHandle && result.fileHandle.name));
        if (!fp) return;
-        var pathExt = (typeof window !== 'undefined' && window.path && window.path.extname) ? window.path.extname(fp) : (fp.indexOf('.') >= 0 ? fp.slice(fp.lastIndexOf('.')) : '');
-        if (pathExt !== '.soon') fp = (fp || 'design').replace(/\.soon$/i, '') + '.soon';
        var content = JSON.stringify(con_o);
-        con_o.soonType = 1;
-        if (window.platformBridge && window.platformBridge.writeFile) {
-            window.platformBridge.writeFile(fp, content).then(function (res) {
-                onCloudWriteDone(res, fp, callback);
-            }).catch(reportSaveError);
-            return;
-        }
+        if (typeof window.soonWriteSoonContentWeb === 'function' &&
+            window.soonWriteSoonContentWeb(fp, content, prevOpenKey, function (res, pk) {
+              onCloudWriteDone(res, pk, callback);
+            })) return;
        var fs = typeof require !== 'undefined' ? require('fs') : null;
        if (fs) {
            fs.writeFileSync(result.filePath || fp, content, 'utf8');
@@ -1347,7 +1351,9 @@ function saveAs(op1, callback) {
            saveHistory();
            if (callback && typeof callback === 'function') callback();
        }
-    }).catch(reportSaveError);
+    }).catch(function (err) {
+        if (typeof window.soonReportSaveError === 'function') window.soonReportSaveError(err);
+    });
 }

 function save(op1, callback) {
@@ -1384,15 +1390,18 @@ function save(op1, callback) {
    let o = { f: j, b: {}, fo: objs1, bo: objs2 };
    let con_o = Object.assign(o, op1);
    if (!guardWebSave()) return;
-    if (openAs.name != "") {
-        con_o.soonType = 1;
-        var content = JSON.stringify(con_o);
-        if (window.platformBridge && window.platformBridge.writeFile) {
-            window.platformBridge.writeFile(openAs.name, content).then(function (res) {
-                onCloudWriteDone(res, openAs.name, callback);
-            }).catch(reportSaveError);
-            return;
-        }
+    var prevOpenKey = openAs.name || '';
+    if (typeof window.soonApplySavePreview === 'function') window.soonApplySavePreview(con_o, canvas1);
+    con_o.soonType = 1;
+    var content = JSON.stringify(con_o);
+    var needsDialog = typeof window.soonNeedsSaveDialog === 'function'
+      ? window.soonNeedsSaveDialog(openAs.name)
+      : !openAs.name;
+    if (openAs.name && !needsDialog) {
+        if (typeof window.soonWriteSoonContentWeb === 'function' &&
+            window.soonWriteSoonContentWeb(openAs.name, content, prevOpenKey, function (res, pk) {
+              onCloudWriteDone(res, pk, callback);
+            })) return;
        var fs = typeof require !== 'undefined' ? require('fs') : null;
        if (fs) {
            fs.writeFileSync(openAs.name, content, 'utf8');
@@ -1407,21 +1416,17 @@ function save(op1, callback) {
    dialogApi.showSaveDialog({
        title: language_str("saveFile"),
        filters: [{ name: 'Soon File Type', extensions: ['soon'] }],
-        defaultPath: openAs.name || undefined
-    }).then(async function(result) {
+        defaultPath: typeof window.soonSaveDialogDefaultPath === 'function' ? window.soonSaveDialogDefaultPath(openAs.name) : openAs.name
+    }).then(function(result) {
        if (result.canceled) return;
-        var fp = result.filePath || (result.fileHandle && result.fileHandle.name);
+        var fp = typeof window.soonEnsureSaveFileName === 'function'
+            ? window.soonEnsureSaveFileName(result.filePath || (result.fileHandle && result.fileHandle.name))
+            : (result.filePath || (result.fileHandle && result.fileHandle.name));
        if (!fp) return;
-        var pathExt = (typeof window !== 'undefined' && window.path && window.path.extname) ? window.path.extname(fp) : (fp.indexOf('.') >= 0 ? fp.slice(fp.lastIndexOf('.')) : '');
-        if (pathExt !== '.soon') fp = (fp || 'design').replace(/\.soon$/i, '') + '.soon';
-        var content = JSON.stringify(con_o);
-        con_o.soonType = 1;
-        if (window.platformBridge && window.platformBridge.writeFile) {
-            window.platformBridge.writeFile(fp, content).then(function (res) {
-                onCloudWriteDone(res, fp, callback);
-            }).catch(reportSaveError);
-            return;
-        }
+        if (typeof window.soonWriteSoonContentWeb === 'function' &&
+            window.soonWriteSoonContentWeb(fp, content, prevOpenKey, function (res, pk) {
+              onCloudWriteDone(res, pk, callback);
+            })) return;
        var fs = typeof require !== 'undefined' ? require('fs') : null;
        if (fs) {
            fs.writeFileSync(result.filePath || fp, content, 'utf8');
@@ -1430,12 +1435,27 @@ function save(op1, callback) {
            saveHistory();
            if (callback && typeof callback === 'function') callback();
        }
-    }).catch(reportSaveError);
+    }).catch(function (err) {
+        if (typeof window.soonReportSaveError === 'function') window.soonReportSaveError(err);
+    });
 }

 window.saveHistory = function saveHistory() {
+    var currentPath = openAs.name;
+    if (!currentPath) return;
+    if (window.platformBridge && window.fs == null) {
+        if (typeof window.soonRecentUpsert === 'function') {
+            window.soonRecentUpsert({
+                key: currentPath,
+                name: typeof window.soonDisplayFileName === 'function' ? window.soonDisplayFileName(currentPath) : currentPath,
+                type: soonPageDesignType(),
+                kind: typeof window.soonRecentKindFromKey === 'function' ? window.soonRecentKindFromKey(currentPath) : 'local',
+                thumbRef: currentPath
+            });
+        }
+        return;
+    }
    function doWrite(j) {
-        var currentPath = openAs.name;
        if (!currentPath) return;
        var pathForHistory = currentPath;
        if (window.platformBridge && currentPath.indexOf('soondesign_session:') !== 0 && currentPath.indexOf('soondesign_file:') !== 0) {