@fast-simon/shopify-hydrogen 1.0.4 → 1.0.6

package/package.json

@@ -1,34 +1,37 @@
-{
-  "name": "@fast-simon/shopify-hydrogen",
-  "version": "1.0.4",
-  "description": "",
-  "scripts": {
-    "build": "npm run build:plugin:cjs && npm run build:esm",
-    "build:plugin:cjs": "tsc --p tsconfig.plugin.cjs.json",
-    "build:esm": "tsc --p tsconfig.esm.json",
-    "prepublishOnly": "npm run build"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@fast-simon/utilities": "1.0.7"
-  },
-  "devDependencies": {
-    "@shopify/hydrogen": "^1.2.0",
-    "@types/react": "^18.0.16",
-    "@types/node": "17.0.35",
-    "@types/react-dom": "^18.0.5",
-    "rollup": "^2.77.2",
-    "rollup-plugin-dts": "^4.2.2",
-    "typescript": "^4.7.4",
-    "vite": "^2.9.14",
-    "type-fest": "^2.13.0",
-    "@vitejs/plugin-react": "^1.3.0",
-    "copyfiles": "2.4.1"
-  },
-  "main": "dist/esnext/index.js",
-  "files": [
-    "dist",
-    "plugin.js"
-  ]
-}
+{
+  "name": "@fast-simon/shopify-hydrogen",
+  "version": "1.0.6",
+  "description": "",
+  "scripts": {
+    "build": "npm run build:plugin:cjs && npm run build:esm",
+    "build:plugin:cjs": "tsc --p tsconfig.plugin.cjs.json",
+    "build:esm": "tsc --p tsconfig.esm.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@fast-simon/utilities": "1.0.7"
+  },
+  "devDependencies": {
+    "@shopify/hydrogen": "^1.2.0",
+    "@types/react": "^18.0.16",
+    "@types/node": "^20.0.0",
+    "@types/react-dom": "^18.0.5",
+    "rollup": "^2.77.2",
+    "rollup-plugin-dts": "^4.2.2",
+    "typescript": "^4.7.4",
+    "vite": "^2.9.14",
+    "type-fest": "^2.13.0",
+    "@vitejs/plugin-react": "^1.3.0",
+    "copyfiles": "2.4.1",
+    "vitest": "^3.0.0",
+    "jsdom": "^26.0.0"
+  },
+  "main": "dist/esnext/index.js",
+  "files": [
+    "dist",
+    "plugin.js"
+  ]
+}

package/dist/esnext/styles/fast-simon.css

