@nil-/doc 0.2.39 → 0.2.41

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @nil-/doc
 
+## 0.2.41
+
+### Patch Changes
+
+-   [doc][docu] added page for fuzzy matching ([#65](https://github.com/njaldea/mono/pull/65))
+
+## 0.2.40
+
+### Patch Changes
+
+-   [doc][new] added scale flag prop for Instance/Template componen ([#63](https://github.com/njaldea/mono/pull/63))
+
+-   [doc][patch] fixed jsdoc link for public components ([#63](https://github.com/njaldea/mono/pull/63))
+
+-   [doc][docu] moved Sorting and Renaming section to their own pages ([#63](https://github.com/njaldea/mono/pull/63))
+
+-   [doc][new] added placeholder to search bar ([#63](https://github.com/njaldea/mono/pull/63))
+
+-   [doc][docu] added admonitions plugin ([#63](https://github.com/njaldea/mono/pull/63))
+
 ## 0.2.39
 
 ### Patch Changes

package/components/Layout.svelte

@@ -5,7 +5,6 @@
         display: grid;
         grid-template-columns: 1fr;
         grid-template-rows: minmax(40px, auto) 1fr;
-        gap: 1px;
         width: 100%;
         height: 100%;
         box-sizing: border-box;
@@ -18,6 +17,8 @@
         align-items: center;
         padding-left: 10px;
         padding-right: 10px;
+        border-bottom-width: 1px;
+        border-bottom-style: solid;
         box-sizing: border-box;
         user-select: none;
     }
@@ -60,23 +61,23 @@
     .layout {
         color-scheme: light;
         color: hsl(0, 0%, 0%);
-        background-color: hsl(0, 2%, 70%);
+        background-color: hsl(0, 0%, 100%);
         transition: color 350ms, background-color 350ms;
     }
 
     .layout.dark {
         color-scheme: dark;
         color: hsl(0, 0%, 80%);
-        background-color: hsl(0, 2%, 40%);
+        background-color: hsl(200, 4%, 14%);
     }
 
-    .layout > div {
-        background-color: hsl(0, 0%, 100%);
-        transition: background-color 350ms;
+    .layout > .top {
+        transition: border-bottom-colo 350ms;
+        border-bottom-color: hsl(0, 2%, 70%);
     }
 
-    .layout.dark > div {
-        background-color: hsl(200, 4%, 14%);
+    .layout.dark > .top {
+        border-bottom-color: hsl(0, 2%, 40%);
     }
 </style>
 

package/components/block/Controls.svelte

@@ -14,5 +14,5 @@ $:
 </script>
 <!--
     @component
-    See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/3-Controls) for more details.
+    See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/2-Controls) for more details.
 -->

package/components/block/Controls.svelte.d.ts

@@ -14,7 +14,7 @@ declare const __propDef: {
 export type ControlsProps = typeof __propDef.props;
 export type ControlsEvents = typeof __propDef.events;
 export type ControlsSlots = typeof __propDef.slots;
-/** See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/3-Controls) for more details. */
+/** See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/2-Controls) for more details. */
 export default class Controls extends SvelteComponentTyped<ControlsProps, ControlsEvents, ControlsSlots> {
 }
 export {};

package/components/block/Instance.svelte

@@ -7,6 +7,14 @@
         overflow: hidden;
     }
 
+    .instance.scale {
+        transition: transform 350ms;
+    }
+
+    .instance.scale:hover {
+        transform: scale(1.015);
+    }
+
     .cside {
         display: grid;
         grid-template-columns: 1fr 550px;
@@ -75,6 +83,7 @@ $:
   expanded = $controls.length > 0 && !$controlsState.hide;
 export let defaults = void 0;
 export let noreset = false;
+export let scale = false;
 let key = false;
 beforeUpdate(() => key = !key);
 const resolveArgs = resolve;
@@ -87,6 +96,7 @@ $:
 </script>
 <div
     class="instance"
+    class:scale
     class:cside={expanded && "right" === $controlsState.position}
     use:cquery={{
         class: "cside",

package/components/block/Instance.svelte.d.ts

@@ -3,6 +3,7 @@ declare class __sveltets_Render<Args> {
     props(): {
         defaults?: Args | undefined;
         noreset?: boolean | undefined;
+        scale?: boolean | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

package/components/block/Params.svelte

@@ -17,5 +17,5 @@ $:
 </script>
 <!--
     @component
-    See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/2-Template/1-Params) for more details.
+    See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/1-Content/2-Template/1-Params) for more details.
 -->

package/components/block/Params.svelte.d.ts

@@ -13,7 +13,7 @@ declare const __propDef: {
 export type ParamsProps = typeof __propDef.props;
 export type ParamsEvents = typeof __propDef.events;
 export type ParamsSlots = typeof __propDef.slots;
-/** See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/2-Template/1-Params) for more details. */
+/** See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/1-Content/2-Template/1-Params) for more details. */
 export default class Params extends SvelteComponentTyped<ParamsProps, ParamsEvents, ParamsSlots> {
 }
 export {};

package/components/block/Template.svelte

@@ -9,6 +9,7 @@ const orientation = getOrientation();
 export let defaults = void 0;
 export let noreset = false;
 export let columns = false;
+export let scale = false;
 $:
   $defaultsStore = defaults ?? {};
 $:
@@ -20,10 +21,16 @@ const cast = (t) => t;
 </script>
 <!--
     @component
-    See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/2-Template) for more details.
+    See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/1-Content/2-Template) for more details.
 -->
 {#each $params as param (param.id)}
-    <Instance defaults={resolveArgs($defaultsStore, param.values)} {noreset} let:key let:props>
+    <Instance
+        defaults={resolveArgs($defaultsStore, param.values)}
+        {noreset}
+        {scale}
+        let:key
+        let:props
+    >
         <slot id={param.id} tag={param.tag} props={cast(props)} {key} />
     </Instance>
 {/each}

package/components/block/Template.svelte.d.ts

@@ -4,6 +4,7 @@ declare class __sveltets_Render<Args> {
         defaults?: Args | undefined;
         noreset?: boolean | undefined;
         columns?: boolean | undefined;
+        scale?: boolean | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
@@ -20,7 +21,7 @@ declare class __sveltets_Render<Args> {
 export type TemplateProps<Args> = ReturnType<__sveltets_Render<Args>['props']>;
 export type TemplateEvents<Args> = ReturnType<__sveltets_Render<Args>['events']>;
 export type TemplateSlots<Args> = ReturnType<__sveltets_Render<Args>['slots']>;
-/** See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/2-Template) for more details. */
+/** See [documentation](https://mono-doc.vercel.app/3-Components/2-Block/1-Content/2-Template) for more details. */
 export default class Template<Args> extends SvelteComponentTyped<TemplateProps<Args>, TemplateEvents<Args>, TemplateSlots<Args>> {
 }
 export {};

package/components/etc/NilIcon.svelte

@@ -22,7 +22,7 @@ const action = (p, options) => {
   };
 };
 const d = "M 0 -15 L 15 -15 L 15 0 L 0 0 -9 0 A 6 8 135 0 1 9 0";
-const length = tweened(0);
+const length = tweened(1);
 let out = false;
 const click = () => {
   if (0 === $length) {

package/components/navigation/Nav.svelte

@@ -97,7 +97,7 @@ $:
 </script>
 <div class="nav">
     <div class="search-bar">
-        <input bind:value={filter} type="text" />
+        <input bind:value={filter} type="text" placeholder="Search for page..." />
     </div>
     <div class="tree">
         <Tree

package/components/navigation/Node.svelte

@@ -16,14 +16,16 @@
         grid-template-columns: 15px 1fr;
         align-items: center;
         cursor: pointer;
+        gap: 5px;
+        box-sizing: border-box;
     }
 
     .header:hover {
-        background-color: rgba(2, 156, 253, 0.07);
+        background-color: hsla(203, 98%, 50%, 0.07);
     }
 
     .header.selected {
-        background-color: rgba(2, 157, 253, 0.822);
+        background-color: hsla(203, 98%, 50%, 0.822);
         color: black;
     }
 
@@ -31,6 +33,7 @@
         justify-content: center;
         height: 15px;
         width: 15px;
+        transition: transform 350ms;
     }
 
     .icon.expanded {

package/components/navigation/utils/fuzz.d.ts

@@ -1 +1,2 @@
+export declare const score: (target: string, query: string) => readonly [number, number[]];
 export declare const fuzz: (target: string, query: string) => boolean;

package/components/navigation/utils/fuzz.js

@@ -107,13 +107,16 @@ const doScoreFuzzy = (query, queryLower, queryLength, target, targetLower, targe
             targetIndex--;
         }
     }
-    return [scores[queryLength * targetLength - 1], positions.reverse()];
+    return [scores[queryLength * targetLength - 1] ?? 0, positions.reverse()];
 };
-export const fuzz = (target, query) => {
+export const score = (target, query) => {
     const targetLength = target.length;
     const queryLength = query.length;
     if (targetLength < queryLength) {
-        return false;
+        return [0, []];
     }
-    return (doScoreFuzzy(query, query.toLowerCase(), queryLength, target, target.toLowerCase(), targetLength)[0] > 0);
+    return doScoreFuzzy(query, query.toLowerCase(), queryLength, target, target.toLowerCase(), targetLength);
+};
+export const fuzz = (target, query) => {
+    return score(target, query)[0] > 0;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nil-/doc",
-  "version": "0.2.39",
+  "version": "0.2.41",
   "author": {
     "email": "njaldea@gmail.com",
     "name": "Neil Aldea"
@@ -12,6 +12,7 @@
     "@sveltejs/package": "^1.0.1",
     "@vitest/coverage-c8": "^0.26.3",
     "mdsvex": "^0.10.6",
+    "remark-admonitions": "^1.2.1",
     "svelte-check": "^2.10.3",
     "tslib": "^2.4.1",
     "typescript": "^4.9.4",