@nil-/doc 0.2.14 → 0.2.15

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nil-/doc
 
+## 0.2.15
+
+### Patch Changes
+
+-   44a7113: [doc] added documentation for internal Container
+    [doc] adjusted api for load (now `routes`)
+    [doc] fix for layout group route
+
 ## 0.2.14
 
 ### Patch Changes

package/components/block/controls/Controls.svelte

@@ -1,42 +1,13 @@
-<style>
-    .controls {
-        width: 100%;
-        display: grid;
-        grid-auto-rows: 1fr;
-    }
 
-    .controls > :global(div) {
-        width: 100%;
-        display: grid;
-        padding: 2px 0px;
-        grid-template-columns: 1fr 200px 75px;
-        background-color: hsl(205, 50%, 5%);
-    }
-
-    .controls > :global(div:nth-child(even)) {
-        background-color: hsl(205, 15%, 15%);
-    }
-
-    .controls > :global(div > div) {
-        display: grid;
-        align-items: center;
-    }
-
-    .controls > :global(div > div > *) {
-        width: 100%;
-        height: 100%;
-    }
-</style>
-
-<script>import Header from "./Header.svelte";
-import Component from "./Component.svelte";
+<script>import Component from "./Component.svelte";
+import Header from "./misc/TopHeader.svelte";
+import Styler from "./misc/Styler.svelte";
 export let infos;
 export let values;
 </script>
