@startinblox/boilerplate 4.0.0 → 4.2.0

package/.gitlab-ci.yml

@@ -14,7 +14,7 @@ default:
 
 stages:
   - prepare
-  - test
+  # - test
   - publish
 
 prepare:
@@ -31,22 +31,23 @@ prepare:
     paths:
       - dist
     expire_in: 1 day
-  tags:
-    - test
+  # tags:
+  #   - test
 
-test:
-  stage: test
-  image: 
-    name: cypress/included:14.2.0
-    entrypoint: [""]
-  before_script:
-    - npm ci --cache .npm --prefer-offline
-  script:
-    - npm run cy:run
-  except:
-    - tags
-  tags:
-    - test
+# Temp: https://github.com/cypress-io/cypress/issues/31882
+# test:
+#   stage: test
+#   image: 
+#     name: cypress/included:14.2.0
+#     entrypoint: [""]
+#   before_script:
+#     - npm ci --cache .npm --prefer-offline
+#   script:
+#     - npm run cy:run
+#   except:
+#     - tags
+#   tags:
+#     - test
 
 publish:
   stage: publish

package/dist/index.js

@@ -748,7 +748,7 @@ class $ extends lt {
         o[n.value],
         e,
         r
-      )), n.cast && (o[n.value] = n.cast(o[n.value])));
+      )), n.cast && (o[n.value] = await n.cast(o[n.value])));
     return await this._responseAdaptator(o);
   }
   async _getProxyValue(t, e = !0, r = this.cherryPickedProperties) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/boilerplate",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "description": "Startin'blox Boilerplate",
   "main": "dist/index.js",
   "type": "module",
@@ -76,15 +76,15 @@
     "postcss-scss": "^4.0.9",
     "sass": "^1.89.2",
     "unplugin-icons": "^22.1.0",
-    "vite": "^6.3.5"
+    "vite": "^7.0.0"
   },
   "devDependencies": {
     "@lit/localize-tools": "^0.8.0",
-    "@storybook/web-components-vite": "^9.0.12",
+    "@storybook/addon-docs": "^9.0.13",
+    "@storybook/web-components-vite": "^9.0.13",
     "cypress": "^14.5.0",
     "cypress-ct-lit": "^1.0.0",
     "lorem-ipsum": "^2.0.8",
-    "storybook": "^9.0.12",
-    "@storybook/addon-docs": "^9.0.12"
+    "storybook": "^9.0.13"
   }
 }

package/src/helpers/components/orbitComponent.ts

@@ -1,14 +1,9 @@
-import { nothing } from "lit";
-import { property, state } from "lit/decorators.js";
-
 import {
   CLIENT_CONTEXT,
   requestNavigation,
   setupComponentSubscriptions,
 } from "@helpers";
-
 import { ComponentObjectsHandler } from "@helpers/components/componentObjectsHandler";
-
 import type {
   Container,
   LiveOrbit,
@@ -17,6 +12,8 @@ import type {
   Resource,
   UnknownResource,
 } from "@src/component";
+import { nothing } from "lit";
+import { property, state } from "lit/decorators.js";
 
 export default class extends ComponentObjectsHandler {
   constructor({
@@ -68,7 +65,7 @@ export default class extends ComponentObjectsHandler {
   protected async _attach(
     defaultRoute: boolean,
     setupSubscriptions: boolean,
-    ignoreRouter: boolean
+    ignoreRouter: boolean,
   ) {
     if (!this.orbit) {
       if (window.orbit) {
@@ -112,7 +109,7 @@ export default class extends ComponentObjectsHandler {
     const rdfType = navigator.getAttribute("navigation-rdf-type");
     if (rdfType) {
       const compatibleComponents = window.orbit?.components?.filter(
-        (c) => c?.routeAttributes?.["rdf-type"] === rdfType
+        (c) => c?.routeAttributes?.["rdf-type"] === rdfType,
       );
       if (compatibleComponents) target = compatibleComponents[0]?.uniq;
     }
@@ -120,7 +117,7 @@ export default class extends ComponentObjectsHandler {
       requestNavigation(
         (window.orbit ? window.orbit.getRoute(target, true) : target) +
           (subrouter ? `-${subrouter}` : ""),
-        resource
+        resource,
       );
     }
     e.preventDefault();
@@ -135,7 +132,7 @@ export default class extends ComponentObjectsHandler {
 
   async _expandContainer(
     value: Resource[],
-    recursive = true
+    recursive = true,
   ): Promise<UnknownResource[]> {
     const expandedContainer: UnknownResource[] = [];
     for (const entry of value) {
@@ -148,7 +145,7 @@ export default class extends ComponentObjectsHandler {
   async _getProperties(
     resource: Resource,
     recursive = true,
-    targetProperties: PropertiesPicker[] = this.cherryPickedProperties
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
   ) {
     const properties = await resource.properties;
     const response: Resource = {
@@ -164,11 +161,11 @@ export default class extends ComponentObjectsHandler {
           response[prop.value] = await this._getProxyValue(
             response[prop.value],
             recursive,
-            targetProperties
+            targetProperties,
           );
         }
         if (prop.cast) {
-          response[prop.value] = prop.cast(response[prop.value]);
+          response[prop.value] = await prop.cast(response[prop.value]);
         }
       }
     }
@@ -181,7 +178,7 @@ export default class extends ComponentObjectsHandler {
       | Resource
       | ProxyValue<Resource | Container<ProxyValue<Resource> | Resource>>,
     recursive = true,
-    targetProperties: PropertiesPicker[] = this.cherryPickedProperties
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
   ) {
     try {
       if (resource) {
@@ -193,7 +190,7 @@ export default class extends ComponentObjectsHandler {
           if (!resource.isFullResource?.()) {
             target = await window.sibStore.getData(
               resource["@id"],
-              CLIENT_CONTEXT
+              CLIENT_CONTEXT,
             );
           }
         }

package/vite.config.ts

@@ -6,8 +6,7 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        quietDeps: true,
-        api: "modern-compiler",
+        quietDeps: true
       },
     },
   },

package/cypress/cypress.d.ts

@@ -1 +0,0 @@
-/// <reference types="cypress" />