ha-nitrous-personalization 0.0.0

package/dist/cjs/components/PersonalizationWidget/PersonalizationWidget.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../utils/api.cjs"),m=require("../../utils/etc.cjs"),i=require("react"),f=require("./PersonalizationWidgetItem.cjs"),z={"recommended-for-you":"user_personalization",trending:"trending_now",ymal:"similar_items"},P=({apiKey:o,brand:s,contentType:n="article",data:t,model:a})=>{const[r,l]=i.useState(void 0);return i.useEffect(()=>{(async()=>{var e;if(t)l(t);else if(n&&a&&o&&s){const d=z[a],c=(e=m.getNitrousCookie())==null?void 0:e.deviceId;if(console.log("fetching data",d,c),c){const u=await g.getPersonalizationData(o,{brand:s,type:n,useCase:d,userId:c});console.log("data",u),t&&l(u)}}})()},[o,t,n,a,s]),i.createElement("div",{"data-id":"personalization-widget"},r==null?void 0:r.data.recommendations.map(e=>i.createElement(f.PersonalizationWidgetItem,{item:e,key:e.id})))};exports.PersonalizationWidget=P;

package/dist/cjs/components/PersonalizationWidget/PersonalizationWidgetItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=({item:e})=>{var r,a,n,l;return t.createElement("a",{"data-id":"personalization-item",href:(n=(a=(r=e==null?void 0:e.metadata)==null?void 0:r.links)==null?void 0:a.frontend)==null?void 0:n.url},t.createElement("img",{src:(l=e.media)==null?void 0:l[0].url}),t.createElement("h6",null,e.title),t.createElement("div",null,e.publish_from))};exports.PersonalizationWidgetItem=o;

package/dist/cjs/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/PersonalizationWidget/PersonalizationWidget.cjs"),t=require("./utils/api.cjs");exports.PersonalizationWidget=e.PersonalizationWidget;exports.getPersonalizationData=t.getPersonalizationData;

package/dist/cjs/utils/api.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=async(a,t)=>{try{if(!t)return;const r=new URLSearchParams(t),e=await(await fetch(`https://ha-personalize-api.kubeprod.hearstapps.com/recommendations?${r.toString()}`,{headers:{"api-key":a},method:"GET"})).json();if(e.error)throw new Error(`Failed to fetch personalization data: ${JSON.stringify(e.error)}`);return e}catch{}};exports.getPersonalizationData=o;

package/dist/cjs/utils/etc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=t=>{var i;const e=`; ${document.cookie}`.split(`; ${t}=`);if(e.length===2)return(i=e.pop())==null?void 0:i.split(";").shift()},r=()=>{const t=n("nit");let o;try{t&&(o=JSON.parse(decodeURIComponent(t)))}catch{}return o};exports.getNitrousCookie=r;

package/dist/esm/components/PersonalizationWidget/PersonalizationWidget.js

@@ -0,0 +1,33 @@
+import { getPersonalizationData as f } from "../../utils/api.js";
+import { getNitrousCookie as g } from "../../utils/etc.js";
+import l, { useState as u, useEffect as p } from "react";
+import { PersonalizationWidgetItem as z } from "./PersonalizationWidgetItem.js";
+const P = {
+  "recommended-for-you": "user_personalization",
+  trending: "trending_now",
+  ymal: "similar_items"
+}, E = ({ apiKey: o, brand: i, contentType: s = "article", data: t, model: a }) => {
+  const [r, c] = u(void 0);
+  return p(() => {
+    (async () => {
+      var e;
+      if (t)
+        c(t);
+      else if (s && a && o && i) {
+        const m = P[a], n = (e = g()) == null ? void 0 : e.deviceId;
+        if (console.log("fetching data", m, n), n) {
+          const d = await f(o, {
+            brand: i,
+            type: s,
+            useCase: m,
+            userId: n
+          });
+          console.log("data", d), t && c(d);
+        }
+      }
+    })();
+  }, [o, t, s, a, i]), /* @__PURE__ */ l.createElement("div", { "data-id": "personalization-widget" }, r == null ? void 0 : r.data.recommendations.map((e) => /* @__PURE__ */ l.createElement(z, { item: e, key: e.id })));
+};
+export {
+  E as PersonalizationWidget
+};

package/dist/esm/components/PersonalizationWidget/PersonalizationWidgetItem.js

