@e280/sly 0.2.1 → 0.2.3

package/README.md

@@ -4,9 +4,8 @@
 # 🦝 sly
 > *mischievous shadow views*
 
-[@e280](https://e280.org/)'s new [lit](https://lit.dev/)-based frontend webdev library. *(sly replaces its predecessor, [slate](https://github.com/benevolent-games/slate))*
+[@e280](https://e280.org/)'s new [lit](https://lit.dev/)-based frontend webdev library.
 
-- **✨[shiny](https://shiny.e280.org/)✨** — our wip component library https://shiny.e280.org/
 - 🍋 [**#views**](#views) — shadow-dom'd, hooks-based, componentizable
 - 🪵 [**#base-element**](#base-element) — for a more classical experience
 - 🪄 [**#dom**](#dom) — the "it's not jquery" multitool
@@ -14,7 +13,8 @@
 - ⏳ [**#loaders**](#loaders) — animated loading spinners for rendering ops
 - 💅 [**#spa**](#spa) — hash routing for your spa-day
 - 🪙 [**#loot**](#loot) — drag-and-drop facilities
-- 🧪 testing page — https://sly.e280.org/
+- 🧪 https://sly.e280.org/ — our testing page
+- **✨[shiny](https://shiny.e280.org/)✨** — our wip component library
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@e280/sly",
-	"version": "0.2.1",
+	"version": "0.2.3",
 	"description": "web shadow views",
 	"license": "MIT",
 	"type": "module",
@@ -23,12 +23,12 @@
 		"lit": "^3.3.1"
 	},
 	"dependencies": {
-		"@e280/strata": "^0.2.3",
-		"@e280/stz": "^0.2.14"
+		"@e280/strata": "^0.2.4",
+		"@e280/stz": "^0.2.15"
 	},
 	"devDependencies": {
 		"@e280/science": "^0.1.4",
-		"@e280/scute": "^0.1.1",
+		"@e280/scute": "^0.1.2",
 		"http-server": "^14.1.1",
 		"npm-run-all": "^4.1.5",
 		"typescript": "^5.9.3"

package/s/base/index.ts

@@ -2,5 +2,6 @@
 export * from "./utils/states.js"
 export * from "./css-reset.js"
 export * from "./element.js"
+export * from "./types.js"
 export * from "./use.js"
 

package/s/base/types.ts

@@ -0,0 +1,5 @@
+
+export type Life<V> = [result: V, dispose: () => void]
+export const asLife = <V>(life: Life<V>) => life
+export const asLifeFn = <V>(fn: () => Life<V>) => fn
+

package/s/base/use.ts

@@ -49,35 +49,47 @@ export class Use {
 		this.attrs = useAttrs(this)
 	}
 
+	/** number of times this view has been rendered */
 	get renderCount() {
 		return this.#runs
 	}
 
+	/** promise that resolves when this view next renders */
 	get rendered() {
 		return this.#rendered.promise
 	}
 
+	/** set the 'name' html attribute on the host element */
 	name(name: string) {
 		this.once(() => this.element.setAttribute("view", name))
 	}
 
+	/** attach stylesheets into the view's shadow dom */
 	styles(...styles: CSSResultGroup[]) {
 		this.once(() => applyStyles(this.shadow, styles))
 	}
 	
-	/** alias for 'styles' */
+	/** attach stylesheets into the view's shadow dom (alias for 'styles') */
 	css(...styles: CSSResultGroup[]) {
 		return this.styles(...styles)
 	}
 
+	/** run a fn at initialization, and return a value */
 	once<V>(fn: () => V) {
 		return this.#values.guarantee(this.#position++, fn) as V
 	}
 
+	/** setup a mount/unmount lifecycle (your mount fn returns an unmount fn) */
 	mount(fn: () => () => void) {
 		return this.once(() => this.#mounts.mount(fn))
 	}
 
+	/** run fn each time mounted, return a value */
+	wake<V>(fn: () => V) {
+		return this.life(() => [fn(), () => {}])
+	}
+
+	/** mount/unmount lifecycle, but also return a value */
 	life<V>(fn: () => [result: V, dispose: () => void]) {
 		let r: V | undefined
 		this.mount(() => {
@@ -88,18 +100,17 @@ export class Use {
 		return r as V
 	}
 
-	wake<V>(fn: () => V) {
-		return this.life(() => [fn(), () => {}])
-	}
-
+	/** attach event listeners on mount (they get cleaned up on unmount) */
 	events(spec: EveSpec) {
 		return this.mount(() => eve(this.element, spec))
 	}
 
+	/** helper for setting up internal states (its a dom api, look up `ElementInternals: states`) */
 	states<S extends string = string>() {
 		return this.once(() => new States<S>(this.element))
 	}
 
+	/** setup typed html attribute access */
 	op = (() => {
 		const that = this
 		function op<V>(f: () => Promise<V>) {
@@ -110,6 +121,7 @@ export class Use {
 		return op
 	})()
 
+	/** use a strata signal */
 	signal = (() => {
 		const that = this
 		function sig<V>(value: V, options?: Partial<SignalOptions>) {
@@ -124,10 +136,12 @@ export class Use {
 		return sig
 	})()
 
+	/** use a derived strata signal */
 	derived<V>(formula: () => V, options?: Partial<SignalOptions>) {
 		return this.once(() => signal.derived<V>(formula, options))
 	}
 
+	/** use a lazy strata signal */
 	lazy<V>(formula: () => V, options?: Partial<SignalOptions>) {
 		return this.once(() => signal.lazy<V>(formula, options))
 	}

package/s/dom/dom.ts

@@ -15,7 +15,7 @@ export function dom<E extends Element>(selector: string, container: Queryable =
 	return queryRequire<E>(selector, container)
 }
 
-dom.in = <E extends HTMLElement>(selectorOrElement: string | E, container: Queryable = document) => {
+dom.in = <E extends Queryable>(selectorOrElement: string | E, container: Queryable = document) => {
 	return new Dom(container).in(selectorOrElement)
 }
 

package/s/dom/parts/dom-scope.ts

@@ -11,7 +11,7 @@ export class Dom<C extends Queryable> {
 
 	constructor(public element: C) {}
 
-	in<E extends HTMLElement>(selectorOrElement: string | E) {
+	in<E extends Queryable>(selectorOrElement: string | E) {
 		return new Dom<E>(
 			(typeof selectorOrElement === "string")
 				? queryRequire(selectorOrElement, this.element) as E

package/s/loot/helpers.ts

@@ -13,19 +13,9 @@ export function files(event: DragEvent) {
 }
 
 export function outsideCurrentTarget(event: DragEvent) {
-	const isCursorOutsideViewport = !event.relatedTarget || (
-		event.clientX === 0 &&
-		event.clientY === 0
-	)
-
-	if (isCursorOutsideViewport)
-		return true
-
-	const rect = (event.currentTarget as any).getBoundingClientRect()
-	const withinX = event.clientX >= rect.left && event.clientX <= rect.right
-	const withinY = event.clientY >= rect.top && event.clientY <= rect.bottom
-	const cursorOutsideCurrentTarget = !(withinX && withinY)
-
-	return cursorOutsideCurrentTarget
+	const currentTarget = event.currentTarget as HTMLElement
+	const relatedTarget = event.relatedTarget as HTMLElement
+	const nulled = !currentTarget || !relatedTarget
+	return nulled || !currentTarget.contains(relatedTarget)
 }
 

package/s/view/types.ts

@@ -24,6 +24,7 @@ export type View<Props extends any[]> = {
 			ComponentClass<B, Props>
 		)
 	}
+	naked: (host: HTMLElement) => NakedView<Props>
 }
 
 export type ViewProps<V extends View<any>> = (
@@ -37,3 +38,8 @@ export type ComponentClass<B extends Constructor<BaseElement>, Props extends any
 	new(): InstanceType<B>
 } & B
 
+export type NakedView<Props extends any[]> = {
+	host: HTMLElement
+	render: (...props: Props) => void
+}
+

package/s/view/utils/make-view.ts

@@ -1,12 +1,14 @@
 
 import {Constructor} from "@e280/stz"
 import {DirectiveResult} from "lit/async-directive.js"
-import {View, ViewFn} from "../types.js"
+
+import {NakedView, View, ViewFn} from "../types.js"
 import {ViewChain} from "./parts/chain.js"
-import {BaseElement} from "../../base/element.js"
 import {ViewContext} from "./parts/context.js"
+import {BaseElement} from "../../base/element.js"
 import {makeComponent} from "./make-component.js"
 import {makeViewDirective} from "./parts/directive.js"
+import {NakedContext, NakedCapsule} from "./parts/naked.js"
 
 export function makeView<Props extends any[]>(
 		viewFn: ViewFn<Props>,
@@ -43,6 +45,14 @@ export function makeView<Props extends any[]>(
 		)
 	})
 
+	v.naked = (host: HTMLElement): NakedView<Props> => {
+		const naked = new NakedCapsule(host, viewFn, settings)
+		return {
+			host,
+			render: (...props: Props) => naked.update(new NakedContext(props)),
+		}
+	}
+
 	return v
 }
 

package/s/view/utils/parts/capsule.ts

@@ -1,7 +1,6 @@
 
 import {debounce} from "@e280/stz"
 import {ViewFn} from "../../types.js"
-import {SlyView} from "./sly-view.js"
 import {dom} from "../../../dom/dom.js"
 import {ViewContext} from "./context.js"
 import {Reactor} from "../../../base/utils/reactor.js"
@@ -11,18 +10,20 @@ import {_disconnect, _reconnect, _wrap, Use} from "../../../base/use.js"
 
 /** controls the rendering of view context into an element. */
 export class ViewCapsule<Props extends any[]> {
-	#element = SlyView.make()
+	#element: HTMLElement
 	#reactor = new Reactor()
 
 	#use: Use
 	#shadow: ShadowRoot
 	#context!: ViewContext<Props>
-	#attrWatcher = new AttrWatcher(this.#element, () => this.#renderDebounced())
+	#attrWatcher: AttrWatcher
 
 	constructor(
+			host: HTMLElement,
 			private viewFn: ViewFn<Props>,
 			private settings: ShadowRootInit,
 		) {
+		this.#element = host
 		this.#shadow = this.#element.attachShadow(this.settings)
 		this.#use = new Use(
 			this.#element,
@@ -30,6 +31,7 @@ export class ViewCapsule<Props extends any[]> {
 			this.#renderNow,
 			this.#renderDebounced,
 		)
+		this.#attrWatcher = new AttrWatcher(this.#element, () => this.#renderDebounced())
 	}
 
 	update(context: ViewContext<Props>) {

package/s/view/utils/parts/directive.ts

@@ -1,5 +1,7 @@
 
 import {AsyncDirective, directive, DirectiveResult} from "lit/async-directive.js"
+
+import {SlyView} from "./sly-view.js"
 import {ViewFn} from "../../types.js"
 import {ViewCapsule} from "./capsule.js"
 import {ViewContext} from "./context.js"
@@ -11,7 +13,8 @@ export function makeViewDirective<Props extends any[]>(
 	) {
 
 	return directive(class ViewDirective extends AsyncDirective {
-		#capsule = new ViewCapsule(viewFn, settings)
+		#host = SlyView.make()
+		#capsule = new ViewCapsule(this.#host, viewFn, settings)
 
 		render(context: ViewContext<Props>) {
 			return this.#capsule.update(context)

package/s/view/utils/parts/naked.ts

@@ -0,0 +1,74 @@
+
+import {debounce} from "@e280/stz"
+import {ViewFn} from "../../types.js"
+import {dom} from "../../../dom/dom.js"
+import {AttrValue} from "../../../dom/types.js"
+import {Reactor} from "../../../base/utils/reactor.js"
+import {attrSet} from "../../../dom/attrs/parts/attr-fns.js"
+import {AttrWatcher} from "../../../base/utils/attr-watcher.js"
+import {_disconnect, _reconnect, _wrap, Use} from "../../../base/use.js"
+
+/** the information we need to render a view. */
+export class NakedContext<Props extends any[]> {
+	attrs = new Map<string, AttrValue>()
+	constructor(public props: Props) {}
+}
+
+/** controls the rendering of view context into an element. */
+export class NakedCapsule<Props extends any[]> {
+	#element: HTMLElement
+	#reactor = new Reactor()
+
+	#use: Use
+	#shadow: ShadowRoot
+	#context!: NakedContext<Props>
+	#attrWatcher: AttrWatcher
+
+	constructor(
+			host: HTMLElement,
+			private viewFn: ViewFn<Props>,
+			private settings: ShadowRootInit,
+		) {
+		this.#element = host
+		this.#shadow = this.#element.attachShadow(this.settings)
+		this.#use = new Use(
+			this.#element,
+			this.#shadow,
+			this.#renderNow,
+			this.#renderDebounced,
+		)
+		this.#attrWatcher = new AttrWatcher(this.#element, () => this.#renderDebounced())
+	}
+
+	update(context: NakedContext<Props>) {
+		this.#context = context
+		this.#renderNow()
+		return this.#element
+	}
+
+	#renderNow = () => {
+		this.#use[_wrap](() => {
+			const content = this.#reactor.effect(
+				() => this.viewFn(this.#use)(...this.#context.props),
+				() => this.#renderDebounced(),
+			)
+			attrSet.entries(this.#element, this.#context.attrs)
+			dom.render(this.#shadow, content)
+			this.#attrWatcher.start()
+		})
+	}
+
+	#renderDebounced = debounce(0, this.#renderNow)
+
+	disconnected() {
+		this.#use[_disconnect]()
+		this.#reactor.clear()
+		this.#attrWatcher.stop()
+	}
+
+	reconnected() {
+		this.#use[_reconnect]()
+		this.#attrWatcher.start()
+	}
+}
+

package/s/view/utils/parts/sly-view.ts

@@ -4,11 +4,16 @@ import {dom} from "../../../dom/dom.js"
 /** <sly-view> element that views are rendered into. */
 export class SlyView extends HTMLElement {
 	static #registered = false
-	static make() {
+
+	static register() {
 		if (!this.#registered) {
 			dom.register({SlyView}, {soft: true, upgrade: true})
 			this.#registered = true
 		}
+	}
+
+	static make() {
+		this.register()
 		return document.createElement("sly-view") as SlyView
 	}
 }

package/x/base/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./utils/states.js";
 export * from "./css-reset.js";
 export * from "./element.js";
+export * from "./types.js";
 export * from "./use.js";

package/x/base/index.js

@@ -1,5 +1,6 @@
 export * from "./utils/states.js";
 export * from "./css-reset.js";
 export * from "./element.js";
+export * from "./types.js";
 export * from "./use.js";
 //# sourceMappingURL=index.js.map

package/x/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/base/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/base/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/x/base/types.d.ts

@@ -0,0 +1,3 @@
+export type Life<V> = [result: V, dispose: () => void];
+export declare const asLife: <V>(life: Life<V>) => Life<V>;
+export declare const asLifeFn: <V>(fn: () => Life<V>) => () => Life<V>;

package/x/base/types.js

@@ -0,0 +1,3 @@
+export const asLife = (life) => life;
+export const asLifeFn = (fn) => fn;
+//# sourceMappingURL=types.js.map

package/x/base/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../s/base/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,IAAa,EAAE,EAAE,CAAC,IAAI,CAAA;AAChD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,EAAiB,EAAE,EAAE,CAAC,EAAE,CAAA"}

package/x/base/use.d.ts

@@ -18,28 +18,42 @@ export declare class Use {
     [_disconnect](): void;
     [_reconnect](): void;
     constructor(element: HTMLElement, shadow: ShadowRoot, renderNow: () => void, render: () => Promise<void>);
+    /** number of times this view has been rendered */
     get renderCount(): number;
+    /** promise that resolves when this view next renders */
     get rendered(): Promise<void>;
+    /** set the 'name' html attribute on the host element */
     name(name: string): void;
+    /** attach stylesheets into the view's shadow dom */
     styles(...styles: CSSResultGroup[]): void;
-    /** alias for 'styles' */
+    /** attach stylesheets into the view's shadow dom (alias for 'styles') */
     css(...styles: CSSResultGroup[]): void;
+    /** run a fn at initialization, and return a value */
     once<V>(fn: () => V): V;
+    /** setup a mount/unmount lifecycle (your mount fn returns an unmount fn) */
     mount(fn: () => () => void): void;
-    life<V>(fn: () => [result: V, dispose: () => void]): V;
+    /** run fn each time mounted, return a value */
     wake<V>(fn: () => V): V;
+    /** mount/unmount lifecycle, but also return a value */
+    life<V>(fn: () => [result: V, dispose: () => void]): V;
+    /** attach event listeners on mount (they get cleaned up on unmount) */
     events(spec: EveSpec): void;
+    /** helper for setting up internal states (its a dom api, look up `ElementInternals: states`) */
     states<S extends string = string>(): States<S>;
+    /** setup typed html attribute access */
     op: {
         <V>(f: () => Promise<V>): Op<V>;
         load: <V>(f: () => Promise<V>) => Op<V>;
         promise<V>(p: Promise<V>): Op<V>;
     };
+    /** use a strata signal */
     signal: {
         <V>(value: V, options?: Partial<SignalOptions>): import("@e280/strata/signals").SignalFn<V>;
         derived<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DerivedFn<V>;
         lazy<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").LazyFn<V>;
     };
+    /** use a derived strata signal */
     derived<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DerivedFn<V>;
+    /** use a lazy strata signal */
     lazy<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").LazyFn<V>;
 }

package/x/base/use.js

@@ -43,28 +43,39 @@ export class Use {
         this.render = render;
         this.attrs = useAttrs(this);
     }
+    /** number of times this view has been rendered */
     get renderCount() {
         return this.#runs;
     }
+    /** promise that resolves when this view next renders */
     get rendered() {
         return this.#rendered.promise;
     }
+    /** set the 'name' html attribute on the host element */
     name(name) {
         this.once(() => this.element.setAttribute("view", name));
     }
+    /** attach stylesheets into the view's shadow dom */
     styles(...styles) {
         this.once(() => applyStyles(this.shadow, styles));
     }
-    /** alias for 'styles' */
+    /** attach stylesheets into the view's shadow dom (alias for 'styles') */
     css(...styles) {
         return this.styles(...styles);
     }
+    /** run a fn at initialization, and return a value */
     once(fn) {
         return this.#values.guarantee(this.#position++, fn);
     }
+    /** setup a mount/unmount lifecycle (your mount fn returns an unmount fn) */
     mount(fn) {
         return this.once(() => this.#mounts.mount(fn));
     }
+    /** run fn each time mounted, return a value */
+    wake(fn) {
+        return this.life(() => [fn(), () => { }]);
+    }
+    /** mount/unmount lifecycle, but also return a value */
     life(fn) {
         let r;
         this.mount(() => {
@@ -74,15 +85,15 @@ export class Use {
         });
         return r;
     }
-    wake(fn) {
-        return this.life(() => [fn(), () => { }]);
-    }
+    /** attach event listeners on mount (they get cleaned up on unmount) */
     events(spec) {
         return this.mount(() => eve(this.element, spec));
     }
+    /** helper for setting up internal states (its a dom api, look up `ElementInternals: states`) */
     states() {
         return this.once(() => new States(this.element));
     }
+    /** setup typed html attribute access */
     op = (() => {
         const that = this;
         function op(f) {
@@ -92,6 +103,7 @@ export class Use {
         op.promise = (p) => this.once(() => Op.promise(p));
         return op;
     })();
+    /** use a strata signal */
     signal = (() => {
         const that = this;
         function sig(value, options) {
@@ -105,9 +117,11 @@ export class Use {
         };
         return sig;
     })();
+    /** use a derived strata signal */
     derived(formula, options) {
         return this.once(() => signal.derived(formula, options));
     }
+    /** use a lazy strata signal */
     lazy(formula, options) {
         return this.once(() => signal.lazy(formula, options));
     }

package/x/base/use.js.map

@@ -1 +1 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/base/use.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/base/use.ts"],"names":[],"mappings":"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"}