forked from flow/vue3js-app-proposal-for-sdk-claude
4c392927cf
- ast-parser: read for_value= prop for sub-variations (was always null,
causing fallback to positional "subvariation N" label)
- StatusPoller: calculate progress from currently_rendered_notes /
notes_in_total; show remaining_time string from status.json
- ShapeEditor/EnvelopeEditor: pass { undo } through onChange so callers
can revert in-place mutations
- PaneFO: makeChangeHandler stashes undo from info arg; discardEdit
calls undo() before clearing pendingEdit; depends_on handler provides
its own undo for the inline node.dependsOn mutation
47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
import { h, onMounted, onUnmounted, ref } from 'vue';
|
|
import { fetchStatus } from '../api.js';
|
|
|
|
export const StatusPoller = {
|
|
props: ['store'],
|
|
setup(props) {
|
|
const timer = ref(null);
|
|
|
|
async function poll() {
|
|
try {
|
|
const status = await fetchStatus(props.store.credentials);
|
|
props.store.synthesisStatus = status;
|
|
if (status.frozen) return;
|
|
} catch (_) {
|
|
// transient — keep polling
|
|
}
|
|
timer.value = setTimeout(poll, 2000);
|
|
}
|
|
|
|
onMounted(() => { poll(); });
|
|
onUnmounted(() => { if (timer.value) clearTimeout(timer.value); });
|
|
|
|
return () => {
|
|
const s = props.store.synthesisStatus;
|
|
if (!s) return h('div', { class: 'se-status' }, 'Polling…');
|
|
|
|
const total = s.notes_in_total ?? 0;
|
|
const done = s.currently_rendered_notes ?? 0;
|
|
const pct = total > 0 ? Math.min(100, Math.round(done / total * 100)) : 0;
|
|
|
|
let label;
|
|
if (s.frozen) {
|
|
label = s.errors ? `Error: ${s.errors}` : 'Done';
|
|
} else {
|
|
label = s.remaining_time ?? `Synthesizing… ${pct}%`;
|
|
}
|
|
|
|
return h('div', { class: 'se-status' }, [
|
|
h('span', null, label),
|
|
h('div', { class: 'se-status-progress' }, [
|
|
h('div', { class: 'se-status-bar', style: { width: `${pct}%` } }),
|
|
]),
|
|
]);
|
|
};
|
|
},
|
|
};
|