@@ -0,0 +1,17 @@
+import r from "react";
+const c = ({ item: e }) => {
+  var t, a, l, n;
+  return /* @__PURE__ */ r.createElement(
+    "a",
+    {
+      "data-id": "personalization-item",
+      href: (l = (a = (t = e == null ? void 0 : e.metadata) == null ? void 0 : t.links) == null ? void 0 : a.frontend) == null ? void 0 : l.url
+    },
+    /* @__PURE__ */ r.createElement("img", { src: (n = e.media) == null ? void 0 : n[0].url }),
+    /* @__PURE__ */ r.createElement("h6", null, e.title),
+    /* @__PURE__ */ r.createElement("div", null, e.publish_from)
+  );
+};
+export {
+  c as PersonalizationWidgetItem
+};

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+import { PersonalizationWidget as a } from "./components/PersonalizationWidget/PersonalizationWidget.js";
+import { getPersonalizationData as r } from "./utils/api.js";
+export {
+  a as PersonalizationWidget,
+  r as getPersonalizationData
+};

package/dist/esm/utils/api.js

@@ -0,0 +1,24 @@
+const n = async (t, e) => {
+  try {
+    if (!e)
+      return;
+    const a = new URLSearchParams(e), r = await (await fetch(
+      `https://ha-personalize-api.kubeprod.hearstapps.com/recommendations?${a.toString()}`,
+      {
+        headers: {
+          "api-key": t
+        },
+        method: "GET"
+      }
+    )).json();
+    if (r.error)
+      throw new Error(
+        `Failed to fetch personalization data: ${JSON.stringify(r.error)}`
+      );
+    return r;
+  } catch {
+  }
+};
+export {
+  n as getPersonalizationData
+};

package/dist/esm/utils/etc.js

@@ -0,0 +1,19 @@
+const n = (t) => {
+  var i;
+  const e = `; ${document.cookie}`.split(`; ${t}=`);
+  if (e.length === 2)
+    return (i = e.pop()) == null ? void 0 : i.split(";").shift();
+}, r = () => {
+  const t = n("nit");
+  let o;
+  try {
+    t && (o = JSON.parse(
+      decodeURIComponent(t)
+    ));
+  } catch {
+  }
+  return o;
+};
+export {
+  r as getNitrousCookie
+};

package/dist/types/index.d.ts

@@ -0,0 +1,49 @@
+import { FunctionComponent } from 'react';
+
+export declare const getPersonalizationData: (apiKey: string, params: GetPersonalizationDataParams) => Promise<GetPersonalizationDataResponse | undefined>;
+
+declare type GetPersonalizationDataItem = {
+    __typename: 'Content';
+    id: string;
+    media: {
+        url: string;
+    }[];
+    metadata: {
+        dek: string;
+        links: {
+            frontend: {
+                url: string;
+            };
+        };
+    };
+    publish_from: string;
+    title: string;
+};
+
+declare type GetPersonalizationDataParams = {
+    brand: string;
+    type: 'article' | 'car' | 'video';
+    useCase: PersonalizationUseCase;
+    userId: string;
+};
+
+declare type GetPersonalizationDataResponse = {
+    data: {
+        recommendations: GetPersonalizationDataItem[];
+    };
+    error?: unknown;
+};
+
+declare type PersonalizationUseCase = 'similar_items' | 'trending_now' | 'user_personalization';
+
+export declare const PersonalizationWidget: FunctionComponent<PersonalizationWidgetProps>;
+
+declare type PersonalizationWidgetProps = {
+    apiKey?: string;
+    brand?: string;
+    contentType?: GetPersonalizationDataParams['type'];
+    data?: GetPersonalizationDataResponse;
+    model?: 'recommended-for-you' | 'trending' | 'ymal';
+};
+
+export { }

package/package.json

@@ -0,0 +1,52 @@
+{
+  "devDependencies": {
+    "@types/node": "^22.13.10",
+    "@types/react": "~19.0.12",
+    "@types/react-dom": "~19.0.4",
+    "eslint": "^9.22.0",
+    "prettier": "^3.5.3",
+    "react": "~19.0.0",
+    "react-dom": "~19.0.0",
+    "rimraf": "^6.0.1",
+    "rollup-plugin-node-externals": "~8.0.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.2",
+    "vite-bundle-visualizer": "~1.2.1",
+    "vite-plugin-dts": "~4.5.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "@motortrend/prettier-config-nitrous": "0.0.4",
+    "@motortrend/eslint-plugin-nitrous": "0.0.12"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "name": "ha-nitrous-personalization",
+  "repository": {
+    "directory": "packages/nitrous-personalization",
+    "type": "git",
+    "url": "git+https://github.com/motortrend/nitrous-analytics.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs"
+    }
+  },
+  "type": "module",
+  "version": "0.0.0",
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "build:analyze": "vite-bundle-visualizer",
+    "clean": "rimraf dist",
+    "lint": "eslint --fix .",
+    "lint:format": "prettier --write ."
+  }
+}