@nil-/xit 0.4.14 → 0.4.16

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.
Files changed (13) hide show
  1. package/assets/bundler.js +8 -1
  2. package/assets/index.js +2 -1
  3. package/assets/svelte/index.js +134 -134
  4. package/assets/svelte/internal/client.js +60 -60
  5. package/assets/svelte/motion.js +136 -168
  6. package/assets/svelte/reactivity.js +481 -0
  7. package/assets/svelte/store.js +2 -1
  8. package/components/loaders/Helpers.d.ts +14 -14
  9. package/components/loaders/Reactive.svelte +14 -14
  10. package/components/loaders/ReadOnly.svelte +15 -15
  11. package/package.json +1 -1
  12. package/test/Main.svelte +23 -14
  13. package/test/Main.svelte.d.ts +6 -2
package/test/Main.svelte CHANGED
@@ -7,7 +7,12 @@
7
7
 
8
8
  import { config } from "$xit/config.js";
9
9
 
10
- let { children }: { children?: Snippet<[string]> } = $props();
10
+ type Props = {
11
+ children?: Snippet<[string]>,
12
+ input: Snippet<[{name: string; url: string;}]>
13
+ };
14
+
15
+ let { children, input }: Props = $props();
11
16
 
12
17
  let selected = $state(-1);
13
18
  </script>
@@ -26,21 +31,25 @@
26
31
  </Scrollable>
27
32
  {/snippet}
28
33
  {#snippet side_b()}
29
- <div class="combo">
30
- <select bind:value={selected}>
31
- {#each tags as id, i}
32
- <option value={i}>{id}</option>
33
- {/each}
34
- </select>
35
- </div>
36
- {#if 0 <= selected && selected < tags.length }
37
- {@render children?.(tags[selected])}
38
- <div style="display: flex; flex-direction: column;">
34
+ <div style="display: flex; flex-direction: column;">
35
+ <div class="combo">
36
+ <select bind:value={selected}>
37
+ {#each tags as id, i}
38
+ <option value={i}>{id}</option>
39
+ {/each}
40
+ </select>
41
+ </div>
42
+ {#if 0 <= selected && selected < tags.length }
43
+ {@render children?.(tags[selected])}
39
44
  {#each inputs as { name, url }}
40
- <a href={url(tags[selected])} target="_blank">{name}</a>
45
+ {#if input != null}
46
+ {@render input({ name, url: url(tags[selected]) })}
47
+ {:else}
48
+ <a href={url(tags[selected])} target="_blank">{name}</a>
49
+ {/if}
41
50
  {/each}
42
- </div>
43
- {/if}
51
+ {/if}
52
+ </div>
44
53
  {/snippet}
45
54
  </Split>
46
55
  </Scrollable>
package/test/Main.svelte.d.ts CHANGED
@@ -1,7 +1,11 @@
1
1
  import type { Snippet } from "svelte";
2
- type $$ComponentProps = {
2
+ type Props = {
3
3
  children?: Snippet<[string]>;
4
+ input: Snippet<[{
5
+ name: string;
6
+ url: string;
7
+ }]>;
4
8
  };
5
- declare const Main: import("svelte").Component<$$ComponentProps, {}, "">;
9
+ declare const Main: import("svelte").Component<Props, {}, "">;
6
10
  type Main = ReturnType<typeof Main>;
7
11
  export default Main;