@cyberskill/shared 1.184.0 → 1.186.0

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@cyberskill/shared",
     "type": "module",
-    "version": "1.184.0",
+    "version": "1.186.0",
     "description": "CyberSkill Shared",
     "author": "Stephen Cheng",
     "license": "MIT",
@@ -164,9 +164,9 @@
             "import": "./dist/react/toast/index.js",
             "require": "./dist/react/toast/index.cjs"
         },
-        "./style/reset.css": {
-            "import": "./dist/style/reset.css",
-            "require": "./dist/style/reset.css"
+        "./react/index.css": {
+            "import": "./dist/react/index.css",
+            "require": "./dist/react/index.css"
         },
         "./typescript": {
             "types": "./dist/typescript/index.d.ts",
@@ -210,30 +210,26 @@
     ],
     "scripts": {
         "build": "tsup",
+        "commitlint": "tsx src/node/cli/index.ts commitlint",
         "dev": "tsup --watch",
+        "inspect": "tsx src/node/cli/index.ts inspect",
         "lint": "tsx src/node/cli/index.ts lint",
         "lint:fix": "tsx src/node/cli/index.ts lint:fix",
         "lint:inspect": "tsx src/node/cli/index.ts lint:inspect",
-        "reset": "tsx src/node/cli/index.ts reset",
         "ready": "tsx src/node/cli/index.ts ready",
-        "inspect": "tsx src/node/cli/index.ts inspect",
-        "test:unit": "tsx src/node/cli/index.ts test:unit",
+        "reset": "tsx src/node/cli/index.ts reset",
         "test:e2e": "tsx src/node/cli/index.ts test:e2e",
-        "commitlint": "tsx src/node/cli/index.ts commitlint"
+        "test:unit": "tsx src/node/cli/index.ts test:unit"
     },
     "dependencies": {
         "@antfu/eslint-config": "4.15.0",
         "@apollo/client": "3.13.8",
         "@apollo/server": "4.12.2",
-        "@commitlint/cli": "19.8.1",
-        "@commitlint/config-conventional": "19.8.1",
         "@dotenvx/dotenvx": "1.45.1",
         "@eddeee888/gcg-typescript-resolver-files": "0.12.1",
         "@eslint-react/eslint-plugin": "1.52.2",
-        "@eslint/config-inspector": "1.1.0",
         "@graphql-codegen/cli": "5.0.7",
         "@graphql-codegen/client-preset": "4.8.2",
-        "@microsoft/api-extractor": "7.52.8",
         "@nestjs/common": "11.1.3",
         "@nestjs/core": "11.1.3",
         "@next/eslint-plugin-next": "15.3.4",
@@ -250,9 +246,7 @@
         "cors": "2.8.5",
         "crypto-js": "4.2.0",
         "date-fns": "4.1.0",
-        "dotenv-cli": "8.0.0",
         "envalid": "8.0.0",
-        "eslint": "9.29.0",
         "eslint-config-next": "15.3.4",
         "eslint-plugin-format": "1.0.1",
         "eslint-plugin-react-hooks": "5.2.0",
@@ -266,20 +260,16 @@
         "graphql-ws": "6.0.5",
         "i18next": "25.2.1",
         "jsdom": "26.1.0",
-        "lint-staged": "16.1.2",
         "localforage": "1.10.0",
         "migrate-mongo": "12.1.3",
-        "modern-normalize": "3.0.1",
         "mongodb": "6.17.0",
         "mongoose": "8.16.0",
         "mongoose-aggregate-paginate-v2": "1.1.4",
         "mongoose-paginate-v2": "1.9.1",
         "next-intl": "4.1.0",
         "node-fetch": "3.3.2",
-        "node-modules-inspector": "0.6.9",
         "node-persist": "4.0.4",
         "playwright": "1.53.1",
-        "postcss-modules": "6.0.1",
         "qs": "6.14.0",
         "react": "19.1.0",
         "react-dom": "19.1.0",
@@ -287,23 +277,18 @@
         "react-i18next": "15.5.3",
         "react-icons": "5.5.0",
         "sass": "1.89.2",
-        "simple-git-hooks": "2.13.0",
         "slugify": "1.6.6",
-        "tsup": "8.5.0",
-        "tsx": "4.20.3",
-        "typescript": "5.8.3",
         "unorm": "1.6.0",
         "uuid": "11.1.0",
         "vite": "6.3.5",
-        "vitest": "3.2.4",
         "ws": "8.18.2",
         "yargs": "18.0.0"
     },
-    "publishConfig": {
-        "access": "public",
-        "registry": "https://registry.npmjs.org/"
-    },
     "devDependencies": {
+        "@commitlint/cli": "19.8.1",
+        "@commitlint/config-conventional": "19.8.1",
+        "@eslint/config-inspector": "1.1.0",
+        "@microsoft/api-extractor": "7.52.8",
         "@types/body-parser": "1.19.6",
         "@types/compression": "1.8.1",
         "@types/cookie-parser": "1.4.9",
@@ -321,6 +306,21 @@
         "@types/unorm": "1.3.31",
         "@types/uuid": "10.0.0",
         "@types/ws": "8.18.1",
-        "@types/yargs": "17.0.33"
+        "@types/yargs": "17.0.33",
+        "esbuild-sass-plugin": "3.3.1",
+        "eslint": "9.29.0",
+        "lint-staged": "16.1.2",
+        "node-modules-inspector": "0.6.9",
+        "postcss": "8.5.6",
+        "postcss-modules": "6.0.1",
+        "simple-git-hooks": "2.13.0",
+        "tsup": "8.5.0",
+        "tsx": "4.20.3",
+        "typescript": "5.8.3",
+        "vitest": "3.2.4"
+    },
+    "publishConfig": {
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
     }
 }

