@financial-times/custom-code-component 1.3.3 → 1.5.1

package/dist/custom-code-component.js

@@ -21,10 +21,10 @@ class g extends HTMLElement {
       throw new Error(
         "path attribute not specified in <custom-code-component>"
       );
-    const [n, i, c] = e.split("/").reverse();
-    if (!n || !i || !c)
+    const [n, c, i] = e.split("/").reverse();
+    if (!n || !c || !i)
       return;
-    const f = l ? `http://localhost:5173/src/${n}/index.jsx` : `https://www.ft.com/__component/${c}/${i}${a ? `@${a}` : "@latest"}/${n}/${n}.js`;
+    const f = l ? `http://localhost:5173/src/${n}/index.jsx` : `https://www.ft.com/__component/${i}/${c}${a ? `@${a}` : "@latest"}/${n}/${n}.js`;
     try {
       const s = await import(
         /* webpackIgnore: true */
@@ -52,7 +52,7 @@ class g extends HTMLElement {
         t && (this.unmount = t), o && (this.onmessage = o);
       }
     } catch (s) {
-      console.info(`<custom-code-component> uncaught error from ${e}: `, s);
+      console.info(`<custom-code-component> uncaught error from ${e}`), console.error(s);
     }
   }
   connectedCallback() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/custom-code-component",
-  "version": "1.3.3",
+  "version": "1.5.1",
   "type": "module",
   "exports": {
     ".": {

package/src/custom-code-component.ts

@@ -88,7 +88,8 @@ class FTCustomCodeComponent extends HTMLElement {
         if (onmessage) this.onmessage = onmessage;
       }
     } catch (e) {
-      console.info(`<custom-code-component> uncaught error from ${path}: `, e);
+      console.info(`<custom-code-component> uncaught error from ${path}`);
+      console.error(e);
     }
   }