@blueprint-ts/core 1.0.0 → 1.1.1

package/examples/js/view/pagination/components/errorPagination/GetProductsRequest.ts

@@ -1,54 +1,54 @@
-import {BaseRequest, type Paginatable, JsonResponse } from '@hank-it/ui/service/requests'
-import type {PaginationResponseContract} from '@hank-it/ui/service/pagination'
-
-export interface ProductResource {
-    id: number
-    title: string
-    description: string
-}
-
-export interface ProductPaginationResource {
-    products: ProductResource[]
-    total: number
-    limit: number
-    skip: number
-}
-
-export class GetProductsRequestResponse extends JsonResponse implements PaginationResponseContract {
-    public getData() {
-        return this.data
-    }
-
-    public getTotal(): number {
-        return this.body.total
-    }
-
-    public dataHandler(data) {
-        return data.products
-    }
-}
-
-export class GetProductsRequest extends BaseRequest implements Paginatable {
-    method() {
-        return 'GET'
-    }
-
-    url() {
-        return 'https://dummyjson.com/http/500'
-    }
-
-    public setPaginationParams(page: number, size: number): BaseRequest {
-        return this.withParams({
-            skip: (page - 1) * size,
-            limit: size,
-        })
-    }
-
-    public getCorsWithCredentials(): boolean {
-        return false
-    }
-
-    protected getResponse() {
-        return new GetProductsRequestResponse
-    }
+import {BaseRequest, type Paginatable, JsonResponse } from '@hank-it/ui/service/requests'
+import type {PaginationResponseContract} from '@hank-it/ui/service/pagination'
+
+export interface ProductResource {
+    id: number
+    title: string
+    description: string
+}
+
+export interface ProductPaginationResource {
+    products: ProductResource[]
+    total: number
+    limit: number
+    skip: number
+}
+
+export class GetProductsRequestResponse extends JsonResponse implements PaginationResponseContract {
+    public getData() {
+        return this.data
+    }
+
+    public getTotal(): number {
+        return this.body.total
+    }
+
+    public dataHandler(data) {
+        return data.products
+    }
+}
+
+export class GetProductsRequest extends BaseRequest implements Paginatable {
+    method() {
+        return 'GET'
+    }
+
+    url() {
+        return 'https://dummyjson.com/http/500'
+    }
+
+    public setPaginationParams(page: number, size: number): BaseRequest {
+        return this.withParams({
+            skip: (page - 1) * size,
+            limit: size,
+        })
+    }
+
+    public getCorsWithCredentials(): boolean {
+        return false
+    }
+
+    protected getResponse() {
+        return new GetProductsRequestResponse
+    }
 }

package/examples/js/view/pagination/components/infiniteScrolling/GetProductsRequest.ts

@@ -1,50 +1,50 @@
-import {BaseRequest, type Paginatable, JsonResponse } from '@hank-it/ui/service/requests'
-import type {PaginationResponseContract} from '@hank-it/ui/service/pagination'
-
-export interface ProductResource {
-    id: number
-    title: string
-    description: string
-}
-
-export interface ProductPaginationResource {
-    products: ProductResource[]
-    total: number
-    limit: number
-    skip: number
-}
-
-export class GetProductsRequestResponse extends JsonResponse implements PaginationResponseContract {
-    public getData() {
-        return this.data
-    }
-
-    public getTotal(): number {
-        return this.body.total
-    }
-
-    public dataHandler(data) {
-        return data.products
-    }
-}
-
-export class GetProductsRequest extends BaseRequest implements Paginatable {
-    method() {
-        return 'GET'
-    }
-
-    url() {
-        return 'https://dummyjson.com/products'
-    }
-
-    public setPaginationParams(page: number, size: number): BaseRequest {
-        return this.withParams({
-            skip: (page - 1) * size,
-            limit: size,
-        })
-    }
-
-    protected getResponse() {
-        return new GetProductsRequestResponse
-    }
+import {BaseRequest, type Paginatable, JsonResponse } from '@hank-it/ui/service/requests'
+import type {PaginationResponseContract} from '@hank-it/ui/service/pagination'
+
+export interface ProductResource {
+    id: number
+    title: string
+    description: string
+}
+
+export interface ProductPaginationResource {
+    products: ProductResource[]
+    total: number
+    limit: number
+    skip: number
+}
+
+export class GetProductsRequestResponse extends JsonResponse implements PaginationResponseContract {
+    public getData() {
+        return this.data
+    }
+
+    public getTotal(): number {
+        return this.body.total
+    }
+
+    public dataHandler(data) {
+        return data.products
+    }
+}
+
+export class GetProductsRequest extends BaseRequest implements Paginatable {
+    method() {
+        return 'GET'
+    }
+
+    url() {
+        return 'https://dummyjson.com/products'
+    }
+
+    public setPaginationParams(page: number, size: number): BaseRequest {
+        return this.withParams({
+            skip: (page - 1) * size,
+            limit: size,
+        })
+    }
+
+    protected getResponse() {
+        return new GetProductsRequestResponse
+    }
 }

package/examples/js/view/pagination/components/infiniteScrolling/InfiniteScrolling.vue

@@ -1,57 +1,57 @@
-<template>
-    <div class="container" @scroll="scroll">
-        <div class="item" v-for="row in paginator.getPageData()">
-            {{ row }}
-            <br>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import {GetProductsRequest} from "./GetProductsRequest";
-import {InfiniteScroller, RequestDriver, VuePaginationDriverFactory, Paginator} from '@hank-it/ui/service/pagination'
-import {VueLoaderDriverFactory, BaseRequest, FetchDriver} from '@hank-it/ui/service/requests'
-import {isAtBottom} from '@hank-it/ui/service/helpers'
-import { debounce } from 'lodash'
-
-function scroll(event) {
-    console.log("scroll")
-
-    if (isAtBottom(event.target.scrollHeight, event.target.scrollTop, event.target.clientHeight)) {
-        loadNextDebounced()
-    }
-}
-
-const loadNextDebounced = debounce(event => {
-    paginator.toNextPage()
-}, 100)
-
-/* Booting */
-BaseRequest.setRequestDriver(new FetchDriver)
-BaseRequest.setLoaderStateFactory(new VueLoaderDriverFactory)
-Paginator.setViewDriverFactory(new VuePaginationDriverFactory())
-
-/* component */
-const getProductsRequest = new GetProductsRequest
-
-const paginator = new InfiniteScroller(new RequestDriver(getProductsRequest))
-
-paginator.init(1, 10)
-
-</script>
-
-<style scoped>
-.container {
-    overflow: auto;
-    border-style: solid;
-    border-color: red;
-    height: 400px;
-    display: flex;
-    flex-direction: column;
-}
-
-.item {
-    margin-top: 10px;
-    margin-bottom: 10px;
-}
+<template>
+    <div class="container" @scroll="scroll">
+        <div class="item" v-for="row in paginator.getPageData()">
+            {{ row }}
+            <br>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import {GetProductsRequest} from "./GetProductsRequest";
+import {InfiniteScroller, RequestDriver, VuePaginationDriverFactory, Paginator} from '@hank-it/ui/service/pagination'
+import {VueLoaderDriverFactory, BaseRequest, FetchDriver} from '@hank-it/ui/service/requests'
+import {isAtBottom} from '@hank-it/ui/service/helpers'
+import { debounce } from 'lodash'
+
+function scroll(event) {
+    console.log("scroll")
+
+    if (isAtBottom(event.target.scrollHeight, event.target.scrollTop, event.target.clientHeight)) {
+        loadNextDebounced()
+    }
+}
+
+const loadNextDebounced = debounce(event => {
+    paginator.toNextPage()
+}, 100)
+
+/* Booting */
+BaseRequest.setRequestDriver(new FetchDriver)
+BaseRequest.setLoaderStateFactory(new VueLoaderDriverFactory)
+Paginator.setViewDriverFactory(new VuePaginationDriverFactory())
+
+/* component */
+const getProductsRequest = new GetProductsRequest
+
+const paginator = new InfiniteScroller(new RequestDriver(getProductsRequest))
+
+paginator.init(1, 10)
+
+</script>
+
+<style scoped>
+.container {
+    overflow: auto;
+    border-style: solid;
+    border-color: red;
+    height: 400px;
+    display: flex;
+    flex-direction: column;
+}
+
+.item {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
 </style>

package/examples/js/view/pagination/components/tablePagination/GetProductsRequest.ts

@@ -1,50 +1,50 @@
-import {BaseRequest, type Paginatable, JsonResponse } from '@hank-it/ui/service/requests'
-import type {PaginationResponseContract} from '@hank-it/ui/service/pagination'
-
-export interface ProductResource {
-    id: number
-    title: string
-    description: string
-}
-
-export interface ProductPaginationResource {
-    products: ProductResource[]
-    total: number
-    limit: number
-    skip: number
-}
-
-export class GetProductsRequestResponse extends JsonResponse implements PaginationResponseContract {
-    public getData() {
-        return this.data
-    }
-
-    public getTotal(): number {
-        return this.body.total
-    }
-
-    public dataHandler(data) {
-        return data.products
-    }
-}
-
-export class GetProductsRequest extends BaseRequest implements Paginatable {
-    method() {
-        return 'GET'
-    }
-
-    url() {
-        return 'https://dummyjson.com/products'
-    }
-
-    public setPaginationParams(page: number, size: number): BaseRequest {
-        return this.withParams({
-            skip: (page - 1) * size,
-            limit: size,
-        })
-    }
-
-    protected getResponse() {
-        return new GetProductsRequestResponse
-    }
+import {BaseRequest, type Paginatable, JsonResponse } from '@hank-it/ui/service/requests'
+import type {PaginationResponseContract} from '@hank-it/ui/service/pagination'
+
+export interface ProductResource {
+    id: number
+    title: string
+    description: string
+}
+
+export interface ProductPaginationResource {
+    products: ProductResource[]
+    total: number
+    limit: number
+    skip: number
+}
+
+export class GetProductsRequestResponse extends JsonResponse implements PaginationResponseContract {
+    public getData() {
+        return this.data
+    }
+
+    public getTotal(): number {
+        return this.body.total
+    }
+
+    public dataHandler(data) {
+        return data.products
+    }
+}
+
+export class GetProductsRequest extends BaseRequest implements Paginatable {
+    method() {
+        return 'GET'
+    }
+
+    url() {
+        return 'https://dummyjson.com/products'
+    }
+
+    public setPaginationParams(page: number, size: number): BaseRequest {
+        return this.withParams({
+            skip: (page - 1) * size,
+            limit: size,
+        })
+    }
+
+    protected getResponse() {
+        return new GetProductsRequestResponse
+    }
 }

package/examples/js/view/pagination/components/tablePagination/TablePagination.vue

@@ -1,63 +1,63 @@
-<template>
-    <table>
-        <tr>
-            <th>ID</th>
-            <th>Title</th>
-            <th>Description</th>
-        </tr>
-        <tr v-for="row in paginator.getPageData()">
-            <td>{{ row.id }}</td>
-            <td>{{ row.title }}</td>
-            <td>{{ row.description }}</td>
-        </tr>
-    </table>
-
-    Current page: {{ paginator.getCurrentPage() }}
-    <br>
-    Pages: {{ paginator.getPages() }}
-    <br>
-    Page Size: <input v-model="pageSize" />
-    <br>
-    Back Page <button @click="paginator.toPreviousPage()">Back</button>
-    <br>
-    Next Page <button @click="paginator.toNextPage()">Next</button>
-    <br>
-    Showing {{ paginator.getFromItemNumber() }} to {{ paginator.getToItemNumber() }} of {{ paginator.getTotal() }} items.
-
-    {{ displayablePages }}
-</template>
-
-<script setup lang="ts">
-import {GetProductsRequest} from "./GetProductsRequest";
-import {Paginator, RequestDriver, VuePaginationDriverFactory} from '@hank-it/ui/service/pagination'
-import {VueLoaderDriverFactory, BaseRequest, FetchDriver} from '@hank-it/ui/service/requests'
-import {computed} from 'vue'
-import {getDisplayablePages} from '@hank-it/ui/service/helpers'
-
-/* Booting */
-BaseRequest.setRequestDriver(new FetchDriver)
-BaseRequest.setLoaderStateFactory(new VueLoaderDriverFactory)
-Paginator.setViewDriverFactory(new VuePaginationDriverFactory())
-
-/* component */
-const getProductsRequest = new GetProductsRequest
-
-const paginator = new Paginator(new RequestDriver(getProductsRequest))
-
-paginator.init(1, 10)
-
-const pageSize = computed({
-    set(value) {
-        paginator.setPageSize(value)
-    },
-    get() {
-        return paginator.getPageSize()
-    }
-})
-
-const displayablePages = computed(() => {
-    console.log(paginator.getPages())
-
-    return getDisplayablePages(paginator.getPages().length, paginator.getCurrentPage())
-})
+<template>
+    <table>
+        <tr>
+            <th>ID</th>
+            <th>Title</th>
+            <th>Description</th>
+        </tr>
+        <tr v-for="row in paginator.getPageData()">
+            <td>{{ row.id }}</td>
+            <td>{{ row.title }}</td>
+            <td>{{ row.description }}</td>
+        </tr>
+    </table>
+
+    Current page: {{ paginator.getCurrentPage() }}
+    <br>
+    Pages: {{ paginator.getPages() }}
+    <br>
+    Page Size: <input v-model="pageSize" />
+    <br>
+    Back Page <button @click="paginator.toPreviousPage()">Back</button>
+    <br>
+    Next Page <button @click="paginator.toNextPage()">Next</button>
+    <br>
+    Showing {{ paginator.getFromItemNumber() }} to {{ paginator.getToItemNumber() }} of {{ paginator.getTotal() }} items.
+
+    {{ displayablePages }}
+</template>
+
+<script setup lang="ts">
+import {GetProductsRequest} from "./GetProductsRequest";
+import {Paginator, RequestDriver, VuePaginationDriverFactory} from '@hank-it/ui/service/pagination'
+import {VueLoaderDriverFactory, BaseRequest, FetchDriver} from '@hank-it/ui/service/requests'
+import {computed} from 'vue'
+import {getDisplayablePages} from '@hank-it/ui/service/helpers'
+
+/* Booting */
+BaseRequest.setRequestDriver(new FetchDriver)
+BaseRequest.setLoaderStateFactory(new VueLoaderDriverFactory)
+Paginator.setViewDriverFactory(new VuePaginationDriverFactory())
+
+/* component */
+const getProductsRequest = new GetProductsRequest
+
+const paginator = new Paginator(new RequestDriver(getProductsRequest))
+
+paginator.init(1, 10)
+
+const pageSize = computed({
+    set(value) {
+        paginator.setPageSize(value)
+    },
+    get() {
+        return paginator.getPageSize()
+    }
+})
+
+const displayablePages = computed(() => {
+    console.log(paginator.getPages())
+
+    return getDisplayablePages(paginator.getPages().length, paginator.getCurrentPage())
+})
 </script>

package/examples/js/view/requests/Requests.vue

@@ -1,34 +1,34 @@
-<template>
-    <DemoPage :components="components" />
-</template>
-
-<script setup lang="ts">
-import GetRequestWithDynamicParams from './components/getRequestWithDynamicParams/GetRequestWithDynamicParams.vue'
-import AbortableRequest from './components/abortableRequest/AbortableRequest.vue'
-import ServerErrorRequest from './components/serverErrorRequest/ServerErrorRequest.vue'
-import FileDownloadRequest from './components/fileDownloadRequest/FileDownloadRequest.vue'
-import DemoPage from '../layout/DemoPage.vue'
-
-const components = {
-    'get-request-with-dynamic-params': {
-        name: 'Get request with dynamic params',
-        component: GetRequestWithDynamicParams,
-        route: { name: 'requests', params: { component: 'get-request-with-dynamic-params' } },
-    },
-    'abortable-request': {
-        name: 'Abortable request',
-        component: AbortableRequest,
-        route: { name: 'requests', params: { component: 'abortable-request' } },
-    },
-    'server-error-request': {
-        name: 'Server error request',
-        component: ServerErrorRequest,
-        route: { name: 'requests', params: { component: 'server-error-request' } },
-    },
-    'file-download-request': {
-        name: 'File download request',
-        component: FileDownloadRequest,
-        route: { name: 'requests', params: { component: 'file-download-request' } },
-    },
-}
+<template>
+    <DemoPage :components="components" />
+</template>
+
+<script setup lang="ts">
+import GetRequestWithDynamicParams from './components/getRequestWithDynamicParams/GetRequestWithDynamicParams.vue'
+import AbortableRequest from './components/abortableRequest/AbortableRequest.vue'
+import ServerErrorRequest from './components/serverErrorRequest/ServerErrorRequest.vue'
+import FileDownloadRequest from './components/fileDownloadRequest/FileDownloadRequest.vue'
+import DemoPage from '../layout/DemoPage.vue'
+
+const components = {
+    'get-request-with-dynamic-params': {
+        name: 'Get request with dynamic params',
+        component: GetRequestWithDynamicParams,
+        route: { name: 'requests', params: { component: 'get-request-with-dynamic-params' } },
+    },
+    'abortable-request': {
+        name: 'Abortable request',
+        component: AbortableRequest,
+        route: { name: 'requests', params: { component: 'abortable-request' } },
+    },
+    'server-error-request': {
+        name: 'Server error request',
+        component: ServerErrorRequest,
+        route: { name: 'requests', params: { component: 'server-error-request' } },
+    },
+    'file-download-request': {
+        name: 'File download request',
+        component: FileDownloadRequest,
+        route: { name: 'requests', params: { component: 'file-download-request' } },
+    },
+}
 </script>