-<div class="controls">
+<Styler>
     <Header />
     {#each infos as info}
         <Component {info} bind:value={values[info.name]} />
     {/each}
-</div>
-
+</Styler>

package/components/block/controls/Object.svelte

@@ -1,6 +1,7 @@
 
 <script>import Component from "./Component.svelte";
-import { getObjectDefaults } from "./defaulter";
+import Header from "./misc/GroupHeader.svelte";
+import { getObjectDefaults } from "./misc/defaulter";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export let value;
 export let info;
@@ -10,13 +11,7 @@ let ivalue = value ?? getObjectDefaults(info);
 let enabled = value !== undefined;
 $: value = !disabled && enabled ? ivalue : undefined;
 </script>
-<div>
-    <div style:padding-left={`${depth}px`}>
-        > {info.name}
-    </div>
-    <div>-</div>
-    <div><input type="checkbox" bind:checked={enabled} {disabled} /></div>
-</div>
+<Header name={info.name} bind:checked={enabled} {depth} {disabled} />
 {#if enabled && !disabled}
     {#each info.values as info, i (i)}
         <Component

package/components/block/controls/Tuple.svelte

@@ -1,6 +1,7 @@
 
 <script>import Component from "./Component.svelte";
-import { getTupleDefaults } from "./defaulter";
+import Header from "./misc/GroupHeader.svelte";
+import { getTupleDefaults } from "./misc/defaulter";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export let value;
 export let info;
@@ -10,13 +11,7 @@ let ivalue = value ?? getTupleDefaults(info);
 let enabled = value !== undefined;
 $: value = !disabled && enabled ? ivalue : undefined;
 </script>
-<div>
-    <div style:padding-left={`${depth}px`}>
-        > {info.name}
-    </div>
-    <div>-</div>
-    <div><input type="checkbox" bind:checked={enabled} {disabled} /></div>
-</div>
+<Header name={info.name} bind:checked={enabled} {depth} {disabled} />
 {#if enabled && !disabled}
     {#each info.values as info, i (i)}
         <Component

package/components/block/controls/misc/GroupHeader.svelte

@@ -0,0 +1,19 @@
+<style>
+    .value {
+        text-align: center;
+    }
+</style>
+
+<script>export let name;
+export let depth;
+export let checked;
+export let disabled = false;
+</script>
+<div>
+    <div style:padding-left={`${depth}px`}>
+        {`> ${name}`}
+    </div>
+    <div class="value">-</div>
+    <div><input type="checkbox" bind:checked {disabled} /></div>
+</div>
+

package/components/block/controls/misc/GroupHeader.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        name: string;
+        depth: number;
+        checked: boolean;
+        disabled?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type GroupHeaderProps = typeof __propDef.props;
+export type GroupHeaderEvents = typeof __propDef.events;
+export type GroupHeaderSlots = typeof __propDef.slots;
+export default class GroupHeader extends SvelteComponentTyped<GroupHeaderProps, GroupHeaderEvents, GroupHeaderSlots> {
+}
+export {};

package/components/block/controls/misc/Styler.svelte

@@ -0,0 +1,34 @@
+<style>
+    div {
+        width: 100%;
+        display: grid;
+        grid-auto-rows: 30px;
+    }
+
+    div > :global(div) {
+        width: 100%;
+        display: grid;
+        padding: 2px 0px;
+        grid-template-columns: 1fr 200px 75px;
+        background-color: hsl(205, 50%, 5%);
+    }
+
+    div > :global(div:nth-child(even)) {
+        background-color: hsl(205, 15%, 15%);
+    }
+
+    div > :global(div > div) {
+        display: grid;
+        align-items: center;
+    }
+
+    div > :global(div > div > *) {
+        width: 100%;
+        height: 100%;
+    }
+</style>
+
+<div>
+    <slot />
+</div>
+

package/components/block/controls/misc/Styler.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  StylerProps */
+/** @typedef {typeof __propDef.events}  StylerEvents */
+/** @typedef {typeof __propDef.slots}  StylerSlots */
+export default class Styler extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type StylerProps = typeof __propDef.props;
+export type StylerEvents = typeof __propDef.events;
+export type StylerSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/components/block/controls/misc/TopHeader.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  TopHeaderProps */
+/** @typedef {typeof __propDef.events}  TopHeaderEvents */
+/** @typedef {typeof __propDef.slots}  TopHeaderSlots */
+export default class TopHeader extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TopHeaderProps = typeof __propDef.props;
+export type TopHeaderEvents = typeof __propDef.events;
+export type TopHeaderSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/block/controls/{defaulter.d.ts → misc/defaulter.d.ts}

@@ -1,4 +1,4 @@
-import type { Control, ControlTuple, ControlObject } from "./types";
+import type { Control, ControlTuple, ControlObject } from "../types";
 export declare function getObjectDefaults(info: ControlObject): Record<string, any>;
 export declare function getTupleDefaults(i: ControlTuple): any[];
 export declare function getDefault(i: Control): any;

package/components/routes.d.ts

@@ -0,0 +1,6 @@
+type Routes = {
+    data: string[];
+    process: (r: string | null) => string | null;
+};
+export declare function routes(files_from_import_meta: Record<string, unknown>): Routes;
+export {};

package/components/{load.js → routes.js}

@@ -17,10 +17,13 @@ const route_rest_match = /.*\[.*\].*/;
 function isRouteDynamic(p) {
     return route_rest_match.exec(p) == null;
 }
-export function load(files_from_import_meta) {
-    return Object.keys(files_from_import_meta)
-        .map(toRoute)
-        .map(collapseLayout)
-        .filter(isNotRoot)
-        .filter(isRouteDynamic);
+export function routes(files_from_import_meta) {
+    return {
+        data: Object.keys(files_from_import_meta)
+            .map(toRoute)
+            .map(collapseLayout)
+            .filter(isNotRoot)
+            .filter(isRouteDynamic),
+        process: (r) => (r ? collapseLayout(r) : null)
+    };
 }

package/index.d.ts

@@ -1,4 +1,4 @@
-export { load } from "./components/load";
+export { routes } from "./components/routes";
 export { renamer, sorter } from "./components/navigation/utils";
 export type { Control } from "./components/block/controls/types";
 export { default as Layout } from "./components/Layout.svelte";

package/index.js

@@ -1,4 +1,4 @@
-export { load } from "./components/load";
+export { routes } from "./components/routes";
 export { renamer, sorter } from "./components/navigation/utils";
 export { default as Layout } from "./components/Layout.svelte";
 export { default as Block } from "./components/block/Block.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/doc",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "author": {
     "email": "njaldea@gmail.com",
     "name": "Neil Aldea"

package/components/block/controls/Header.svelte.d.ts

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  HeaderProps */
-/** @typedef {typeof __propDef.events}  HeaderEvents */
-/** @typedef {typeof __propDef.slots}  HeaderSlots */
-export default class Header extends SvelteComponentTyped<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type HeaderProps = typeof __propDef.props;
-export type HeaderEvents = typeof __propDef.events;
-export type HeaderSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/load.d.ts

@@ -1 +0,0 @@
-export declare function load(files_from_import_meta: Record<string, unknown>): string[];