@e280/sly 0.2.0-21 → 0.2.0-22

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@e280/sly",
-	"version": "0.2.0-21",
+	"version": "0.2.0-22",
 	"description": "web shadow views",
 	"license": "MIT",
 	"type": "module",
@@ -24,7 +24,7 @@
 	},
 	"dependencies": {
 		"@e280/strata": "^0.2.0-14",
-		"@e280/stz": "^0.2.6"
+		"@e280/stz": "^0.2.7"
 	},
 	"devDependencies": {
 		"@e280/science": "^0.1.2",

package/s/view/index.ts

@@ -1,6 +1,7 @@
 
 export * from "./utils/parts/chain.js"
 export * from "./utils/parts/sly-view.js"
+export * from "./utils/contextualize.js"
 export * from "./types.js"
 export * from "./view.js"
 

package/s/view/types.ts

@@ -1,6 +1,6 @@
 
 import {TemplateResult} from "lit"
-import {Constructor} from "@e280/stz"
+import {Constructor, DropFirst} from "@e280/stz"
 import {DirectiveResult} from "lit/directive.js"
 
 import {Use} from "../base/use.js"

package/s/view/utils/contextualize.ts

@@ -0,0 +1,45 @@
+
+import {DropFirst, ob} from "@e280/stz"
+import {ComponentClass, View, ViewProps} from "../types.js"
+
+export function contextualizeView<C, V extends View<any[]>>(
+		context: C,
+		view: V,
+	): View<DropFirst<ViewProps<V>>> {
+	return view.transmute((...p: any[]) => [context, ...p]) as any
+}
+
+export function contextualizeViews<C, Vs extends Record<string, View<any[]>>>(
+		context: C,
+		views: Vs,
+	): {[K in keyof Vs]: View<DropFirst<ViewProps<Vs[K]>>>} {
+
+	return ob(views)
+		.map(view => contextualizeView(context, view))
+}
+
+export function getViews<
+		Cs extends Record<string, ComponentClass<any, any>>
+	>(components: Cs) {
+
+	return ob(components).map(C => C.view as any) as {
+		[K in keyof Cs]: View<DropFirst<ViewProps<Cs[K]["view"]>>>
+	}
+}
+
+export function contextualizeComponents<
+		C,
+		Cs extends Record<string, ComponentClass<any, any>>
+	>(context: C, originalComponents: Cs) {
+
+	return ob(originalComponents).map((Cons: any) => class extends Cons {
+		context = context
+		static view = contextualizeView(context, super.view) as any
+	}) as any as {
+		[K in keyof Cs]: ComponentClass<
+			Cs[K],
+			DropFirst<ViewProps<Cs[K]["view"]>>
+		>
+	}
+}
+

package/x/index.html

@@ -131,7 +131,7 @@ body {
 	<img class=icon alt="" src="/assets/favicon.png"/>
 	<h1>sly testing page</h1>
 	<p><a href="https://github.com/e280/sly">github.com/e280/sly</a></p>
-	<p class=lil>v0.2.0-21</p>
+	<p class=lil>v0.2.0-22</p>
 
 	<fastcount-element></fastcount-element>
 	<counter-component start=280 step=2>component</counter-component>

package/x/view/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./utils/parts/chain.js";
 export * from "./utils/parts/sly-view.js";
+export * from "./utils/contextualize.js";
 export * from "./types.js";
 export * from "./view.js";

package/x/view/index.js

@@ -1,5 +1,6 @@
 export * from "./utils/parts/chain.js";
 export * from "./utils/parts/sly-view.js";
+export * from "./utils/contextualize.js";
 export * from "./types.js";
 export * from "./view.js";
 //# sourceMappingURL=index.js.map

package/x/view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/view/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/view/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}

package/x/view/utils/contextualize.d.ts

@@ -0,0 +1,8 @@
+import { DropFirst } from "@e280/stz";
+import { ComponentClass, View, ViewProps } from "../types.js";
+export declare function contextualizeView<C, V extends View<any[]>>(context: C, view: V): View<DropFirst<ViewProps<V>>>;
+export declare function contextualizeViews<C, Vs extends Record<string, View<any[]>>>(context: C, views: Vs): {
+    [K in keyof Vs]: View<DropFirst<ViewProps<Vs[K]>>>;
+};
+export declare function getViews<Cs extends Record<string, ComponentClass<any, any>>>(components: Cs): { [K in keyof Cs]: View<DropFirst<ViewProps<Cs[K]["view"]>>>; };
+export declare function contextualizeComponents<C, Cs extends Record<string, ComponentClass<any, any>>>(context: C, originalComponents: Cs): { [K in keyof Cs]: ComponentClass<Cs[K], DropFirst<ViewProps<Cs[K]["view"]>>>; };

package/x/view/utils/contextualize.js

@@ -0,0 +1,18 @@
+import { ob } from "@e280/stz";
+export function contextualizeView(context, view) {
+    return view.transmute((...p) => [context, ...p]);
+}
+export function contextualizeViews(context, views) {
+    return ob(views)
+        .map(view => contextualizeView(context, view));
+}
+export function getViews(components) {
+    return ob(components).map(C => C.view);
+}
+export function contextualizeComponents(context, originalComponents) {
+    return ob(originalComponents).map((Cons) => class extends Cons {
+        context = context;
+        static view = contextualizeView(context, super.view);
+    });
+}
+//# sourceMappingURL=contextualize.js.map

package/x/view/utils/contextualize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextualize.js","sourceRoot":"","sources":["../../../s/view/utils/contextualize.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,EAAE,EAAC,MAAM,WAAW,CAAA;AAGvC,MAAM,UAAU,iBAAiB,CAC/B,OAAU,EACV,IAAO;IAER,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAQ,CAAA;AAC/D,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,OAAU,EACV,KAAS;IAGV,OAAO,EAAE,CAAC,KAAK,CAAC;SACd,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAA;AAChD,CAAC;AAED,MAAM,UAAU,QAAQ,CAErB,UAAc;IAEhB,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAW,CAE3C,CAAA;AACF,CAAC;AAED,MAAM,UAAU,uBAAuB,CAGpC,OAAU,EAAE,kBAAsB;IAEpC,OAAO,EAAE,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,KAAM,SAAQ,IAAI;QAClE,OAAO,GAAG,OAAO,CAAA;QACjB,MAAM,CAAC,IAAI,GAAG,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAQ,CAAA;KAC3D,CAKA,CAAA;AACF,CAAC"}