feat: add Warehouse page

.eslintignore

@@ -4,3 +4,5 @@ docs/.vitepress/cache
 !.storybook
 **/snippets/**
 packages
+**/node_modules
+storybook-static

docs/.vitepress/config.mts

@@ -262,6 +262,10 @@ export default defineConfig({
           }
         ].sort((a, b) => (a.text < b.text ? -1 : 1))
       },
+      {
+        text: "Plugins",
+        link: "./plugins"
+      },
       {
         text: "More",
         items: [

docs/.vitepress/theme/molecules/banner/LightBanner.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {defineProps, ref} from "vue";
+import {defineProps} from "vue";
 import {withDefaults} from "vue";
 
 interface LightBannerProps {

docs/.vitepress/theme/molecules/card-package/CardPackage.stories.ts

@@ -1,12 +1,7 @@
 import type {Meta, StoryObj} from "@storybook/vue3";
 import {expect, within} from "@storybook/test";
 import CardPackage from "./CardPackage.vue";
-
-function delay() {
-  return new Promise((resolve) => {
-    setTimeout(resolve, 1000);
-  });
-}
+import {formatNumber} from "../../utils/format";
 
 const meta = {
   title: "CardPackage",
@@ -48,8 +43,8 @@ export const Official: Story = {
     await expect(screen.getByText("A TypeScript Framework on top of Express")).toBeInTheDocument();
     await expect(screen.queryByText("PREMIUM")).not.toBeInTheDocument();
 
-    await expect(screen.getByTestId("downloads-stats")).toHaveTextContent("68 k");
-    await expect(screen.getByTestId("stars-stats")).toHaveTextContent("2,8 k stars");
+    await expect(screen.getByTestId("downloads-stats")).toHaveTextContent(formatNumber(68000));
+    await expect(screen.getByTestId("stars-stats")).toHaveTextContent(formatNumber(2800) + " stars");
     await expect(screen.getByTestId("card-avatar")).toHaveAttribute(
       "src",
       "https://www.gravatar.com/avatar/de3f2df14a0230b7cd6372ed50d93573?s=48&d=mp"
@@ -84,8 +79,8 @@ export const Premium: Story = {
     await expect(screen.getByText("A TypeScript Framework on top of Express")).toBeInTheDocument();
     await expect(screen.queryByText("PREMIUM")).toBeInTheDocument();
 
-    await expect(screen.getByTestId("downloads-stats")).toHaveTextContent("68 k");
-    await expect(screen.getByTestId("stars-stats")).toHaveTextContent("2,8 k stars");
+    await expect(screen.getByTestId("downloads-stats")).toHaveTextContent(formatNumber(68000));
+    await expect(screen.getByTestId("stars-stats")).toHaveTextContent(formatNumber(2800) + " stars");
     await expect(screen.getByTestId("card-avatar")).toHaveAttribute(
       "src",
       "https://www.gravatar.com/avatar/de3f2df14a0230b7cd6372ed50d93573?s=48&d=mp"
@@ -120,8 +115,8 @@ export const Community: Story = {
     await expect(screen.getByText("A TypeScript Framework on top of Express")).toBeInTheDocument();
     await expect(screen.queryByText("PREMIUM")).not.toBeInTheDocument();
 
-    await expect(screen.getByTestId("downloads-stats")).toHaveTextContent("68 k");
-    await expect(screen.getByTestId("stars-stats")).toHaveTextContent("2,8 k stars");
+    await expect(screen.getByTestId("downloads-stats")).toHaveTextContent(formatNumber(68000));
+    await expect(screen.getByTestId("stars-stats")).toHaveTextContent(formatNumber(2800) + " stars");
     await expect(screen.getByTestId("card-avatar")).toHaveAttribute(
       "src",
       "https://www.gravatar.com/avatar/de3f2df14a0230b7cd6372ed50d93573?s=48&d=mp"

docs/.vitepress/theme/molecules/card-stats/CardStats.stories.ts

@@ -1,6 +1,7 @@
 import type {Meta, StoryObj} from "@storybook/vue3";
 import CardStats from "./CardStats.vue";
 import {within, expect} from "@storybook/test";
+import {formatNumber} from "../../utils/format";
 
 const meta = {
   title: "CardStats",
@@ -25,7 +26,7 @@ export const Default: StoryObj<typeof CardStats> = {
     expect(canvas.getByText("7")).toBeInTheDocument();
     expect(canvas.getByText("downloads last 30 days")).toBeInTheDocument();
 
-    expect(canvas.getByText("20 k")).toBeInTheDocument();
+    expect(canvas.getByText(formatNumber(20000))).toBeInTheDocument();
   },
   args: {
     items: [

docs/.vitepress/theme/molecules/filters/ClearableFilter.spec.ts

@@ -25,7 +25,7 @@ describe("<ClearableFilter />", () => {
 
     expect(onClear).toHaveBeenCalled();
   });
-  it("should render component with empty keywords and 100 plugins", async () => {
+  it("should render component with empty keywords and 100 plugins", () => {
     const onClear = vi.fn();
 
     render(ClearableFilter, {

docs/.vitepress/theme/molecules/filters/FilterBy.stories.ts

@@ -3,12 +3,6 @@ import FilterBy from "./FilterBy.vue";
 import {ref, watch} from "vue";
 import {within, expect, waitFor, userEvent} from "@storybook/test";
 
-function delay() {
-  return new Promise((resolve) => {
-    setTimeout(resolve, 1000);
-  });
-}
-
 const meta = {
   title: "FilterBy",
   component: FilterBy,

docs/.vitepress/theme/molecules/sort-by/SortBy.stories.ts

@@ -3,12 +3,6 @@ import SortBy from "./SortBy.vue";
 import {ref, watch} from "vue";
 import {expect, userEvent, waitFor, within} from "@storybook/test";
 
-function delay() {
-  return new Promise((resolve) => {
-    setTimeout(resolve, 1000);
-  });
-}
-
 const meta = {
   title: "SortBy",
   component: SortBy,

docs/plugins/index.md

@@ -0,0 +1,10 @@
+---
+layout: page
+meta:
+  - name: description
+    content: Discover our list of plugins to extends your Ts.ED project. Created by the Ts.ED team and community.
+  - name: keywords
+    content: Ts.ED nodejs express typescript javascript es6 decorators mvc model ioc service model middleware socket.io swagger typeorm mongoose ajv
+---
+
+<Warehouse />

package.json

@@ -8,7 +8,7 @@
     "typescript": "tsc --init",
     "test": "vitest run",
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx,.vue",
-    "lint:fix": "eslint . --ext .ts,.tsx,.js,.jsx,.vue --fix && yarn run prettier:fix",
+    "lint:fix": "yarn lint --fix",
     "prettier:fix": "prettier . --write",
     "storybook:dev": "storybook dev -p 6006",
     "storybook:build": "storybook build",

tailwind.config.ts

@@ -4,7 +4,7 @@ import {tailwindPreset} from "./tailwind.preset.js";
 const config = {
   presets: [tailwindPreset as unknown as Config],
   darkMode: "class",
-  content: ["./docs/.vitepress/**/*.{js,ts,vue}", "./docs/**/*.md"],
+  content: ["./docs/.vitepress/**/*.{js,ts,vue}", "./docs/.vitepress/themes/**/*.{js,ts,vue}", "./docs/**/*.md"],
   safelist: [
     {pattern: /^bg-/},
     {pattern: /^text-/},

vitest.config.ts

@@ -19,10 +19,10 @@ export default defineConfig({
       enabled: true,
       thresholds: {
         autoUpdate: true,
-        statements: 58.84,
-        branches: 77.87,
-        functions: 61.76,
-        lines: 58.84
+        statements: 62.23,
+        branches: 78.28,
+        functions: 66.66,
+        lines: 62.23
       },
       include: ["**/*.{ts,vue}"],
       exclude: [