sofie-cli 0.4.0

The `sofie` command: gen, check and the tools reading the app model.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<script>
  import { untrack } from "svelte";

  import { S } from "../core/index.js";

  let { runtime } = $props();

  // The runtime is made once per page; only what it shows changes.
  const shown = untrack(() => runtime);
  let state = $state.raw(shown.state);
  shown.onChange = (next) => {
    state = next;
  };

  const Screen = $derived(shown.screens[state.envelope.screen]);
  const view = $derived({
    ...state.envelope.view,
    instants: S.instantFields(state.envelope.data, state.envelope.instants),
    language: state.envelope.language,
    submitted: state.submitted,
    runtime: shown,
  });
  // Effects run once the screen is in the document.
  $effect(() => {
    shown.rendered(state.envelope);
  });
</script>

<div id="sofie-notice" role="status" aria-live="polite">{#each state.notice as message}<p>{message}</p>{/each}</div>
{#if state.envelope.navigation.length > 0}<nav class="sofie-nav"><ul>{#each state.envelope.navigation as entry}<li><a href={entry.path} aria-current={entry.current ? "page" : undefined}>{entry.label}</a></li>{/each}</ul></nav>{/if}
<Screen data={state.envelope.data} {view} />