@sealcode/sealgen 0.14.14 → 0.14.15

package/@types/src/forms/controls/multiple-photos.d.ts

@@ -2,11 +2,11 @@ import { File as SealiousFile, CollectionItem } from "sealious";
 import { FlatTemplatable } from "tempstream";
 import { MultipleFiles, MultipleFilesOptions } from "./multiple-files.js";
 import { MultipleFiles as MultipleFilesField } from "../fields/multiple-files.js";
-import * as KoaResponsiveImageRouter from "koa-responsive-image-router";
+import { KoaResponsiveImageRouter } from "koa-responsive-image-router";
 export declare class MultiplePhotos extends MultipleFiles {
     field: MultipleFilesField;
-    imageRouter: KoaResponsiveImageRouter.default;
-    constructor(field: MultipleFilesField, imageRouter: KoaResponsiveImageRouter.default, options?: Partial<MultipleFilesOptions>);
+    imageRouter: KoaResponsiveImageRouter;
+    constructor(field: MultipleFilesField, imageRouter: KoaResponsiveImageRouter, options?: Partial<MultipleFilesOptions>);
     getClassModifiers(): string[];
     getInputAttributes(): {
         accept: string;

package/@types/src/forms/controls/photo.d.ts

@@ -4,12 +4,12 @@ import { File } from "./file.js";
 import { FormField } from "../fields/field.js";
 import { SimpleInputOptions } from "./simple-input.js";
 import { FormControlContext } from "./form-control.js";
-import * as KoaResponsiveImageRouter from "koa-responsive-image-router";
 import { FileContainer } from "../fields/file.js";
+import { KoaResponsiveImageRouter } from "koa-responsive-image-router";
 export declare class Photo extends File {
     field: FormField<boolean, FileContainer>;
-    imageRouter: KoaResponsiveImageRouter.default;
-    constructor(field: FormField<boolean, FileContainer>, imageRouter: KoaResponsiveImageRouter.default, options?: SimpleInputOptions);
+    imageRouter: KoaResponsiveImageRouter;
+    constructor(field: FormField<boolean, FileContainer>, imageRouter: KoaResponsiveImageRouter, options?: SimpleInputOptions);
     getImgStyle(): Promise<string>;
     renderFilePreview(ctx: Context, file_data: {
         id?: string;

package/dist/forms/controls/multiple-photos.js

@@ -19,10 +19,9 @@ class MultiplePhotos extends MultipleFiles {
     }
     return tempstream`<li>
 			<a href="${file.getURL()}" data-turbo="false">
-				${this.imageRouter.image({
-      path,
+				${this.imageRouter.image(path, {
       resolutions: [150, 300],
-      sizes_attr: "150px"
+      sizesAttr: "150px"
     })}
 			</a>
 			<span class="filename"> ${file.filename || "no filename"}</span>

package/dist/forms/controls/photo.js

@@ -22,11 +22,10 @@ class Photo extends File {
     }
     const file = await SealiousFile.fromID(ctx.$app, id);
     return tempstream`<div class="${class_name}">
-			${this.imageRouter.image({
+			${this.imageRouter.image(file.getDataPath(), {
       resolutions: [100],
-      sizes_attr: "100px",
-      path: file.getDataPath(),
-      img_style: await this.getImgStyle()
+      sizesAttr: "100px",
+      imgStyle: await this.getImgStyle()
     })}
 		</div>`;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sealcode/sealgen",
-	"version": "0.14.14",
+	"version": "0.14.15",
 	"description": "Module to automate adding routes and collections to a sealious application",
 	"main": "dist/index.js",
 	"type": "module",
@@ -70,7 +70,7 @@
 	},
 	"peerDependencies": {
 		"koa": "^2.13.0",
-		"koa-responsive-image-router": "^0.2.6",
+		"koa-responsive-image-router": "^0.2.24",
 		"sealious": "^0.18.1"
 	}
 }

package/src/forms/controls/multiple-photos.ts

@@ -2,12 +2,12 @@ import { File as SealiousFile, CollectionItem } from "sealious";
 import { FlatTemplatable, tempstream } from "tempstream";
 import { MultipleFiles, MultipleFilesOptions } from "./multiple-files.js";
 import { MultipleFiles as MultipleFilesField } from "../fields/multiple-files.js";
-import * as KoaResponsiveImageRouter from "koa-responsive-image-router";
+import { KoaResponsiveImageRouter } from "koa-responsive-image-router";
 
 export class MultiplePhotos extends MultipleFiles {
 	constructor(
 		public field: MultipleFilesField,
-		public imageRouter: KoaResponsiveImageRouter.default,
+		public imageRouter: KoaResponsiveImageRouter,
 		options?: Partial<MultipleFilesOptions>
 	) {
 		super(field, options);
@@ -31,10 +31,9 @@ export class MultiplePhotos extends MultipleFiles {
 		}
 		return tempstream/* HTML */ `<li>
 			<a href="${file.getURL()}" data-turbo="false">
-				${this.imageRouter.image({
-					path,
+				${this.imageRouter.image(path, {
 					resolutions: [150, 300],
-					sizes_attr: "150px",
+					sizesAttr: "150px",
 				})}
 			</a>
 			<span class="filename"> ${file.filename || "no filename"}</span>

package/src/forms/controls/photo.ts

@@ -5,13 +5,13 @@ import { File as SealiousFile } from "sealious";
 import { FormField } from "../fields/field.js";
 import { SimpleInputOptions } from "./simple-input.js";
 import { FormControlContext } from "./form-control.js";
-import * as KoaResponsiveImageRouter from "koa-responsive-image-router";
 import { FileContainer } from "../fields/file.js";
+import { KoaResponsiveImageRouter } from "koa-responsive-image-router";
 
 export class Photo extends File {
 	constructor(
 		public field: FormField<boolean, FileContainer>,
-		public imageRouter: KoaResponsiveImageRouter.default,
+		public imageRouter: KoaResponsiveImageRouter,
 		options?: SimpleInputOptions
 	) {
 		super(field, options);
@@ -36,11 +36,10 @@ export class Photo extends File {
 		}
 		const file = await SealiousFile.fromID(ctx.$app, id);
 		return tempstream/* HTML */ `<div class="${class_name}">
-			${this.imageRouter.image({
+			${this.imageRouter.image(file.getDataPath(), {
 				resolutions: [100],
-				sizes_attr: "100px",
-				path: file.getDataPath(),
-				img_style: await this.getImgStyle(),
+				sizesAttr: "100px",
+				imgStyle: await this.getImgStyle(),
 			})}
 		</div>`;
 	}