npm - @longzai-intelligence/pagination - Versions diffs - 0.0.1 → 0.0.2 - Mend

@longzai-intelligence/pagination 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/.turbo/turbo-build.log +3 -3
package/.turbo/turbo-test$colon$coverage.log +6 -6
package/.turbo/turbo-test.log +7 -7
package/CHANGELOG.md +7 -0
package/README.md +5 -1
package/coverage/coverage-final.json +6 -2
package/coverage/index.html +19 -4
package/coverage/src/adapters/index.html +1 -16
package/coverage/src/adapters/typeorm.adapter.ts.html +1 -1
package/coverage/src/index.html +16 -1
package/coverage/src/index.ts.html +38 -11
package/coverage/src/schemas/index.html +161 -0
package/coverage/src/{adapters → schemas}/index.ts.html +61 -10
package/coverage/src/schemas/pagination.schemas.ts.html +343 -0
package/coverage/src/schemas/result.schemas.ts.html +724 -0
package/coverage/src/schemas/sort.schemas.ts.html +544 -0
package/coverage/src/typeorm.ts.html +154 -0
package/coverage/src/types/index.html +1 -1
package/coverage/src/types/index.ts.html +69 -3
package/coverage/src/types/pagination.types.ts.html +15 -138
package/coverage/src/types/result.types.ts.html +11 -299
package/coverage/src/types/sort.types.ts.html +16 -139
package/coverage/src/types/typeorm.d.ts.html +1 -1
package/coverage/src/utils/index.html +1 -1
package/coverage/src/utils/index.ts.html +1 -1
package/coverage/src/utils/pagination.util.ts.html +1 -1
package/coverage/src/utils/validation.util.ts.html +1 -1
package/dist/index-C8FaNzej.d.mts +145 -0
package/dist/index-CMiyhlfm.d.cts +145 -0
package/dist/index.cjs +33 -1
package/dist/index.d.cts +2 -81
package/dist/index.d.mts +2 -81
package/dist/index.mjs +1 -1
package/dist/typeorm.cjs +129 -0
package/dist/typeorm.d.cts +26 -0
package/dist/typeorm.d.mts +26 -0
package/dist/typeorm.mjs +1 -0
package/dist/utils-CV6Ovku6.mjs +1 -0
package/dist/utils-D_qD2YAX.cjs +1 -0
package/docs/specs/spec-20260413-typeorm-subpath-export/checklist.md +33 -0
package/docs/specs/spec-20260413-typeorm-subpath-export/spec.md +104 -0
package/docs/specs/spec-20260413-typeorm-subpath-export/tasks.md +48 -0
package/package.json +15 -3
package/src/__tests__/index.test.ts +9 -3
package/src/__tests__/pagination.util.test.ts +0 -2
package/src/__tests__/result.schemas.test.ts +142 -0
package/src/__tests__/sort.schemas.test.ts +157 -0
package/src/__tests__/typeorm.adapter.test.ts +1 -3
package/src/__tests__/validation.util.test.ts +0 -2
package/src/adapters/{typeorm.adapter.ts → typeorm/adapter.ts} +10 -92
package/src/adapters/typeorm/index.ts +23 -0
package/src/adapters/typeorm/types.ts +95 -0
package/src/index.ts +18 -9
package/src/schemas/index.ts +28 -0
package/src/schemas/pagination.schemas.ts +86 -0
package/src/schemas/result.schemas.ts +213 -0
package/src/schemas/sort.schemas.ts +153 -0
package/src/typeorm.ts +23 -0
package/src/types/index.ts +23 -1
package/src/types/pagination.types.ts +13 -54
package/src/types/result.types.ts +9 -105
package/src/types/sort.types.ts +14 -55
package/tsconfig/.cache/app.tsbuildinfo +1 -1
package/tsconfig/.cache/node.tsbuildinfo +1 -1
package/tsconfig/.cache/test.tsbuildinfo +1 -1
package/tsconfig/app.json +4 -1
package/tsdown.config.ts +10 -3
package/src/adapters/index.ts +0 -11
package/tsconfig/.cache/build.tsbuildinfo +0 -1
/package/src/{types → adapters/typeorm}/typeorm.d.ts +0 -0

package/coverage/src/typeorm.ts.html ADDED Viewed

@@ -0,0 +1,154 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for src/typeorm.ts</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../prettify.css" />
+    <link rel="stylesheet" href="../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../index.html">All files</a> / <a href="index.html">src</a> typeorm.ts</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/0</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/0</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/0</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/0</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
+<a name='L2'></a><a href='#L2'>2</a>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/**
+ * TypeORM 适配器入口
+ *
+ * 提供TypeORM分页查询功能，需要安装typeorm作为peerDependency。
+ *
+ * @example
+ * ```typescript
+ * import { paginateWithRepository } from '@longzai-intelligence/pagination/typeorm';
+ *
+ * const result = await paginateWithRepository(userRepository, {
+ *   page: 1,
+ *   pageSize: 20,
+ * });
+ * ```
+ */
+&nbsp;
+export type { EntityMapper, TypeOrmPaginateOptions } from './adapters/typeorm.adapter';
+&nbsp;
+export {
+  paginateWithRepository,
+  paginateWithQueryBuilder,
+  createPaginationQueryBuilder,
+} from './adapters/typeorm.adapter';
+&nbsp;</pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2026-04-12T21:41:37.775Z
+            </div>
+        <script src="../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../sorter.js"></script>
+        <script src="../block-navigation.js"></script>
+    </body>
+</html>