@@ -1,622 +0,0 @@
-.fast-simon-serp {
-    font-family: Trebuchet MS, Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
-}
-
-.fs-grid {
-    display: grid;
-}
-
-.fs-product-card {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-}
-
-.fs-product-card-img {
-    width: 100%;
-    height: 100%;
-    image-rendering: -webkit-optimize-contrast;
-}
-
-.fs-product-card-compare {
-    text-decoration: line-through;
-}
-
-.fs-product-card-title {
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    overflow: hidden;
-    text-decoration: none;
-}
-
-.fs-page-title {
-    font-size: 24px;
-    font-family: inherit;
-    color: #e40800;
-    font-weight: bold;
-    margin-bottom: 15px;
-}
-
-#mainContent header.grid {
-    display: none;
-}
-
-.fs-product-card-info {
-    padding: 5px;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-}
-
-.fs-summary {
-    font-size: 15px;
-    font-weight: 500;
-    margin-right: 15px;
-}
-
-.fs-filters-grid {
-    display: grid;
-    grid-template-columns: 15% 85%;
-    grid-column-gap: 2%;
-}
-
-.fs-facet-container {
-    display: flex;
-    flex-direction: column;
-}
-
-.fs-facet-options {
-    display: flex;
-    flex-direction: column;
-    padding: 5px 15px;
-    max-height: 230px;
-    overflow: auto;
-}
-
-.fs-facet-option {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-family: inherit;
-    font-size: 14px;
-}
-
-.fs-facet-title {
-    padding-left: 20px;
-    border-radius: 10px;
-    background-color: #d00202;
-    color: white;
-    font-weight: 400;
-    font-size: 18px;
-    font-family: inherit;
-    text-align: left;
-    display: flex;
-    justify-content: space-between;
-    padding-top: 10px;
-    padding-bottom: 6px;
-    cursor: pointer;
-    margin-bottom: 6px;
-    width: 100%;
-}
-
-.fs-filters {
-    display: flex;
-    flex-direction: column;
-}
-
-.fs-sort-filters-button-wrapper {
-    padding-bottom: 10px;
-}
-
-@keyframes growDown {
-    0% {
-        transform: scaleY(0)
-    }
-    80% {
-        transform: scaleY(1.1)
-    }
-    100% {
-        transform: scaleY(1)
-    }
-}
-
-.fs-checkbox {
-    display: flex;
-    position: relative;
-    padding: 0 5px 0 0;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    font-family: Arial, serif;
-    animation: growDown 300ms ease forwards;
-    align-items: center;
-}
-
-.fs-checkbox input {
-    position: fixed;
-    opacity: 0;
-    cursor: pointer;
-    height: 0;
-    width: 0;
-}
-
-.checkmark {
-    min-height: 16px;
-    min-width: 16px;
-    background-color: #eee;
-    margin-right: 10px;
-}
-
-.fs-checkbox:hover input ~ .checkmark {
-    background-color: #d00202cf;
-}
-
-.fs-checkbox input:checked ~ .checkmark {
-    background-color: white;
-}
-
-.fs-selected-checkmark {
-    background-color: #d00202cf !important;
-}
-
-.fs-selected-checkmark::before {
-    content: "";
-    position: absolute;
-    display: block;
-    left: 5px;
-    width: 5px;
-    height: 11px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-    color: white;
-}
-
-.checkmark:after {
-    content: "";
-    position: absolute;
-    display: none;
-}
-
-.fs-checkbox input:checked ~ .checkmark:after {
-    display: block;
-}
-
-.fs-checkbox .checkmark:after {
-    left: 5px;
-    width: 4px;
-    height: 9px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-
-::-webkit-scrollbar {
-    width: 6px;
-}
-
-::-webkit-scrollbar-track {
-    background: #f1f1f1;
-}
-
-::-webkit-scrollbar-thumb {
-    background: #888;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: #555;
-}
-
-
-.fs-selected-checkbox {
-
-}
-
-.fs-facet-option-disable{
-    pointer-events: none;
-    opacity: 0.5;
-}
-
-@keyframes filters-slider-open-ltr {
-    from {
-        margin-left: -300px;
-    }
-    to {
-        margin-left: 0;
-    }
-}
-
-@keyframes filters-slider-close-ltr {
-    from {
-        margin-left: 0;
-    }
-    to {
-        margin-left: -300px;
-    }
-}
-
-@media(max-width: 500px) {
-    .fs-grid {
-        grid-template-columns: repeat(2, 50%);
-    }
-
-    .fs-filters-grid {
-        display: unset;
-    }
-
-    .fs-filters {
-        position: absolute;
-        background-color: white;
-        z-index: 500;
-        height: 100vh;
-        overflow: auto;
-        padding: 10px;
-        width: 70%;
-    }
-
-    .fs-filters-slider-open {
-        animation-name: filters-slider-open-ltr;
-        animation-duration: 500ms;
-        display: flex;
-    }
-
-    .fs-filters-slider-close {
-        animation-name: filters-slider-close-ltr;
-        animation-duration: 500ms;
-        display: flex;
-    }
-
-    .fs-facet-container {
-        padding-right: 5px;
-    }
-
-    .fs-mobile-filters-button {
-        height: 33px;
-        display: flex;
-        align-items: center;
-        padding: 0 6px;
-        cursor: pointer;
-        border: 1px solid #ccc;
-        width: fit-content;
-        min-width: 100px;
-        justify-content: center;
-        font-family: Arial, serif;
-        font-size: 13px;
-    }
-
-    .fs-mobile-filters-wrapper {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100vw;
-        height: 100vh;
-        background-color: #00000094;
-        z-index: 300;
-    }
-}
-
-
-
-/* Pagination */
-
-.fs-pagination-arrow-custom-icon {
-    height: 15px;
-    width: 15px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.pagination-wrapper {
-    display: flex;
-    padding: 20px 5px;
-    font-size: 15px;
-    border-top: 1px solid #ccc;
-    margin: 10px 0 0;
-    align-items: center;
-    justify-content: center;
-    font-family: "Assistant", sans-serif;
-    font-weight: 600;
-}
-
-.page-number-item {
-    cursor: pointer;
-    transition: .2s all ease-in-out;
-    border: 1px solid transparent;
-    width: 35px;
-    height: 35px;
-    color: #666;
-    text-decoration: none;
-    border-radius: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.page-number-item:hover {
-    text-decoration: underline;
-    color: black;
-}
-
-.page-number-item-selected {
-    font-weight: bold;
-    color: white !important;
-    background: black;
-    cursor: default;
-    text-decoration: none !important;
-}
-
-.arrow-button {
-    text-decoration: none;
-    color: black;
-    display: flex;
-}
-
-.arrow-button-wrapper {
-    background-color: #f0f0f0;
-    border-radius: 50%;
-    margin-left: 5px;
-    margin-right: 5px;
-    border: 1px solid transparent;
-    cursor: pointer;
-    min-height: 35px;
-    min-width: 35px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.arrow-button-wrapper:hover .arrow-button {
-    text-decoration: underline;
-    color: black;
-}
-
-.center-pages-wrapper {
-    background-color: #f0f0f0;
-    display: flex;
-    border-radius: 20px;
-
-}
-
-.three-dots-item {
-    cursor: default !important;
-    text-decoration: none !important;
-    min-width: fit-content;
-}
-
-@media screen and (max-width: 420px) {
-    .pagination-wrapper {
-        transform: scale(0.95);
-    }
-
-    .page-number-item {
-        width: 32px;
-        height: 32px;
-    }
-
-    .arrow-button-wrapper {
-        min-width: 32px;
-        min-height: 32px;
-    }
-}
-
-
-/*filters skeleton*/
-
-.fs-vertical-filters-skeleton-section {
-    margin-bottom: 15px;
-}
-
-.row-skeleton {
-    background: #c7cdd2;
-    animation: pulse 1.5s infinite both;
-    margin-bottom: 5px;
-}
-
-@keyframes pulse {
-    0% {
-        opacity: 1;
-    }
-
-    50% {
-        opacity: 0.3;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-/*filters end*/
-
-
-/*sort by start*/
-
-.select-container {
-    position: absolute;
-    border: 1px solid #ccc;
-    background: #fff;
-    z-index: 3;
-    right: 25px;
-}
-
-.fs-select-wrapper {
-    position: relative;
-    user-select: none;
-    width: 100%;
-    font-family: Arial, serif;
-    font-size: 13px;
-    min-width: 150px;
-    max-width: 200px;
-}
-
-.select-button {
-    height: 33px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 6px;
-    cursor: pointer;
-    border-bottom: 1px solid transparent;
-}
-
-.select-button-open {
-    border-bottom: 1px solid #ccc;
-}
-
-.selected-option {
-    background-color: black;
-    color: white;
-    animation-name: desktop-sort-by-animation;
-    animation-duration: .2s;
-}
-
-@keyframes desktop-sort-by-animation {
-    0%   {margin-top: -15px;}
-    25%  {margin-top: -10px;}
-    50%  {margin-top: -5px;}
-    100% {margin-top: 0;}
-}
-
-.custom-options {
-    /*transition: all .3s;*/
-    /*animation-name: example;*/
-    /*animation-duration: 1s;*/
-
-}
-
-.dropdown-item {
-    height: 33px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 6px;
-    cursor: pointer;
-    animation-name: desktop-sort-by-animation;
-    animation-duration: .2s;
-    margin-top: 0px;
-}
-
-.dropdown-item:hover {
-    background-color: black;
-    color: white;
-    transition: all .3s;
-}
-
-.fs-top-page-container {
-
-}
-
-.arrow {
-    transition: .2s all ease-in-out;
-}
-
-.arrow.rotate {
-    transform: rotate(180deg);
-}
-
-/* Add to Cart Start*/
-
-.fs-product-add-to-cart {
-    width: 100%;
-    height: 40px;
-    transition: all 500ms ease-in-out !important;
-    border: 1px solid transparent;
-}
-
-@media screen and (min-width: 520px) {
-    .fs-product-card:hover .fs-product-add-to-cart {
-        opacity: 1;
-        transition: opacity 500ms ease-in-out;
-    }
-}
-
-.fs-adding-product {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-/* removable tags */
-.fs-removable-tag {
-    width: fit-content;
-    padding: 5px;
-    display: flex;
-    margin-right: 10px;
-    align-items: center;
-    margin-bottom: 10px;
-    cursor: pointer;
-    opacity: .8;
-    transition: .2s opacity ease-in-out;
-}
-
-.fs-removable-tags {
-    opacity: 1;
-}
-
-.fs-removable-tag-remove-button {
-    display: flex;
-    align-self: center;
-    cursor: pointer;
-}
-
-.fs-removable-tag-text {
-    margin-right: 5px;
-    text-transform: capitalize;
-}
-
-.fs-removable-tags-container {
-    display: flex;
-    flex-direction: row;
-    margin-top: 7px;
-    flex-wrap: wrap;
-}
-
-.fs-summary-tags-wrapper {
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    width: 100%;
-    justify-content: flex-start;
-    align-items: center;
-    margin-bottom: 15px;
-}
-
-
-/* Spinner start */
-.fs-spinner {
-    transition-property: transform;
-    animation-name: fs-spinner_infinite-spin;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    position: relative;
-    z-index: 1000;
-}
-@keyframes fs-spinner_infinite-spin {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-/*.mobile-search-input-wrapper {*/
-
-/*}*/
-
-.fs-mobile-search-form {
-    position: absolute;
-    display: flex;
-    left: 65px;
-    flex-direction: row-reverse;
-}