forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
fix: generated split view
+10
-3
+10
-3
src/facets/misc/split-view/index.inline.js
+10
-3
src/facets/misc/split-view/index.inline.js
···
373
373
374
374
/**
375
375
* @param {string} id
376
+
* @param {string} name
376
377
*/
377
-
function generateSimplifiedHTML(id) {
378
+
function generateSimplifiedHTML(id, name) {
378
379
const scriptClose = "</" + "script>";
379
380
return `\
380
381
<link rel="stylesheet" href="vendor/@awesome.me/webawesome/styles/themes/default.css" />
···
396
397
<script type="module">
397
398
import "@awesome.me/webawesome/dist/components/split-panel/split-panel.js";
398
399
import "~/common/webawesome/detect-dark.js";
400
+
import foundation from "~/common/foundation.js";
401
+
402
+
foundation.setup({ title: ${JSON.stringify(name + " | Diffuse")} });
399
403
400
404
const layout = document.querySelector("#layout");
401
405
···
423
427
localStorage.setItem(POSITIONS_KEY, JSON.stringify(savedPositions));
424
428
});
425
429
});
430
+
431
+
foundation.ready();
426
432
${scriptClose}`;
427
433
}
428
434
429
435
async function saveSimplifiedCopy() {
430
436
const output = await foundation.orchestrator.output();
431
437
const id = crypto.randomUUID();
432
-
const html = generateSimplifiedHTML(id);
438
+
const name = `Split View (${Temporal.Now.instant().toLocaleString()})`;
439
+
const html = generateSimplifiedHTML(id, name);
433
440
const now = new Date().toISOString();
434
441
435
442
await output.facets.save([
···
437
444
{
438
445
$type: "sh.diffuse.output.facet",
439
446
id,
440
-
name: `Split View (${Temporal.Now.instant().toLocaleString()})`,
447
+
name,
441
448
html,
442
449
createdAt: now,
443
450
updatedAt: now,