spoko-design-system 0.2.42 → 0.2.44

package/index.ts

@@ -1,13 +1,6 @@
 // Do not write code directly here, instead use the `src` folder!
 // Then, use this file to export everything you want your user to access.
 
-// import MyComponent from './src/src/MyComponent.astro';
-
-
-
-// export default MyComponent;
-
-
 // src/index.ts
 
 // Vue Components
@@ -29,7 +22,7 @@ export { default as CategorySidebarToggler } from './src/components/Category/Cat
 export { default as SubCategoryLink } from './src/components/Category/SubCategoryLink.vue';
 
 // Astro Components
-export { default as Copyright } from './src/components/Copyright.astro';
+export { default as Copyright } from './src/components/Copyright.astro'; ///src/components/Copyright.astro';
 export { default as HandDrive } from './src/components/HandDrive.astro';
 export { default as Faq } from './src/components/Faq.astro';
 export { default as FaqItem } from './src/components/FaqItem.astro';
@@ -40,6 +33,8 @@ export { default as ProductImage } from './src/components/Product/ProductImage.a
 // export { default as CategoriesSidebar } from './src/components/Category/CategoriesSidebar.astro';
 export { default as CategoryDetails } from './src/components/Category/CategoryDetails.astro';
 export { default as CategorySection } from './src/components/Category/CategorySection.astro';
+export { default as CategoryTile } from './src/components/Category/CategoryTile.astro';
+
 
 // Utils: Product
 export { default as getPriceFormatted } from './src/utils/product/getPriceFormatted';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "0.2.42",
+  "version": "0.2.44",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -41,6 +41,7 @@
     "@astrojs/mdx": "^3.1.9",
     "@astrojs/node": "^8.3.4",
     "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/ts-plugin": "^1.10.4",
     "@astrojs/vue": "^4.5.2",
     "@docsearch/css": "^3.7.0",
     "@iconify-json/ant-design": "^1.2.2",
@@ -61,7 +62,7 @@
     "@iconify-json/ph": "^1.2.1",
     "@iconify-json/simple-icons": "^1.2.11",
     "@iconify-json/uil": "^1.2.1",
-    "@iconify/json": "^2.2.268",
+    "@iconify/json": "^2.2.269",
     "@iconify/vue": "^4.1.2",
     "@playform/compress": "^0.1.6",
     "@playform/inline": "github:playform/inline",

package/src/components/Category/CategoryTile.astro

@@ -0,0 +1,42 @@
+---
+import getTranslatedLink from "@utils/text/getTranslatedLink";
+import { Image } from "astro:assets";
+
+interface CategoryObject {
+  photo: string;
+  desc: string;
+  alt: string;
+  name: string;
+  slug: string;
+  height?: number;
+  width?: number;
+  class?: string;
+}
+
+let inputProps = {};
+const { CategoryObject } = Astro.props as { CategoryObject: CategoryObject };
+CategoryObject.height = CategoryObject.height ?? 70;
+CategoryObject.width = CategoryObject.width ?? 70;
+---
+
+<a
+  href={getTranslatedLink(`/${CategoryObject.slug}/`)}
+  class="carousel-item"
+  {...inputProps}
+>
+  <Image
+    src={`${CategoryObject.photo}`}
+    alt={CategoryObject.alt}
+    height={CategoryObject.height}
+    width={CategoryObject.height}
+    format="avif"
+    loading="eager"
+    onerror="this.style.display='none';"
+    class="cats-img"
+  />
+  <div class="swiper-lazy-preloader"></div>
+
+  <div class="cat-name" itemprop="name">
+    {CategoryObject.name}
+  </div>
+</a>

package/src/types/astro.d.ts

@@ -1,5 +1,4 @@
-
 declare module '*.astro' {
-    const component: any;
-    export default component;
-  }
+  const component: any;
+  export default component;
+}

package/src/utils/product/getPriceFormatted.ts

@@ -11,4 +11,6 @@ export const getPriceFormatted  = (product: any) => {
       return 'no price'
     }
   }
-  
+  
+
+  export default getPriceFormatted;

package/src/utils/product/getProductChecklist.ts

@@ -13,3 +13,5 @@ export const getProductCheckList = (productDetails) => {
 
     return list.map(detail => t(`detail.value.${detail.value}`));
 }
+
+export default getProductCheckList;

package/src/utils/seo/getShorterDescription.ts

@@ -10,3 +10,5 @@ export const getShorterDescription = (description: string | null, limit = MAX_DE
   return description ? cutString(description, limit) || '' : '';
   
 }
+
+export default getShorterDescription;

package/src/utils/text/formatDate.ts

@@ -1,6 +1,6 @@
 /* Format date  */
 
 
-export function formatDate(date: Date ) {
+export default function formatDate(date: Date ) {
   return new Date(date);
 }

package/src/utils/text/formatLocaleNumber.ts

@@ -2,6 +2,6 @@
 
 import i18next from "i18next";
 
-export function formatLocaleNumber(number: number ) {
+export default function formatLocaleNumber(number: number ) {
   return  i18next.language === 'en' ? String(number).replace(/,/g, '.') : String(number);
 }

package/src/utils/text/formatPad.ts

@@ -2,6 +2,7 @@ export const formatPad = (num: number, size: number) => {
   return String(num).padStart(size, '0');
 }
 
+export default formatPad;
 // export const formatPad = (num: number, size: number) => {
 //   let productId = String(num)
 

package/src/utils/text/getNumberFormatted.ts

@@ -12,6 +12,7 @@ export const getNumberFormatted = (num, digits) => {
   return (num / item.value).toFixed(digits).replace(/\.0+$|(\.[0-9]*[1-9])0+$/, "$1") + item.symbol;
 }
 
+export default getNumberFormatted;
 /*
  * Tests
  */

package/src/utils/text/getTranslatedLink.ts

@@ -2,4 +2,6 @@ import i18next from "i18next";
 
 export const getTranslatedLink = ( link:string ) => {
   return i18next.language === 'en' ? link : `/pl${link}`
-}
+}
+
+export default getTranslatedLink;

package/tsconfig.json

@@ -18,7 +18,7 @@
     "moduleResolution": "node",
     "jsx": "preserve",
     "allowJs": true,
-    "types": ["vitest, vite/client", "@astrojs/ts","unplugin-vue-macros/macros-global", "unplugin-icons/types/astro"],
+    "types": ["vitest, vite/client", "@astrojs/ts","unplugin-vue-macros/macros-global", "unplugin-icons/types/astro", "src/types/astro.d.ts", "@astrojs/ts-plugin"],
     "paths": {
       "@components/*": ["components/*"],
       "@utils/*": ["utils/*"],