npm - @iris.interactive/handcook - Versions diffs - 7.2.2-beta → 8.0.0-alpha.2 - Mend

@iris.interactive/handcook 7.2.2-beta → 8.0.0-alpha.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 (60) hide show

package/.gitlab-ci.yml CHANGED Viewed

@@ -1,4 +1,4 @@
-image: node:18.16.0-alpine3.18
+image: node:23.6-alpine3.21
 stages:
   - publish
@@ -94,4 +94,4 @@ Release:
       links:
         - name: "@iris.interactive/handcook@${CI_COMMIT_REF_NAME}"
           url: "https://www.npmjs.com/package/@iris.interactive/handcook?activeTab=versions"
-          link_type: other
+          link_type: other

package/.nvmrc CHANGED Viewed

	@@ -1 +1 @@
1	- ~~v18.16.0~~
1	+ stable

package/.stylelintrc ADDED Viewed

@@ -0,0 +1,89 @@
+{
+    "extends": ["stylelint-config-standard-scss"],
+    "plugins": ["@stylistic/stylelint-plugin"],
+    "rules": {
+        "@stylistic/indentation": 4,
+        "selector-pseudo-element-colon-notation": "single",
+        "no-descending-specificity": null,
+        "selector-class-pattern": [
+            "^([a-z][a-z0-9]*)((__|-{1,2})[a-z0-9]+)*$",
+            {
+                "resolveNestedSelectors": true
+            }
+        ],
+        "font-weight-notation": null,
+        "declaration-empty-line-before": null,
+        "selector-type-no-unknown": null,
+        "@stylistic/max-empty-lines": 2,
+        "@stylistic/block-closing-brace-newline-after": [
+            "always",
+            {
+                "ignoreAtRules": [
+                    "if",
+                    "else"
+                ]
+            }
+        ],
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": [
+                    "extend",
+                    "at-root",
+                    "debug",
+                    "warn",
+                    "error",
+                    "if",
+                    "else",
+                    "for",
+                    "each",
+                    "while",
+                    "mixin",
+                    "include",
+                    "content",
+                    "return",
+                    "tailwind",
+                    "apply",
+                    "responsive",
+                    "variants",
+                    "screen",
+                    "function",
+                    "use"
+                ]
+            }
+        ],
+        "rule-empty-line-before": [
+            "always",
+            {
+                "ignore": [
+                    "after-comment",
+                    "first-nested",
+                    "inside-block"
+                ]
+            }
+        ],
+        "at-rule-empty-line-before": [
+            "always",
+            {
+                "except": [
+                    "inside-block"
+                ],
+                "ignoreAtRules": [
+                    "include",
+                    "mixin",
+                    "import",
+                    "each",
+                    "if",
+                    "else",
+                    "keyframes",
+                    "function",
+                    "for",
+                    "font-face",
+                    "use",
+                    "media"
+                ]
+            }
+        ]
+    }
+}

package/README.md CHANGED Viewed

@@ -1,5 +1,5 @@
 # Welcome to HandCook 👨‍🍳
