@itrocks/list 0.1.1 → 0.1.3

package/cjs/feed.d.ts

@@ -0,0 +1,13 @@
+import { Option } from '@itrocks/storage';
+import { Request } from '@itrocks/request-response';
+export declare class Feed {
+    static DEFAULT_LIMIT: number;
+    static DEFAULT_LINE_HEIGHT: number;
+    static DEFAULT_OFFSET: number;
+    limit: number;
+    lineHeight: number;
+    offset: number;
+    template: string;
+    getParams(request: Request): void;
+    readOptions(options: Array<Option>): Option[];
+}

package/cjs/feed.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feed = void 0;
+const storage_1 = require("@itrocks/storage");
+class Feed {
+    static DEFAULT_LIMIT = 50;
+    static DEFAULT_LINE_HEIGHT = 30;
+    static DEFAULT_OFFSET = 0;
+    limit = Feed.DEFAULT_LIMIT;
+    lineHeight = Feed.DEFAULT_LINE_HEIGHT;
+    offset = Feed.DEFAULT_OFFSET;
+    template = __dirname + '/feed.html';
+    getParams(request) {
+        const header = request.headers['xhr-info'];
+        const xhrInfo = header ? JSON.parse(header) : {};
+        this.limit = xhrInfo.targetHeight
+            ? Math.ceil(xhrInfo.targetHeight / this.lineHeight)
+            : (xhrInfo.visibleRows ?? Feed.DEFAULT_LIMIT);
+        this.offset = +request.data.offset;
+    }
+    readOptions(options) {
+        options.push(new storage_1.Limit(this.limit, this.offset));
+        return options;
+    }
+}
+exports.Feed = Feed;
+//# sourceMappingURL=feed.js.map

package/cjs/list.d.ts

@@ -1,7 +1,8 @@
 import { Action } from '@itrocks/action';
 import { Request } from '@itrocks/action-request';
+import { Feed } from './feed';
 export declare class List<T extends object = object> extends Action<T> {
-    lineHeight: number;
+    feed: Feed;
     html(request: Request<T>): Promise<import("@itrocks/core-responses").HtmlResponse>;
     json(request: Request<T>): Promise<import("@itrocks/core-responses").JsonResponse>;
 }

package/cjs/list.js

@@ -42,7 +42,7 @@ const route_1 = require("@itrocks/route");
 const route_2 = require("@itrocks/route");
 const storage_1 = require("@itrocks/storage");
 const storage_2 = require("@itrocks/storage");
-const storage_3 = require("@itrocks/storage");
+const feed_1 = require("./feed");
 let List = (() => {
     let _classDecorators = [(0, action_3.Need)('Store', 'new'), (0, route_1.Route)('/list')];
     let _classDescriptor;
@@ -58,18 +58,14 @@ let List = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        lineHeight = 30;
+        feed = new feed_1.Feed;
         async html(request) {
-            const header = request.request.headers['xhr-info'];
-            const xhrInfo = header ? JSON.parse(header) : {};
-            const limit = xhrInfo.targetHeight
-                ? Math.ceil(xhrInfo.targetHeight / this.lineHeight)
-                : (xhrInfo.visibleRows ?? 50);
-            const offset = request.request.data.offset;
+            const feed = this.feed;
+            feed.getParams(request.request);
             const type = request.type;
-            const objects = await (0, storage_1.dataSource)().readAll(type, [new storage_2.Limit(limit, +offset), storage_3.Sort]);
-            if (offset !== undefined) {
-                return this.htmlTemplateResponse({ objects, type }, request, __dirname + '/feed.html');
+            const objects = await (0, storage_1.dataSource)().readAll(type, feed.readOptions([storage_2.Sort]));
+            if (feed.offset) {
+                return this.htmlTemplateResponse({ objects, type }, request, feed.template);
             }
             const count = await (0, storage_1.dataSource)().count(type);
             const route = (0, route_2.routeOf)(this);

package/list.css

@@ -46,7 +46,7 @@ table.objects > tbody > tr > td > ul {
 table.objects > tbody > tr > td > ul > li {
   display: inline-block;
 }
-table.objects > tbody > tr > td > ul > li:not(:last-child):after {
+table.objects > tbody > tr > td > ul > li:not(:last-child)::after {
   content: ", ";
   margin-right: 0.3em;
 }

package/package.json

@@ -67,5 +67,5 @@
 		"build:front": "tsc -p esm/tsconfig.json && ../prepare-module/prepare-module.js esm"
 	},
 	"types": "./cjs/list.d.ts",
-	"version": "0.1.1"
+	"version": "0.1.3"
 }