@wippy-fe/webcomponent-core 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wippy-fe/webcomponent-core",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "Framework-agnostic base class for Wippy web components — shadow DOM, CSS loading, schema-driven prop parsing, and lifecycle management.",
   "type": "module",
   "main": "src/index.ts",
@@ -11,7 +11,7 @@
   ],
   "peerDependencies": {
     "@iconify/vue": "^5.0.0",
-    "@wippy-fe/proxy": "0.0.21"
+    "@wippy-fe/proxy": "0.0.23"
   },
   "license": "UNLICENSED"
 }

package/src/css-loader.ts

@@ -14,17 +14,31 @@ const DEFAULT_HOST_CSS_KEYS: HostCssKey[] = [
  */
 export function loadHostCss(shadow: ShadowRoot, keys?: HostCssKey[]): Promise<void> {
   const cssKeys = keys ?? DEFAULT_HOST_CSS_KEYS
-  return Promise.all(
-    cssKeys.map(key => loadCss(hostCss[key])),
-  ).then((cssChunks) => {
+  // Filter out keys whose URL is missing (e.g. removed CSS like fontCssUrl).
+  // Load each independently so one failure doesn't block the rest.
+  const jobs = cssKeys.map(async (key) => {
+    const url = hostCss[key]
+    if (!url) {
+      console.warn(`[wippy-fe/webcomponent-core] hostCss key "${key}" is undefined — skipping. Remove it from hostCssKeys if the CSS was removed.`)
+      return null
+    }
+    try {
+      return await loadCss(url)
+    }
+    catch (err) {
+      console.warn(`[wippy-fe/webcomponent-core] Failed to load hostCss "${key}" (${url}):`, err)
+      return null
+    }
+  })
+  return Promise.all(jobs).then((cssChunks) => {
     for (const css of cssChunks) {
+      if (!css)
+        continue
       const style = document.createElement('style')
       style.textContent = css
       style.setAttribute('role', '@wippy-fe/host-css')
       shadow.appendChild(style)
     }
-  }).catch((err) => {
-    console.warn('Failed to load host CSS:', err)
   })
 }