-![Version](https://img.shields.io/badge/version-7.2.2-beta-blue.svg?cacheSeconds=2592000)
+![Version](https://img.shields.io/badge/version-7.2.0-blue.svg?cacheSeconds=2592000)
 ![Prerequisite](https://img.shields.io/badge/node-%3E%3D%2012.14.0-blue.svg)
 [![License: UNLICENSED](https://img.shields.io/badge/License-UNLICENSED-yellow.svg)](#)
 [![Twitter: captain\_iris](https://img.shields.io/twitter/follow/captain\_iris.svg?style=social)](https://twitter.com/captain\_iris)

package/biome.json ADDED Viewed

@@ -0,0 +1,43 @@
+{
+    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+    "vcs": {
+        "enabled": false,
+        "clientKind": "git",
+        "useIgnoreFile": true
+    },
+    "files": {
+        "ignoreUnknown": false,
+        "ignore": []
+    },
+    "formatter": {
+        "enabled": true,
+        "indentStyle": "space",
+        "formatWithErrors": true,
+        "indentWidth": 4,
+        "lineWidth": 100,
+        "lineEnding": "lf"
+    },
+    "organizeImports": {
+        "enabled": true
+    },
+    "linter": {
+        "enabled": true,
+        "rules": {
+            "recommended": true,
+            "complexity": {
+                "noStaticOnlyClass": "info"
+            }
+        }
+    },
+    "javascript": {
+        "formatter": {
+            "quoteStyle": "single",
+            "semicolons": "asNeeded"
+        }
+    },
+    "css": {
+        "parser": {
+            "cssModules": true
+        }
+    }
+}

package/package.json CHANGED Viewed

@@ -1,42 +1,37 @@
 {
-  "name": "@iris.interactive/handcook",
-  "version": "7.2.2-beta",
-  "description": "The web cooking by IRIS Interactive",
-  "main": "./public/scripts/index.js",
-  "scripts": {
-    "build": "mix --production",
-    "start": "mix watch",
-    "hot": "mix watch --hot"
-  },
-  "keywords": [
-    "IRIS Interactive",
-    "Mutualized scripts",
-    "Mutualized style"
-  ],
-  "engines": {
-    "node": ">= 12.14.0"
-  },
-  "author": "IRIS Interactive <dev@iris-interactive.fr> (https://www.iris-interactive.fr)",
-  "license": "UNLICENSED",
-  "devDependencies": {
-    "@wordpress/browserslist-config": "^4.0.0",
-    "browser-sync": "^2.26.14",
-    "browser-sync-webpack-plugin": "^2.3.0",
-    "iconfont-plugin-webpack": "^1.1.4",
-    "laravel-mix": "^6.0.19",
-    "laravel-mix-glob": "^1.1.10",
-    "mix-env-file": "^0.1.1",
-    "postcss": "^8.3.0",
-    "resolve-url-loader": "^4.0.0",
-    "sass": "^1.34.0",
-    "sass-loader": "11.1.1"
-  },
-  "dependencies": {
-    "@fancyapps/ui": "^4.0.22",
-    "@nats-io/nats-core": "^3.0.0-27",
-    "bootstrap": "^5.1.3",
-    "swiper": "11.2.2",
-    "tippy.js": "^6.3.7",
-    "vanilla-lazyload": "^17.6.1"
-  }
+    "name": "@iris.interactive/handcook",
+    "version": "8.0.0-alpha.2",
+    "description": "The web cooking by IRIS Interactive",
+    "main": "./public/scripts/index.js",
+    "scripts": {
+        "dev": "rsbuild dev",
+        "build": "rsbuild build",
+        "preview": "rsbuild preview"
+    },
+    "keywords": ["IRIS Interactive", "Mutualized scripts", "Mutualized style"],
+    "engines": {
+        "node": ">= 12.14.0"
+    },
+    "author": "IRIS Interactive <dev@iris-interactive.fr> (https://www.iris-interactive.fr)",
+    "license": "UNLICENSED",
+    "dependencies": {
+        "@fancyapps/ui": "^4.0.22",
+        "@nats-io/nats-core": "^3.0.0-27",
+        "bootstrap": "^5.1.3",
+        "swiper-11": "npm:swiper@11.2.2",
+        "swiper-8": "npm:swiper@8.0.6",
+        "tippy.js": "^6.3.7",
+        "vanilla-lazyload": "^17.6.1"
+    },
+    "packageManager": "pnpm@10.0.0+sha512.b8fef5494bd3fe4cbd4edabd0745df2ee5be3e4b0b8b08fa643aa3e4c6702ccc0f00d68fa8a8c9858a735a0032485a44990ed2810526c875e416f001b17df12b",
+    "devDependencies": {
+        "@biomejs/biome": "1.9.4",
+        "@rsbuild/core": "^1.2.7",
+        "@rsbuild/plugin-sass": "^1.1.2",
+        "@types/node": "^22.13.1",
+        "sass-embedded": "^1.83.4",
+        "sass-migrator": "^2.3.0",
+        "stylelint": "16.14.1",
+        "stylelint-config-standard-scss": "14.0.0"
+    }
 }

package/public/index.css ADDED Viewed

@@ -0,0 +1 @@

+ .fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;transition:height .35s;overflow:hidden}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}.tippy-box[data-theme~=dropdown]{color:#26323d;background-color:#fff;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926}.tippy-box[data-theme~=dropdown] .tippy-content{padding:0}.tippy-box[data-theme~=dropdown][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=dropdown][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=dropdown][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=dropdown][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=dropdown]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=dropdown]>.tippy-svg-arrow{fill:#fff}.carousel{box-sizing:border-box;position:relative}.carousel *,.carousel :before,.carousel :after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{max-width:100%;max-height:100%;position:relative;overflow:hidden}.carousel__track{display:flex}.carousel__slide{width:var(--carousel-slide-width,60%);overscroll-behavior:contain;flex:none;max-width:100%;padding:1rem;position:relative;overflow:hidden auto}.has-dots{margin-bottom:calc(.5rem + 22px)}.carousel__dots{-webkit-user-select:none;user-select:none;justify-content:center;margin:0 auto;padding:0;list-style:none;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0}.carousel__dots .carousel__dot{cursor:pointer;width:22px;height:22px;margin:0;padding:0;display:block;position:relative}.carousel__dots .carousel__dot:after{content:"";opacity:.25;background-color:currentColor;border-radius:50%;width:8px;height:8px;transition:opacity .15s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width,48px);height:var(--carousel-button-height,48px);pointer-events:all;cursor:pointer;color:var(--carousel-button-color,currentColor);background:var(--carousel-button-bg,transparent);border-radius:var(--carousel-button-border-radius,50%);box-shadow:var(--carousel-button-shadow,none);border:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width,50%);height:var(--carousel-button-svg-height,50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width,1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter,none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{touch-action:none;overflow:hidden!important}.fancybox__container{padding:env(safe-area-inset-top,0px)env(safe-area-inset-right,0px)env(safe-area-inset-bottom,0px)env(safe-area-inset-left,0px);box-sizing:border-box;color:var(--fancybox-color,#fff);-webkit-tap-highlight-color:#0000;z-index:1050;transform-origin:0 0;--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:24px;--carousel-button-svg-height:24px;--carousel-button-svg-stroke-width:2.5;--carousel-button-svg-filter:drop-shadow(1px 1px 1px #0006);direction:ltr;outline:none;flex-direction:column;margin:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.fancybox__container *,.fancybox__container :before,.fancybox__container :after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color,#01d2e8f0)}@media (min-width:1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{z-index:-1;background:var(--fancybox-bg,#18181beb);position:absolute;top:0;bottom:0;left:0;right:0}.fancybox__carousel{z-index:10;flex:auto;height:100%;min-height:0;position:relative}.fancybox__carousel.has-dots{margin-bottom:calc(.5rem + 22px)}.fancybox__viewport{cursor:default;width:100%;height:100%;position:relative;overflow:visible}.fancybox__track{height:100%;display:flex}.fancybox__slide{overscroll-behavior:contain;--carousel-button-width:36px;--carousel-button-height:36px;--carousel-button-svg-width:22px;--carousel-button-svg-height:22px;outline:0;flex-direction:column;flex:none;width:100%;max-width:100%;margin:0;padding:48px 8px 8px;display:flex;position:relative;overflow:auto}.fancybox__slide:before,.fancybox__slide:after{content:"";flex:0 0 0;margin:auto}@media (min-width:1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right,0px)0 env(safe-area-inset-left,0px);color:var(--fancybox-content-color,#374151);background:var(--fancybox-content-bg,#fff);z-index:20;flex-direction:column;align-self:center;padding:36px;display:flex;position:relative}.fancybox__content :focus:not(.carousel__button.is-close){box-shadow:none;outline:thin dotted}.fancybox__caption{max-width:100%;color:var(--fancybox-color,currentColor);visibility:visible;cursor:auto;overflow-wrap:anywhere;flex-shrink:0;align-self:center;margin:0;padding:1rem 0 0;line-height:1.375}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{color:var(--fancybox-color,#fff);top:100%}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media (min-width:1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media (min-width:1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{top:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);z-index:40;position:absolute}@media (min-width:1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{color:var(--fancybox-color,#fff);position:absolute;top:-40px;right:0}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{width:50px;height:50px;color:var(--fancybox-color,currentColor);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{transform-origin:50%;width:100%;height:100%;margin:auto;animation:2s linear infinite fancybox-rotate;position:absolute;top:0;bottom:0;left:0;right:0}.fancybox__spinner svg circle{fill:none;stroke-width:2.75px;stroke-miterlimit:10;stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;stroke:currentColor;animation:1.5s ease-in-out infinite fancybox-dash}@keyframes fancybox-rotate{to{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity,1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s both fancybox-throwOutDown}@keyframes fancybox-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{0%{opacity:0;transform:scale(.97)translateY(16px)}to{opacity:1;transform:scale(1)translate(0,0)}}@keyframes fancybox-zoomOutDown{to{opacity:0;transform:scale(.97)translateY(16px)}}@keyframes fancybox-throwOutUp{to{opacity:0;transform:translateY(-30%)}}@keyframes fancybox-throwOutDown{to{opacity:0;transform:translateY(30%)}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc #ffffff1a}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:#ffffff1a}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px #0003}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;-webkit-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{background:0 0;min-height:1px;padding:0}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{touch-action:none;overflow:visible}.has-image[data-image-fit=contain] .fancybox__content{flex-flow:wrap}.has-image[data-image-fit=contain] .fancybox__image{object-fit:contain;max-width:100%;max-height:100%}.has-image[data-image-fit=contain-w]{overflow:hidden auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{touch-action:none;overflow:visible}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{object-fit:cover;width:100%;height:100%}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;max-width:100%;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;max-width:100%;height:540px;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{color:#fff;background:#18181be6;padding:0}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{background:0 0;border:0;width:100%;height:100%;display:block}.fancybox-placeholder{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fancybox__thumbs{opacity:var(--fancybox-opacity,1);flex:none;padding:0 3px;position:relative}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{width:var(--fancybox-thumbs-width,96px);box-sizing:content-box;cursor:pointer;flex:none;justify-content:center;align-items:center;margin:0;padding:8px 3px;display:flex;overflow:visible}.fancybox__thumbs .carousel__slide .fancybox__thumb:after{content:"";border-style:solid;border-width:5px;border-color:var(--fancybox-accent-color,#22d5e9f5);opacity:0;border-radius:var(--fancybox-thumbs-border-radius,4px);transition:opacity .15s;position:absolute;top:0;bottom:0;left:0;right:0}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;user-select:none}.fancybox__thumb{width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio,1.5)));border-radius:var(--fancybox-thumbs-border-radius,4px);background-color:#ffffff1a;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.fancybox__toolbar{z-index:20;touch-action:none;--carousel-button-svg-width:20px;--carousel-button-svg-height:20px;opacity:var(--fancybox-opacity,1);text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px #0006);background:linear-gradient(#00000070 0%,#0000006f 8.1%,#0000006b 15.5%,#00000064 22.5%,#0000005d 29%,#00000053 35.3%,#00000049 41.2%,#0000003e 47.1%,#00000032 52.9%,#00000028 58.8%,#0000001d 64.7%,#00000014 71%,#0000000c 77.5%,#00000005 84.5%,#00000002 91.9%,#0000 100%);justify-content:space-between;padding:0;display:flex;position:absolute;top:0;left:0;right:0}@media (min-width:1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translate(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media (max-width:640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;line-height:var(--carousel-button-height,48px);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;padding:0 10px;font-size:17px}.fancybox__progress{background:var(--fancybox-accent-color,#22d5e9f5);transform-origin:0;z-index:30;-webkit-user-select:none;user-select:none;height:3px;transition-property:transform;transition-timing-function:linear;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:first-child{display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child{display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2),.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child{display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}[data-hc-lightbox-item-hide]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.hc-modal{max-width:500px;display:none}.hc-overlay{z-index:var(--hc-overlay--z-index,9000);color:var(--hc-overlay--color,#000);background-color:var(--hc-overlay--background-color,#fff);padding:var(--hc-overlay--padding,20px);width:100%;height:100%;max-width:var(--hc-overlay--width,675px);transition-property:var(--hc-overlay--transition-property,transform);transition-duration:var(--hc-overlay--transition-duration,.4s);transition-timing-function:var(--hc-overlay--transition-timing-function,ease);display:none;position:fixed;top:0;overflow:auto}.hc-overlay--right{right:0;transform:translate(100%)}.hc-overlay--left,.hc-overlay--full{left:0;transform:translate(-100%)}.hc-overlay--full{max-width:none}.hc-overlay.hc-overlay-init,.hc-overlay.hc-overlay-init+.hc-overlay__background{display:block}.hc-overlay.hc-overlay-show{transform:translate(0)}.hc-overlay.hc-overlay-show+.hc-overlay__background{opacity:1;pointer-events:auto}.hc-overlay__background{z-index:calc(var(--hc-overlay--z-index,9000) - 1);background-color:var(--hc-overlay-background--background-color,#0009);opacity:0;pointer-events:none;transition-property:var(--hc-overlay-background--transition-property,opacity);transition-duration:var(--hc-overlay-background--transition-duration,.4s);transition-timing-function:var(--hc-overlay-background--transition-timing-function,ease);display:none;position:fixed;top:0;bottom:0;left:0;right:0}.hc-overlay__close{right:var(--hc-overlay-close--right,30px);top:var(--hc-overlay-close--top,30px);cursor:pointer;position:absolute}.hc-overlay-lock{overflow:hidden}[data-hc-popin]{z-index:1051;visibility:hidden;color:var(--hc-popin--color,#000);background-color:var(--hc-popin--background-color,#fff);border-radius:var(--hc-popin--border-radius,0);box-shadow:var(--hc-popin--box-shadow,0 0 8px 0 #0003);animation-name:fadeIn;animation-duration:.4s;display:none;position:fixed}[data-hc-popin][data-hc-popin-overlay]{z-index:1;position:absolute}[data-hc-popin][data-hc-popin-origin-center-x]{transform:translate(-50%)}[data-hc-popin][data-hc-popin-origin-center-y]{transform:translateY(-50%)}[data-hc-popin][data-hc-popin-origin-center]{transform:translate(-50%,-50%)}[data-hc-popin][data-hc-popin-type=large]{width:calc(100% - 60px);padding:var(--hc-popin--padding--large,60px);max-width:var(--hc-popin--width--large,800px);max-height:90%;overflow:auto}[data-hc-popin][data-hc-popin-type=large] [data-hc-popin-close]{top:var(--hc-popin-close--top--large,20px);right:var(--hc-popin-close--right--large,20px)}[data-hc-popin][data-hc-popin-type=large] [data-hc-popin-close] svg{height:var(--hc-popin-close--height--large,18px);width:var(--hc-popin-close--width--large,18px)}[data-hc-popin][data-hc-popin-type=small]{width:calc(100% - 40px);max-width:var(--hc-popin--width--small,275px);padding:var(--hc-popin--padding--small,30px)}[data-hc-popin][data-hc-popin-type=small] [data-hc-popin-close]{top:var(--hc-popin-close--top--small,5px);right:var(--hc-popin-close--right--small,5px)}[data-hc-popin][data-hc-popin-type=small] [data-hc-popin-close] svg{height:var(--hc-popin-close--height--small,14px);width:var(--hc-popin-close--width--small,14px)}[data-hc-popin].hc-popin-show{visibility:visible;display:block}[data-hc-popin] [data-hc-popin-close]{cursor:pointer;pointer-events:all;background:0 0;border:0;justify-content:center;align-items:center;padding:5px;transition:opacity .4s;display:flex;position:absolute}[data-hc-popin] [data-hc-popin-close] svg{stroke:var(--hc-popin-close--color,#000);stroke-width:var(--hc-popin-close--stroke-width,2.5);stroke-linejoin:bevel;stroke-linecap:round}[data-hc-popin] [data-hc-popin-close]:hover{opacity:.6}[data-hc-popin-overlay-background]{z-index:1050;visibility:hidden;background:var(--hc-popin--overlay,#18181bcc);animation-name:fadeIn;animation-duration:.4s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}[data-hc-popin-overlay-background].hc-popin-overlay-show{visibility:visible;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--hc-scroll-reveal-distance:0px;--hc-scroll-reveal-delay:.2s;--hc-scroll-reveal-duration:.8s;--hc-scroll-reveal-interval:.1s;--hc-scroll-reveal-origin:bottom;--hc-scroll-reveal-timing-function:ease;--hc-scroll-reveal-translate:translateY(0)}.has-iris-scroll-reveal .hc-sr{opacity:0;transform:var(--hc-scroll-reveal-translate)}.has-iris-scroll-reveal .hc-sr--show{animation-name:scrollRevealAnimation;animation-duration:var(--hc-scroll-reveal-duration);animation-delay:var(--hc-scroll-reveal-delay);animation-fill-mode:forwards;animation-timing-function:var(--hc-scroll-reveal-timing-function)}@keyframes scrollRevealAnimation{0%{opacity:0;transform:var(--hc-scroll-reveal-translate)}to{opacity:1;transform:translate(0)}}[data-hc-tab-content]>[data-hc-tab-pane]{display:none}[data-hc-tab-content]>.active{display:block}

package/public/index.html CHANGED Viewed

@@ -1,10 +1,7 @@
 <!doctype html>
-<html>
+<html lang="fr">
 <head>
     <title>IRIStyle</title>
-    <script type="text/javascript">var exports = {};</script>
-    <script type="text/javascript" src="../public/scripts/index.js"></script>
-    <link rel="stylesheet" href="../public/styles/style.css">
     <style>
         a {
             text-decoration: none;
@@ -129,7 +126,7 @@
             color: blue;
         }
     </style>
-</head>
+<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script defer src="/index.js"></script><link href="/index.css" rel="stylesheet"></head>
 <body style="font-family: 'Helvetica Neue';" class="has-iris-scroll-reveal">
 <div class="wrapper">
     <main style="display: grid; grid-template-columns: 10% 90%;">
@@ -196,8 +193,8 @@
                 <h2 class="component__content__title">Lightbox</h2>
                 <div class="component__content">
                     <div class="component__content__topbar">
-                        <a href="https://via.placeholder.com/1000x500" data-hc-lightbox>
-                            <img src="https://via.placeholder.com/150" alt="" width="150" height="150">
+                        <a href="https://fakeimg.pl/1000x500" data-hc-lightbox>
+                            <img src="https://fakeimg.pl/150" alt="" width="150" height="150">
                         </a>
                     </div>
                 </div>
@@ -206,10 +203,10 @@
                 <h2 class="component__content__title">Lazyload</h2>
                 <div class="component__content">
                     <div class="component__content__topbar">
-                        <div><img data-hc-src="https://via.placeholder.com/150" alt="" width="150" height="150"></div>
-                        <div><img data-hc-src="https://via.placeholder.com/150" alt="" width="150" height="150"></div>
-                        <div><img data-hc-src="https://via.placeholder.com/150" alt="" width="150" height="150"></div>
-                        <div data-hc-bg="https://via.placeholder.com/150"></div>
+                        <div><img data-hc-src="https://fakeimg.pl/150" alt="" width="150" height="150"></div>
+                        <div><img data-hc-src="https://fakeimg.pl/150" alt="" width="150" height="150"></div>
+                        <div><img data-hc-src="https://fakeimg.pl/150" alt="" width="150" height="150"></div>
+                        <div data-hc-bg="https://fakeimg.pl/150"></div>
                     </div>
                 </div>
             </article>
@@ -339,71 +336,71 @@
                     <div class="component__content__topbar">
                         <div data-hc-slider>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                         </div>
                         <div data-hc-slider data-hc-slider-arrows id="slider-full">
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
+                                <img data-hc-src="https://fakeimg.pl/1280x500" alt="" width="1280" height="500">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
+                                <img data-hc-src="https://fakeimg.pl/1280x500" alt="" width="1280" height="500">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
+                                <img data-hc-src="https://fakeimg.pl/1280x500" alt="" width="1280" height="500">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
+                                <img data-hc-src="https://fakeimg.pl/1280x500" alt="" width="1280" height="500">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
+                                <img data-hc-src="https://fakeimg.pl/1280x500" alt="" width="1280" height="500">
                             </div>
                         </div>
                         <div data-hc-slider data-hc-slider-pagination>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                             <div>
-                                <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                             </div>
                         </div>
                         <div style="position: relative">
                             <div data-hc-slider data-hc-slider-arrows data-hc-slider-arrow-prev=".button-prev-test">
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                             </div>
                             <a href="#" class="button-prev-test">Bouton precedent de test</a>
@@ -411,19 +408,19 @@
                         <div style="position: relative">
                             <div data-hc-slider data-hc-slider-slides-per-view="1" data-hc-slider-slides-per-view-large="2" data-hc-slider-arrows data-hc-slider-arrow-prev=".button-prev-test" data-hc-slider-no-swipe="true" data-hc-slider-no-swipe-medium="false">
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                                 <div>
-                                    <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
+                                    <img data-hc-src="https://fakeimg.pl/500x250" alt="" width="500" height="250">
                                 </div>
                             </div>
                         </div>