package/dist/react/apollo-error/apollo-error.module.d.cts

@@ -1 +0,0 @@
-export {};

package/dist/react/apollo-error/apollo-error.module.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/react/apollo-error/apollo-error.module.scss

@@ -1,105 +0,0 @@
-.modal-backdrop {
-    position: fixed;
-    inset: 0;
-    z-index: 9999999;
-    background-color: rgba(0, 0, 0, 0.6);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem;
-
-    .modal-content {
-        position: relative;
-        background-color: #0f172a;
-        color: white;
-        max-width: 80vw;
-        width: 100%;
-        border-radius: 0.75rem;
-        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
-        overflow: hidden;
-        padding: 2rem;
-
-        .btn-close {
-            position: absolute;
-            top: 0.75rem;
-            right: 1rem;
-            font-size: 1.25rem;
-            color: white;
-            background: none;
-            border: none;
-            cursor: pointer;
-            transition: color 0.2s;
-
-            &:hover {
-                color: #f87171;
-            }
-        }
-
-        .error-title {
-            font-size: 1.75rem;
-            font-weight: bold;
-            margin-bottom: 1rem;
-
-            .btn-retry {
-                background: linear-gradient(to right, #3b82f6, #06b6d4);
-                color: white;
-                font-weight: 600;
-                padding: 0.5rem 1.5rem;
-                border-radius: 0.75rem;
-                transition: background 0.3s ease;
-                border: none;
-                cursor: pointer;
-
-                &:hover {
-                    background: linear-gradient(to right, #2563eb, #0891b2);
-                }
-            }
-        }
-
-        .error-details {
-            background-color: #1e293b;
-            text-align: left;
-            font-size: 0.875rem;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            max-height: 50vh;
-            overflow-y: auto;
-            border: 1px solid #334155;
-            display: flex;
-            flex-direction: column;
-            gap: 0.5rem;
-
-            pre {
-                white-space: pre-wrap;
-                word-break: break-word;
-
-                &.main {
-                    color: #fca5a5;
-                }
-
-                &.network {
-                    color: #fde68a;
-                }
-
-                &.extra {
-                    color: #67e8f9;
-                    overflow-x: auto;
-                    white-space: pre;
-                    font-family:
-                        ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
-                        monospace;
-                    background-color: #0f172a;
-                    padding: 0.5rem;
-                    border-radius: 0.375rem;
-                }
-            }
-
-            ul {
-                padding-left: 1rem;
-                color: #fda4af;
-                list-style: disc;
-            }
-        }
-    }
-}

package/dist/react/loading/loading.module.d.cts

@@ -1 +0,0 @@
-export {};

package/dist/react/loading/loading.module.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/react/loading/loading.module.scss

@@ -1,130 +0,0 @@
-@use 'sass:map';
-
-.overlay {
-    z-index: 999999;
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.8));
-    backdrop-filter: blur(10px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    animation: overlay-fade-in 0.5s ease-out;
-}
-
-.fullscreen,
-.block {
-    @extend .overlay;
-}
-
-.fullscreen {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-
-.block {
-    position: relative;
-    width: auto;
-    height: auto;
-}
-
-.container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-}
-
-.ring {
-    width: clamp(60px, 10vw, 190px);
-    height: clamp(60px, 10vw, 190px);
-    border: 2px solid transparent;
-    border-radius: 50%;
-    position: absolute;
-    transition: transform 0.3s ease;
-}
-
-$colors: (
-    1: rgb(240, 42, 230),
-    2: rgb(240, 19, 67),
-    3: rgb(3, 170, 170),
-    4: rgb(207, 135, 1),
-);
-
-@for $i from 1 through 4 {
-    .ring:nth-child(#{$i}) {
-        border-bottom: 8px solid map.get($colors, $i);
-        animation: rotate#{$i} 1s linear infinite;
-    }
-}
-
-.message {
-    color: #524f4f;
-    font-weight: bold;
-    letter-spacing: 5px;
-    animation: text-fade 2s ease-in-out infinite alternate;
-    font-size: 1rem;
-}
-
-@keyframes rotate1 {
-    from {
-        transform: rotateX(50deg) rotateZ(110deg);
-    }
-
-    to {
-        transform: rotateX(50deg) rotateZ(470deg);
-    }
-}
-
-@keyframes rotate2 {
-    from {
-        transform: rotateX(20deg) rotateY(50deg) rotateZ(20deg);
-    }
-
-    to {
-        transform: rotateX(20deg) rotateY(50deg) rotateZ(380deg);
-    }
-}
-
-@keyframes rotate3 {
-    from {
-        transform: rotateX(40deg) rotateY(130deg) rotateZ(450deg);
-    }
-
-    to {
-        transform: rotateX(40deg) rotateY(130deg) rotateZ(90deg);
-    }
-}
-
-@keyframes rotate4 {
-    from {
-        transform: rotateX(70deg) rotateZ(270deg);
-    }
-
-    to {
-        transform: rotateX(70deg) rotateZ(630deg);
-    }
-}
-
-@keyframes text-fade {
-    0% {
-        opacity: 0.6;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@keyframes overlay-fade-in {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}

package/dist/style/reset.css

@@ -1 +0,0 @@
-@import 'node_modules/modern-normalize/modern-normalize.css';

package/dist/style/reset.d.cts

@@ -1 +0,0 @@
-export {};

package/dist/style/reset.d.ts

@@ -1 +0,0 @@
-export {};