sdk/vue3js-app
1
0
Fork 0
forked from flow/vue3js-app-proposal-for-sdk-claude
Code Pull Requests Activity

Fix hardcoded API paths: inject URLs via url_for() in template, read from window.NEUSICIAN_URLS in api.js

Browse Source
This commit is contained in:
c0dev0id 2026-06-24 18:19:56 +02:00
parent 097d4488ef
commit c4804f0b55
3 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/api.js
View File

@ -1,3 +1,13 @@
const U = window.NEUSICIAN_URLS ?? {
astlog: '/sompyle/astlog',
score: '/sompyle/score.spls',
status: '/sompyle/status.json',
result: '/sompyle/result.mp3',
submit: '/sompyle',
};
export const URLS = U;
function authHeader(credentials) { function authHeader(credentials) {
if (!credentials) return {}; if (!credentials) return {};
const b64 = btoa(`${credentials.username}:${credentials.password}`); const b64 = btoa(`${credentials.username}:${credentials.password}`);
@ -5,7 +15,7 @@ function authHeader(credentials) {
} }
export async function fetchAstLog(credentials) { export async function fetchAstLog(credentials) {
const res = await fetch('/sompyle/astlog', { const res = await fetch(U.astlog, {
headers: authHeader(credentials), headers: authHeader(credentials),
}); });
if (!res.ok) throw new Error(`${res.status} ${res.statusText}`); if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);
@ -13,7 +23,7 @@ export async function fetchAstLog(credentials) {
} }
export async function fetchScoreText(credentials) { export async function fetchScoreText(credentials) {
const res = await fetch('/sompyle/score.spls', { const res = await fetch(U.score, {
headers: authHeader(credentials), headers: authHeader(credentials),
}); });
if (!res.ok) throw new Error(`${res.status} ${res.statusText}`); if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);
@ -21,7 +31,7 @@ export async function fetchScoreText(credentials) {
} }
export async function putScoreText(text, credentials) { export async function putScoreText(text, credentials) {
const res = await fetch('/sompyle/score.spls', { const res = await fetch(U.score, {
method: 'PUT', method: 'PUT',
headers: { headers: {
...authHeader(credentials), ...authHeader(credentials),
@ -34,7 +44,7 @@ export async function putScoreText(text, credentials) {
} }
export async function fetchStatus(credentials) { export async function fetchStatus(credentials) {
const res = await fetch('/sompyle/status.json', { const res = await fetch(U.status, {
headers: authHeader(credentials), headers: authHeader(credentials),
}); });
if (!res.ok) throw new Error(`${res.status} ${res.statusText}`); if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);

4
static/components/PaneCP.js
View File

@ -1,5 +1,5 @@
import { h, ref } from 'vue'; import { h, ref } from 'vue';
import { fetchScoreText, putScoreText } from '../api.js'; import { fetchScoreText, putScoreText, URLS } from '../api.js';
import { patchScore } from '../exporter.js'; import { patchScore } from '../exporter.js';
import { StatusPoller } from './StatusPoller.js'; import { StatusPoller } from './StatusPoller.js';
@ -127,7 +127,7 @@ export const PaneCP = {
store.synthesisStatus?.file_accomplished store.synthesisStatus?.file_accomplished
? h('audio', { ? h('audio', {
controls: true, controls: true,
src: '/sompyle/result.mp3', src: URLS.result,
style: 'display:block;width:100%;margin-top:0.5rem', style: 'display:block;width:100%;margin-top:0.5rem',
}) : null, }) : null,
]); ]);

9
templates/vue3_neusik/index.html
View File

@ -9,6 +9,15 @@
<div id="score-editor-app" <div id="score-editor-app"
data-import-on-load="{{ import_on_load }}"> data-import-on-load="{{ import_on_load }}">
</div> </div>
<script>
window.NEUSICIAN_URLS = {
astlog: "{{ url_for('get_static_astlog') }}",
score: "{{ url_for('plain_text_score') }}",
status: "{{ url_for('statusjson') }}",
result: "{{ url_for('send_audio_generated') }}",
submit: "{{ url_for('public-yaml-acceptor') }}"
};
</script>
<script type="importmap"> <script type="importmap">
{ {
"imports": { "imports": {