package/coverage/src/types/index.html CHANGED Viewed

@@ -161,7 +161,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-09T17:27:15.194Z
+                at 2026-04-12T21:41:37.775Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/types/index.ts.html CHANGED Viewed

@@ -79,7 +79,51 @@
 <a name='L14'></a><a href='#L14'>14</a>
 <a name='L15'></a><a href='#L15'>15</a>
 <a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -106,11 +150,33 @@ export type {
   PaginationDefaults,
 } from './pagination.types';
 &nbsp;
-export { PAGINATION_DEFAULTS } from './pagination.types';
+export {
+  PAGINATION_DEFAULTS,
+  PaginationDefaultsSchema,
+  PaginationParamsSchema,
+  OffsetPaginationParamsSchema,
+  CursorPaginationParamsSchema,
+} from './pagination.types';
 &nbsp;
 export type { PaginatedResult, OffsetPaginatedResult, CursorPaginatedResult } from './result.types';
 &nbsp;
+export {
+  createPaginatedResultSchema,
+  createOffsetPaginatedResultSchema,
+  createCursorPaginatedResultSchema,
+} from './result.types';
+&nbsp;
 export type { SortOrder, SortParams, SortItem, MultiSortParams } from './sort.types';
+&nbsp;
+export {
+  SortOrderSchema,
+  SortParamsSchema,
+  SortItemSchema,
+  MultiSortParamsSchema,
+  createSortParamsSchema,
+  createSortItemSchema,
+  createMultiSortParamsSchema,
+} from './sort.types';
 &nbsp;</pre></td></tr></table></pre>
                 <div class='push'></div><!-- for sticky footer -->
@@ -118,7 +184,7 @@ export type { SortOrder, SortParams, SortItem, MultiSortParams } from './sort.ty
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-09T17:27:15.194Z
+                at 2026-04-12T21:41:37.775Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/src/types/pagination.types.ts.html CHANGED Viewed

@@ -91,84 +91,7 @@
 <a name='L26'></a><a href='#L26'>26</a>
 <a name='L27'></a><a href='#L27'>27</a>
 <a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a>
-<a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a>
-<a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a>
-<a name='L64'></a><a href='#L64'>64</a>
-<a name='L65'></a><a href='#L65'>65</a>
-<a name='L66'></a><a href='#L66'>66</a>
-<a name='L67'></a><a href='#L67'>67</a>
-<a name='L68'></a><a href='#L68'>68</a>
-<a name='L69'></a><a href='#L69'>69</a>
-<a name='L70'></a><a href='#L70'>70</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L29'></a><a href='#L29'>29</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -196,68 +119,27 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/**
  * 分页参数类型定义
- */
-&nbsp;
-/**
- * 分页参数（page 风格，推荐使用）
- *
- * 适用于用户界面分页场景
- */
-export type PaginationParams = {
-  /**
-   * 页码（从 1 开始）
-   */
-  page?: number;
-&nbsp;
-  /**
-   * 每页数量
-   */
-  pageSize?: number;
-};
-&nbsp;
-/**
- * 分页参数（offset 风格）
  *
- * 适用于 API 调用、数据库查询等场景
+ * 类型从 zod schemas 推导导出
  */
-export type OffsetPaginationParams = {
-  /**
-   * 限制数量
-   */
-  limit?: number;
 &nbsp;
-  /**
-   * 偏移量
-   */
-  offset?: number;
-};
+export {
+  PaginationDefaultsSchema,
+  PaginationParamsSchema,
+  OffsetPaginationParamsSchema,
+  CursorPaginationParamsSchema,
+  type PaginationDefaults,
+  type PaginationParams,
+  type OffsetPaginationParams,
+  type CursorPaginationParams,
+} from '../schemas/pagination.schemas';
 &nbsp;
 /**
- * 游标分页参数
+ * 默认分页配置值
  *
- * 适用于无限滚动、实时数据流场景
- */
-export type CursorPaginationParams = {
-  /**
-   * 游标
-   */
-  cursor?: string;
-&nbsp;
-  /**
-   * 限制数量
-   */
-  limit?: number;
-};
-&nbsp;
-/**
- * 默认分页配置
+ * 用于运行时验证和默认值设置
  */
 export const PAGINATION_DEFAULTS = {
   page: 1,
@@ -265,11 +147,6 @@ export const PAGINATION_DEFAULTS = {
   maxPageSize: 100,
   minPageSize: 1,
 } as const;
-&nbsp;
-/**
- * 默认分页参数类型
- */
-export type PaginationDefaults = typeof PAGINATION_DEFAULTS;
 &nbsp;</pre></td></tr></table></pre>
                 <div class='push'></div><!-- for sticky footer -->
@@ -277,7 +154,7 @@ export type PaginationDefaults = typeof PAGINATION_DEFAULTS;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-09T17:27:15.194Z
+                at 2026-04-12T21:41:37.775Z
             </div>
         <script src="../../prettify.js"></script>
         <script>