dsh-tool-vision 0.3.6 → 0.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client.js +29 -7
- package/package.json +1 -1
package/client.js
CHANGED
|
@@ -116,10 +116,7 @@ window.__ModuleLoader__.load({
|
|
|
116
116
|
function VisionSection(props) {
|
|
117
117
|
var t = props.t;
|
|
118
118
|
var scope = props.scope;
|
|
119
|
-
var snapshot = react.
|
|
120
|
-
function (cb) { return scope.subscribe(cb); },
|
|
121
|
-
function () { return scope.getSnapshot(); }
|
|
122
|
-
);
|
|
119
|
+
var [snapshot, setSnapshot] = react.useState(function () { return scope.getSnapshot(); });
|
|
123
120
|
var ready = snapshot.status === "ready" && snapshot.value !== void 0;
|
|
124
121
|
var [draft, setDraft] = react.useState({});
|
|
125
122
|
var [busy, setBusy] = react.useState(false);
|
|
@@ -128,13 +125,19 @@ window.__ModuleLoader__.load({
|
|
|
128
125
|
|
|
129
126
|
react.useEffect(function () {
|
|
130
127
|
scope.load();
|
|
131
|
-
|
|
128
|
+
var alive = true;
|
|
129
|
+
var sync = function () { if (alive) setSnapshot(scope.getSnapshot()); };
|
|
130
|
+
var un = typeof scope.subscribe === "function" ? scope.subscribe(sync) : null;
|
|
131
|
+
return function () { alive = false; if (un) un(); if (scope.dispose) scope.dispose(); };
|
|
132
132
|
}, [scope]);
|
|
133
|
-
//
|
|
133
|
+
// Seed the draft ONLY when the snapshot becomes ready — never on value
|
|
134
|
+
// churn. settingsScope.getSnapshot() returns a fresh object per call,
|
|
135
|
+
// so depending on snapshot.value would reset user input on every render
|
|
136
|
+
// (typing appears dead).
|
|
134
137
|
react.useEffect(function () {
|
|
135
138
|
if (ready) setDraft(function (prev) { return Object.assign({}, prev, valueToDraft(snapshot.value)); });
|
|
136
139
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
137
|
-
}, [ready
|
|
140
|
+
}, [ready]);
|
|
138
141
|
|
|
139
142
|
if (snapshot.status === "unavailable") {
|
|
140
143
|
return h("p", { className: "__tv_unavailable" }, t("unavailable"));
|
|
@@ -184,15 +187,34 @@ window.__ModuleLoader__.load({
|
|
|
184
187
|
});
|
|
185
188
|
Promise.all(writes).then(function () {
|
|
186
189
|
setBusy(false); setNotice(t("saved"));
|
|
190
|
+
if (scope.load) scope.load();
|
|
187
191
|
}).catch(function (e) {
|
|
188
192
|
setBusy(false); setError(t("error") + ": " + String(e && e.message || e));
|
|
189
193
|
});
|
|
190
194
|
}
|
|
191
195
|
|
|
196
|
+
function reseedDraft() {
|
|
197
|
+
if (typeof scope.load === "function") {
|
|
198
|
+
var p = scope.load();
|
|
199
|
+
if (p && typeof p.then === "function") {
|
|
200
|
+
p.then(function () {
|
|
201
|
+
var fresh = scope.getSnapshot();
|
|
202
|
+
if (fresh.status === "ready" && fresh.value !== void 0) setDraft(Object.assign({}, valueToDraft(fresh.value)));
|
|
203
|
+
}).catch(function () {});
|
|
204
|
+
return;
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
setTimeout(function () {
|
|
208
|
+
var fresh = scope.getSnapshot();
|
|
209
|
+
if (fresh.status === "ready" && fresh.value !== void 0) setDraft(Object.assign({}, valueToDraft(fresh.value)));
|
|
210
|
+
}, 120);
|
|
211
|
+
}
|
|
212
|
+
|
|
192
213
|
function onReset() {
|
|
193
214
|
setBusy(true); setNotice(null); setError(null);
|
|
194
215
|
Promise.all(FIELDS.map(function (f) { return scope.unset(f.key); })).then(function () {
|
|
195
216
|
setBusy(false); setNotice(t("saved"));
|
|
217
|
+
reseedDraft();
|
|
196
218
|
}).catch(function (e) {
|
|
197
219
|
setBusy(false); setError(t("error") + ": " + String(e && e.message || e));
|
|
198
220
|
});
|
package/package.json
CHANGED