fix imports

Matteo-it · Matteo-it · commit 2d5a69e3a995 · 2025-07-04T15:13:39.000+02:00
diff --git a/npm/templates/article-component-builder.js b/npm/templates/article-component-builder.js
@@ -3,7 +3,7 @@ export default function makeArticleComponent(componentName, slug) {
 /** ARTICLE FILE TEMPLATE **/
 return `import "./${componentName}.scss"
 import React, {useEffect, useState} from 'react'
-import Article from "/src/components/articles/base/Article.jsx"
+import Article from "../../components/articles/base/Article.jsx"
 
 /**
  * @param {ArticleDataWrapper} dataWrapper
@@ -21,7 +21,7 @@ function ${componentName}({ dataWrapper, id }) {
                  className={\`${slug}\`}
                  selectedItemCategoryId={selectedItemCategoryId}
                  setSelectedItemCategoryId={setSelectedItemCategoryId}>
-            <${componentName}Items dataWrapper={dataWrapper} 
+            <${componentName}Items dataWrapper={dataWrapper}
                                    selectedItemCategoryId={selectedItemCategoryId}/>
         </Article>
     )
@@ -39,7 +39,7 @@ function ${componentName}Items({ dataWrapper, selectedItemCategoryId }) {
     return (
         <div className={\`${slug}-items\`}>
             {filteredItems.map((itemWrapper, key) => (
-                <${componentName}Item itemWrapper={itemWrapper} 
+                <${componentName}Item itemWrapper={itemWrapper}
                                       key={key}/>
             ))}
         </div>
diff --git a/src/components/articles/ArticleCards.scss b/src/components/articles/ArticleCards.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-cards-items {
     --item-padding-default: 30px;
diff --git a/src/components/articles/ArticleContactForm.scss b/src/components/articles/ArticleContactForm.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 button.article-contact-form-reset-button {
     margin-top: 28px;
diff --git a/src/components/articles/ArticleFacts.scss b/src/components/articles/ArticleFacts.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-facts-items {
     --avatar-size: 120px;
diff --git a/src/components/articles/ArticleInfoList.scss b/src/components/articles/ArticleInfoList.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-info-list-items {
     --grid-row-gap: 10px;
diff --git a/src/components/articles/ArticleInlineList.scss b/src/components/articles/ArticleInlineList.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 $spacing-between-items: 15px;
 $item-padding: 5px;
diff --git a/src/components/articles/ArticleNotFound.scss b/src/components/articles/ArticleNotFound.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 table.article-not-found-item-table {
     border-radius: $standard-border-radius!important;
diff --git a/src/components/articles/ArticlePortfolio.scss b/src/components/articles/ArticlePortfolio.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-portfolio-items {
     --item-gap: 40px;
diff --git a/src/components/articles/ArticleSkills.scss b/src/components/articles/ArticleSkills.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-skills-items {
     --item-gap: 25px;
diff --git a/src/components/articles/ArticleStack.scss b/src/components/articles/ArticleStack.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-stack-items {
     --grid-template-columns: repeat(6, 1fr);
diff --git a/src/components/articles/ArticleTestimonials.scss b/src/components/articles/ArticleTestimonials.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-testimonials-item {
     display: flex;
diff --git a/src/components/articles/ArticleText.scss b/src/components/articles/ArticleText.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 $column-breakpoint: xl;
 
diff --git a/src/components/articles/ArticleThread.scss b/src/components/articles/ArticleThread.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.article-thread-items {
     --min-gap-between-items: 50px;
diff --git a/src/components/articles/ArticleTimeline.scss b/src/components/articles/ArticleTimeline.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 ul.article-timeline-items {
     --min-gap-between-items: 50px;
diff --git a/src/components/articles/base/Article.scss b/src/components/articles/base/Article.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 article.article {
     width: 100%;
diff --git a/src/components/articles/partials/ArticleItemInfoForTimelines.scss b/src/components/articles/partials/ArticleItemInfoForTimelines.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 div.article-timeline-item-info-for-timelines {
     --content-padding: 25px 30px;
diff --git a/src/components/articles/partials/ArticleItemPreviewMenu.scss b/src/components/articles/partials/ArticleItemPreviewMenu.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 div.article-item-preview-menu {
     display: flex;
diff --git a/src/components/buttons/CircularButton.scss b/src/components/buttons/CircularButton.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 button.circular-button {
     display: flex;
diff --git a/src/components/buttons/GestureAwareButton.scss b/src/components/buttons/GestureAwareButton.scss
@@ -1 +1 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
diff --git a/src/components/buttons/OptionPickerButton.scss b/src/components/buttons/OptionPickerButton.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.btn-option-picker {
     display: flex;
diff --git a/src/components/buttons/StandardButton.scss b/src/components/buttons/StandardButton.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 button.standard-button {
     i, span {
diff --git a/src/components/capabilities/Animable.scss b/src/components/capabilities/Animable.scss
@@ -1 +1 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
diff --git a/src/components/capabilities/Collapsable.scss b/src/components/capabilities/Collapsable.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.collapsable {
     display: flex;
diff --git a/src/components/capabilities/Scrollable.scss b/src/components/capabilities/Scrollable.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.scrollable-wrapper {
     width: 100%;
diff --git a/src/components/capabilities/Swipeable.scss b/src/components/capabilities/Swipeable.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.swipeable {
     width: 100%;
diff --git a/src/components/capabilities/Transitionable.jsx b/src/components/capabilities/Transitionable.jsx
@@ -1,6 +1,6 @@
 import "./Transitionable.scss"
 import React, {useEffect, useState} from 'react'
-import {useScheduler} from "/src/hooks/scheduler.js"
+import {useScheduler} from "../../hooks/scheduler"
 
 function Transitionable({ children, id, refreshFlag, delayBetweenItems = 100, className = "", animation = "transitionable-item-animation-pop" }) {
     const scheduler = useScheduler()
diff --git a/src/components/capabilities/Transitionable.scss b/src/components/capabilities/Transitionable.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.transitionable-wrapper {
     min-height: calc(100vh - calc($default-card-spacing*5));
diff --git a/src/components/forms/base/InputFieldWrapper.scss b/src/components/forms/base/InputFieldWrapper.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 div.input-field-wrapper {
     border: 2px solid var(--form-border-color);
diff --git a/src/components/forms/containers/RowForm.scss b/src/components/forms/containers/RowForm.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 div.row-form-group {
     display: flex;
diff --git a/src/components/forms/fields/Input.scss b/src/components/forms/fields/Input.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 /** ------------------ DIMENSIONS ----------------- **/
 input.form-input {
diff --git a/src/components/forms/fields/Textarea.scss b/src/components/forms/fields/Textarea.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
 
 textarea.form-textarea, textarea.form-textarea:focus {
     --min-height: 200px;
diff --git a/src/components/generic/AvatarView.scss b/src/components/generic/AvatarView.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.avatar-view {
     display: flex;
diff --git a/src/components/generic/Balloon.jsx b/src/components/generic/Balloon.jsx
@@ -1,6 +1,6 @@
 import "./Balloon.scss"
 import React, {useEffect, useState} from 'react'
-import {useUtils} from "/src/hooks/utils.js"
+import {useUtils} from "../../hooks/utils.js"
 
 function Balloon({ children, className = "" }) {
     return (
diff --git a/src/components/generic/Balloon.scss b/src/components/generic/Balloon.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.balloon {
     display: flex;
diff --git a/src/components/generic/CategoryFilter.scss b/src/components/generic/CategoryFilter.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.category-filter {
     display: inline-flex;
diff --git a/src/components/generic/ImageView.jsx b/src/components/generic/ImageView.jsx
@@ -1,8 +1,8 @@
 import "./ImageView.scss"
 import React, {useEffect, useState} from 'react'
-import {useConstants} from "/src/hooks/constants.js"
+import {useConstants} from "../../hooks/constants.js"
 import {Spinner} from "react-bootstrap"
-import {useUtils} from "/src/hooks/utils.js"
+import {useUtils} from "../../hooks/utils.js"
 
 function ImageView({ src, alt = "", className = "", id= null, hideSpinner = false, style = null, onStatus = null }) {
     const [loadStatus, setLoadStatus] = useState(ImageView.LoadStatus.LOADING)
diff --git a/src/components/generic/ImageView.scss b/src/components/generic/ImageView.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.image-view {
     display: flex;
diff --git a/src/components/generic/InfoBadge.scss b/src/components/generic/InfoBadge.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.info-badge {
     display: inline-flex;
diff --git a/src/components/generic/Link.scss b/src/components/generic/Link.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 a.link-no-href {
     color: var(--theme-texts)!important;
diff --git a/src/components/generic/MessageCard.scss b/src/components/generic/MessageCard.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.message-card {
     --avatar-size: 110px;
diff --git a/src/components/generic/NumberAnimation.jsx b/src/components/generic/NumberAnimation.jsx
@@ -1,6 +1,6 @@
 import "./NumberAnimation.scss"
 import React, {useEffect, useState} from 'react'
-import {useScheduler} from "/src/hooks/scheduler.js"
+import {useScheduler} from "../../hooks/scheduler.js"
 
 function NumberAnimation({ targetValue, id, initialValue = 0, updateDelay = 10, format = `{n}`, className = "" }) {
     const scheduler = useScheduler()
diff --git a/src/components/generic/NumberAnimation.scss b/src/components/generic/NumberAnimation.scss
@@ -1 +1 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
diff --git a/src/components/generic/PropList.scss b/src/components/generic/PropList.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 ul.prop-list {
     list-style: none;
diff --git a/src/components/generic/Separator.scss b/src/components/generic/Separator.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 hr.separator {
     opacity: 1;
diff --git a/src/components/generic/StatusCircle.scss b/src/components/generic/StatusCircle.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.status-circle {
     cursor: help;
diff --git a/src/components/generic/Tags.scss b/src/components/generic/Tags.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 ul.tags {
     display: block;
diff --git a/src/components/generic/TextTyper.scss b/src/components/generic/TextTyper.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 span.text-typer-span {
     position: relative;
diff --git a/src/components/generic/Tooltip.jsx b/src/components/generic/Tooltip.jsx
@@ -1,6 +1,6 @@
 import "./Tooltip.scss"
 import React, {useEffect, useState} from 'react'
-import {useScheduler} from "/src/hooks/scheduler.js"
+import {useScheduler} from "../../hooks/scheduler.js"
 
 function Tooltip({ id = null, className = "", label = "" }) {
     const scheduler = useScheduler()
diff --git a/src/components/generic/Tooltip.scss b/src/components/generic/Tooltip.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.custom-tooltip {
     position: absolute;
diff --git a/src/components/layout/Layout.scss b/src/components/layout/Layout.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.layout {
     color: var(--theme-texts);
diff --git a/src/components/layout/LayoutAnimatedBackground.scss b/src/components/layout/LayoutAnimatedBackground.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.layout-animated-background {
     width: 100%;
diff --git a/src/components/layout/LayoutImageCache.jsx b/src/components/layout/LayoutImageCache.jsx
@@ -1,6 +1,6 @@
 import "./LayoutImageCache.scss"
 import React, {useEffect, useState} from 'react'
-import {useUtils} from "/src/hooks/utils.js"
+import {useUtils} from "../../hooks/utils.js"
 
 function LayoutImageCache({ profile, settings, sections }) {
     const utils = useUtils()
diff --git a/src/components/layout/LayoutImageCache.scss b/src/components/layout/LayoutImageCache.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.layout-image-cache {
     position: absolute;
diff --git a/src/components/layout/LayoutNavigation.scss b/src/components/layout/LayoutNavigation.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.layout-navigation-wrapper {
     $target-height: calc(100vh - $default-card-spacing*2);
diff --git a/src/components/layout/LayoutSlideshow.scss b/src/components/layout/LayoutSlideshow.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.layout-slideshow {
     display: grid;
diff --git a/src/components/loaders/ActivitySpinner.scss b/src/components/loaders/ActivitySpinner.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 #activity-spinner {
     position: fixed;
diff --git a/src/components/loaders/Preloader.scss b/src/components/loaders/Preloader.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.preloader-window {
     position: fixed;
diff --git a/src/components/modals/ConfirmationWindowModal.scss b/src/components/modals/ConfirmationWindowModal.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 #confirmation-window {
     div.modal-content {
diff --git a/src/components/modals/GalleryModal.scss b/src/components/modals/GalleryModal.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 #gallery-modal {
     --header-size: 80px;
diff --git a/src/components/modals/YoutubeVideoModal.scss b/src/components/modals/YoutubeVideoModal.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 #youtube-video-modal {
     div.modal-dialog {
diff --git a/src/components/modals/base/ModalWrapper.scss b/src/components/modals/base/ModalWrapper.scss
@@ -1 +1 @@
-@import "/src/styles/extend.scss";
+@import "../../../styles/extend.scss";
diff --git a/src/components/mouse/MouseLayer.scss b/src/components/mouse/MouseLayer.scss
@@ -1,4 +1,4 @@
-@import "/src/styles/extend.scss";
+@import "../../styles/extend.scss";
 
 div.mouse-layer {
     z-index: $z-index-animated-cursor;
diff --git a/src/components/mouse/MouseLayerCircle.scss b/src/components/mouse/MouseLayerCircle.scss
diff --git a/src/components/mouse/MouseLayerTooltip.scss b/src/components/mouse/MouseLayerTooltip.scss
diff --git a/src/components/nav/NavHeaderMobile.scss b/src/components/nav/NavHeaderMobile.scss
diff --git a/src/components/nav/NavSidebar.scss b/src/components/nav/NavSidebar.scss
diff --git a/src/components/nav/NavTabController.scss b/src/components/nav/NavTabController.scss
diff --git a/src/components/nav/partials/NavLinkList.scss b/src/components/nav/partials/NavLinkList.scss
diff --git a/src/components/nav/partials/NavLinkPills.scss b/src/components/nav/partials/NavLinkPills.scss
diff --git a/src/components/nav/partials/NavLinkPillsFixed.scss b/src/components/nav/partials/NavLinkPillsFixed.scss
diff --git a/src/components/nav/partials/NavProfileCard.scss b/src/components/nav/partials/NavProfileCard.scss
diff --git a/src/components/nav/partials/NavToolList.scss b/src/components/nav/partials/NavToolList.scss
diff --git a/src/components/notifications/Notification.jsx b/src/components/notifications/Notification.jsx
diff --git a/src/components/notifications/Notification.scss b/src/components/notifications/Notification.scss
diff --git a/src/components/notifications/NotificationsLayer.scss b/src/components/notifications/NotificationsLayer.scss
diff --git a/src/components/sections/Section.scss b/src/components/sections/Section.scss
diff --git a/src/components/sections/SectionBody.scss b/src/components/sections/SectionBody.scss
diff --git a/src/components/sections/SectionContent.scss b/src/components/sections/SectionContent.scss
diff --git a/src/components/sections/SectionHeader.scss b/src/components/sections/SectionHeader.scss
diff --git a/src/components/widgets/DateBadge.scss b/src/components/widgets/DateBadge.scss
diff --git a/src/components/widgets/Logo.jsx b/src/components/widgets/Logo.jsx
diff --git a/src/components/widgets/Logo.scss b/src/components/widgets/Logo.scss
diff --git a/src/components/widgets/PacMan.scss b/src/components/widgets/PacMan.scss
diff --git a/src/hooks/api.js b/src/hooks/api.js
diff --git a/src/hooks/models/ArticleDataWrapper.js b/src/hooks/models/ArticleDataWrapper.js
diff --git a/src/hooks/models/ArticleItemDataWrapper.js b/src/hooks/models/ArticleItemDataWrapper.js
diff --git a/src/hooks/utils/_dom-utils.js b/src/hooks/utils/_dom-utils.js
diff --git a/src/hooks/utils/_string-utils.js b/src/hooks/utils/_string-utils.js
diff --git a/src/providers/DataProvider.jsx b/src/providers/DataProvider.jsx
diff --git a/src/providers/InputProvider.jsx b/src/providers/InputProvider.jsx
diff --git a/src/providers/LanguageProvider.jsx b/src/providers/LanguageProvider.jsx

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import "/src/styles/extend.scss";`
	`1`	`+@import "../../styles/extend.scss";`
`2`	`2`
`3`	`3`	`div.article-cards-items {`
`4`	`4`	`--item-padding-default: 30px;`