@c-technology/adaptive-ui 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -114,3 +114,4 @@ function focusMode() {
   liteUI,
   useAdaptive
 });
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/adaptive.ts","../src/react.ts","../src/signals/network.ts","../src/signals/battery.ts","../src/signals/behavior.ts","../src/strategies.ts"],"sourcesContent":["export { AdaptiveUI } from \"./adaptive\";\nexport { useAdaptive } from \"./react\";\nexport * from \"./strategies\";\n","export type Context =\n  | \"slow-network\"\n  | \"low-battery\"\n  | \"impatient\"\n  | \"new-user\";\n\ntype Strategy = {\n  conditions: Context[];\n  actions: () => void;\n};\n\nexport class AdaptiveUI {\n  private context = new Set<Context>();\n  private strategies: Strategy[] = [];\n\n  addContext(ctx: Context) {\n    this.context.add(ctx);\n  }\n\n  has(ctx: Context) {\n    return this.context.has(ctx);\n  }\n\n  strategy(strategy: Strategy) {\n    this.strategies.push(strategy);\n  }\n\n  run() {\n    for (const s of this.strategies) {\n      if (s.conditions.every(c => this.context.has(c))) {\n        s.actions();\n      }\n    }\n  }\n\n  explain() {\n    return {\n      context: Array.from(this.context),\n      strategies: this.strategies.length,\n    };\n  }\n}\n","import { useEffect, useState } from \"react\";\nimport { AdaptiveUI } from \"./adaptive\";\nimport { detectSlowNetwork } from \"./signals/network\";\nimport { detectLowBattery } from \"./signals/battery\";\nimport { detectImpatience } from \"./signals/behavior\";\n\nexport function useAdaptive() {\n  const [adaptive] = useState(() => new AdaptiveUI());\n\n  useEffect(() => {\n    detectSlowNetwork(() => adaptive.addContext(\"slow-network\"));\n    detectLowBattery(() => adaptive.addContext(\"low-battery\"));\n    detectImpatience(() => adaptive.addContext(\"impatient\"));\n  }, []);\n\n  return adaptive;\n}\n","export function detectSlowNetwork(onDetect: () => void) {\n  const connection = (navigator as any).connection;\n  if (!connection) return;\n\n  if (\n    connection.effectiveType === \"2g\" ||\n    connection.effectiveType === \"slow-2g\"\n  ) {\n    onDetect();\n  }\n}\n","export async function detectLowBattery(onDetect: () => void) {\n  if (!(\"getBattery\" in navigator)) return;\n\n  const battery = await (navigator as any).getBattery();\n  if (battery.level < 0.2) {\n    onDetect();\n  }\n}\n","export function detectImpatience(onDetect: () => void) {\n  let clicks = 0;\n\n  window.addEventListener(\"click\", () => {\n    clicks++;\n    if (clicks >= 6) {\n      onDetect();\n    }\n  });\n}\n","export function liteUI() {\n  document.body.classList.add(\"ui-lite\");\n}\n\nexport function focusMode() {\n  document.body.classList.add(\"ui-focus\");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACWO,IAAM,aAAN,MAAiB;AAAA,EAAjB;AACL,SAAQ,UAAU,oBAAI,IAAa;AACnC,SAAQ,aAAyB,CAAC;AAAA;AAAA,EAElC,WAAW,KAAc;AACvB,SAAK,QAAQ,IAAI,GAAG;AAAA,EACtB;AAAA,EAEA,IAAI,KAAc;AAChB,WAAO,KAAK,QAAQ,IAAI,GAAG;AAAA,EAC7B;AAAA,EAEA,SAAS,UAAoB;AAC3B,SAAK,WAAW,KAAK,QAAQ;AAAA,EAC/B;AAAA,EAEA,MAAM;AACJ,eAAW,KAAK,KAAK,YAAY;AAC/B,UAAI,EAAE,WAAW,MAAM,OAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG;AAChD,UAAE,QAAQ;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AACR,WAAO;AAAA,MACL,SAAS,MAAM,KAAK,KAAK,OAAO;AAAA,MAChC,YAAY,KAAK,WAAW;AAAA,IAC9B;AAAA,EACF;AACF;;;ACzCA,mBAAoC;;;ACA7B,SAAS,kBAAkB,UAAsB;AACtD,QAAM,aAAc,UAAkB;AACtC,MAAI,CAAC,WAAY;AAEjB,MACE,WAAW,kBAAkB,QAC7B,WAAW,kBAAkB,WAC7B;AACA,aAAS;AAAA,EACX;AACF;;;ACVA,eAAsB,iBAAiB,UAAsB;AAC3D,MAAI,EAAE,gBAAgB,WAAY;AAElC,QAAM,UAAU,MAAO,UAAkB,WAAW;AACpD,MAAI,QAAQ,QAAQ,KAAK;AACvB,aAAS;AAAA,EACX;AACF;;;ACPO,SAAS,iBAAiB,UAAsB;AACrD,MAAI,SAAS;AAEb,SAAO,iBAAiB,SAAS,MAAM;AACrC;AACA,QAAI,UAAU,GAAG;AACf,eAAS;AAAA,IACX;AAAA,EACF,CAAC;AACH;;;AHHO,SAAS,cAAc;AAC5B,QAAM,CAAC,QAAQ,QAAI,uBAAS,MAAM,IAAI,WAAW,CAAC;AAElD,8BAAU,MAAM;AACd,sBAAkB,MAAM,SAAS,WAAW,cAAc,CAAC;AAC3D,qBAAiB,MAAM,SAAS,WAAW,aAAa,CAAC;AACzD,qBAAiB,MAAM,SAAS,WAAW,WAAW,CAAC;AAAA,EACzD,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;;;AIhBO,SAAS,SAAS;AACvB,WAAS,KAAK,UAAU,IAAI,SAAS;AACvC;AAEO,SAAS,YAAY;AAC1B,WAAS,KAAK,UAAU,IAAI,UAAU;AACxC;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+type Context = "slow-network" | "low-battery" | "impatient" | "new-user";
+type Strategy = {
+    conditions: Context[];
+    actions: () => void;
+};
+declare class AdaptiveUI {
+    private context;
+    private strategies;
+    addContext(ctx: Context): void;
+    has(ctx: Context): boolean;
+    strategy(strategy: Strategy): void;
+    run(): void;
+    explain(): {
+        context: Context[];
+        strategies: number;
+    };
+}
+
+declare function useAdaptive(): AdaptiveUI;
+
+declare function liteUI(): void;
+declare function focusMode(): void;
+
+export { AdaptiveUI, focusMode, liteUI, useAdaptive };

package/dist/index.js

@@ -0,0 +1,87 @@
+// src/adaptive.ts
+var AdaptiveUI = class {
+  constructor() {
+    this.context = /* @__PURE__ */ new Set();
+    this.strategies = [];
+  }
+  addContext(ctx) {
+    this.context.add(ctx);
+  }
+  has(ctx) {
+    return this.context.has(ctx);
+  }
+  strategy(strategy) {
+    this.strategies.push(strategy);
+  }
+  run() {
+    for (const s of this.strategies) {
+      if (s.conditions.every((c) => this.context.has(c))) {
+        s.actions();
+      }
+    }
+  }
+  explain() {
+    return {
+      context: Array.from(this.context),
+      strategies: this.strategies.length
+    };
+  }
+};
+
+// src/react.ts
+import { useEffect, useState } from "react";
+
+// src/signals/network.ts
+function detectSlowNetwork(onDetect) {
+  const connection = navigator.connection;
+  if (!connection) return;
+  if (connection.effectiveType === "2g" || connection.effectiveType === "slow-2g") {
+    onDetect();
+  }
+}
+
+// src/signals/battery.ts
+async function detectLowBattery(onDetect) {
+  if (!("getBattery" in navigator)) return;
+  const battery = await navigator.getBattery();
+  if (battery.level < 0.2) {
+    onDetect();
+  }
+}
+
+// src/signals/behavior.ts
+function detectImpatience(onDetect) {
+  let clicks = 0;
+  window.addEventListener("click", () => {
+    clicks++;
+    if (clicks >= 6) {
+      onDetect();
+    }
+  });
+}
+
+// src/react.ts
+function useAdaptive() {
+  const [adaptive] = useState(() => new AdaptiveUI());
+  useEffect(() => {
+    detectSlowNetwork(() => adaptive.addContext("slow-network"));
+    detectLowBattery(() => adaptive.addContext("low-battery"));
+    detectImpatience(() => adaptive.addContext("impatient"));
+  }, []);
+  return adaptive;
+}
+
+// src/strategies.ts
+function liteUI() {
+  document.body.classList.add("ui-lite");
+}
+function focusMode() {
+  document.body.classList.add("ui-focus");
+}
+export {
+  AdaptiveUI,
+  focusMode,
+  liteUI,
+  useAdaptive
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adaptive.ts","../src/react.ts","../src/signals/network.ts","../src/signals/battery.ts","../src/signals/behavior.ts","../src/strategies.ts"],"sourcesContent":["export type Context =\n  | \"slow-network\"\n  | \"low-battery\"\n  | \"impatient\"\n  | \"new-user\";\n\ntype Strategy = {\n  conditions: Context[];\n  actions: () => void;\n};\n\nexport class AdaptiveUI {\n  private context = new Set<Context>();\n  private strategies: Strategy[] = [];\n\n  addContext(ctx: Context) {\n    this.context.add(ctx);\n  }\n\n  has(ctx: Context) {\n    return this.context.has(ctx);\n  }\n\n  strategy(strategy: Strategy) {\n    this.strategies.push(strategy);\n  }\n\n  run() {\n    for (const s of this.strategies) {\n      if (s.conditions.every(c => this.context.has(c))) {\n        s.actions();\n      }\n    }\n  }\n\n  explain() {\n    return {\n      context: Array.from(this.context),\n      strategies: this.strategies.length,\n    };\n  }\n}\n","import { useEffect, useState } from \"react\";\nimport { AdaptiveUI } from \"./adaptive\";\nimport { detectSlowNetwork } from \"./signals/network\";\nimport { detectLowBattery } from \"./signals/battery\";\nimport { detectImpatience } from \"./signals/behavior\";\n\nexport function useAdaptive() {\n  const [adaptive] = useState(() => new AdaptiveUI());\n\n  useEffect(() => {\n    detectSlowNetwork(() => adaptive.addContext(\"slow-network\"));\n    detectLowBattery(() => adaptive.addContext(\"low-battery\"));\n    detectImpatience(() => adaptive.addContext(\"impatient\"));\n  }, []);\n\n  return adaptive;\n}\n","export function detectSlowNetwork(onDetect: () => void) {\n  const connection = (navigator as any).connection;\n  if (!connection) return;\n\n  if (\n    connection.effectiveType === \"2g\" ||\n    connection.effectiveType === \"slow-2g\"\n  ) {\n    onDetect();\n  }\n}\n","export async function detectLowBattery(onDetect: () => void) {\n  if (!(\"getBattery\" in navigator)) return;\n\n  const battery = await (navigator as any).getBattery();\n  if (battery.level < 0.2) {\n    onDetect();\n  }\n}\n","export function detectImpatience(onDetect: () => void) {\n  let clicks = 0;\n\n  window.addEventListener(\"click\", () => {\n    clicks++;\n    if (clicks >= 6) {\n      onDetect();\n    }\n  });\n}\n","export function liteUI() {\n  document.body.classList.add(\"ui-lite\");\n}\n\nexport function focusMode() {\n  document.body.classList.add(\"ui-focus\");\n}\n"],"mappings":";AAWO,IAAM,aAAN,MAAiB;AAAA,EAAjB;AACL,SAAQ,UAAU,oBAAI,IAAa;AACnC,SAAQ,aAAyB,CAAC;AAAA;AAAA,EAElC,WAAW,KAAc;AACvB,SAAK,QAAQ,IAAI,GAAG;AAAA,EACtB;AAAA,EAEA,IAAI,KAAc;AAChB,WAAO,KAAK,QAAQ,IAAI,GAAG;AAAA,EAC7B;AAAA,EAEA,SAAS,UAAoB;AAC3B,SAAK,WAAW,KAAK,QAAQ;AAAA,EAC/B;AAAA,EAEA,MAAM;AACJ,eAAW,KAAK,KAAK,YAAY;AAC/B,UAAI,EAAE,WAAW,MAAM,OAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG;AAChD,UAAE,QAAQ;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AACR,WAAO;AAAA,MACL,SAAS,MAAM,KAAK,KAAK,OAAO;AAAA,MAChC,YAAY,KAAK,WAAW;AAAA,IAC9B;AAAA,EACF;AACF;;;ACzCA,SAAS,WAAW,gBAAgB;;;ACA7B,SAAS,kBAAkB,UAAsB;AACtD,QAAM,aAAc,UAAkB;AACtC,MAAI,CAAC,WAAY;AAEjB,MACE,WAAW,kBAAkB,QAC7B,WAAW,kBAAkB,WAC7B;AACA,aAAS;AAAA,EACX;AACF;;;ACVA,eAAsB,iBAAiB,UAAsB;AAC3D,MAAI,EAAE,gBAAgB,WAAY;AAElC,QAAM,UAAU,MAAO,UAAkB,WAAW;AACpD,MAAI,QAAQ,QAAQ,KAAK;AACvB,aAAS;AAAA,EACX;AACF;;;ACPO,SAAS,iBAAiB,UAAsB;AACrD,MAAI,SAAS;AAEb,SAAO,iBAAiB,SAAS,MAAM;AACrC;AACA,QAAI,UAAU,GAAG;AACf,eAAS;AAAA,IACX;AAAA,EACF,CAAC;AACH;;;AHHO,SAAS,cAAc;AAC5B,QAAM,CAAC,QAAQ,IAAI,SAAS,MAAM,IAAI,WAAW,CAAC;AAElD,YAAU,MAAM;AACd,sBAAkB,MAAM,SAAS,WAAW,cAAc,CAAC;AAC3D,qBAAiB,MAAM,SAAS,WAAW,aAAa,CAAC;AACzD,qBAAiB,MAAM,SAAS,WAAW,WAAW,CAAC;AAAA,EACzD,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;;;AIhBO,SAAS,SAAS;AACvB,WAAS,KAAK,UAAU,IAAI,SAAS;AACvC;AAEO,SAAS,YAAY;AAC1B,WAAS,KAAK,UAAU,IAAI,UAAU;AACxC;","names":[]}

package/package.json

@@ -1,45 +1,45 @@
 {
-"name": "@c-technology/adaptive-ui",
-"version": "0.1.1",
-  "description": "Human-aware UI adaptation layer for web apps",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
-"files": [
-    "dist"
-],
-  "sideEffects": false,
-  "scripts": {
-    "build": "tsup src/index.ts --dts",
-    "dev": "tsup --watch",
-    "lint": "tsc --noEmit",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "react": ">=18"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.7",
-    "react": "^19.2.3",
-    "tsup": "^8.5.1",
-    "typescript": "^5.3.0"
-  },
-  "keywords": [
-    "adaptive-ui",
-    "ux",
-    "accessibility",
-    "frontend",
-    "react",
-    "typescript"
-  ],
-  "author": "Your Name",
-  "license": "MIT"
-}
+    "name": "@c-technology/adaptive-ui",
+    "version": "0.1.3",
+    "description": "Human-aware UI adaptation layer for web apps",
+    "type": "module",
+    "main": "./dist/index.cjs.js",
+    "module": "./dist/index.cjs.js",
+    "types": "./dist/index.d.cts",
+    "exports": {
+        ".": {
+            "require": "./dist/index.cjs.js",
+            "import": "./dist/index.cjs.js",
+            "types": "./dist/index.d.cts"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "sideEffects": false,
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch",
+        "lint": "tsc --noEmit",
+        "prepublishOnly": "npm run build"
+    },
+    "peerDependencies": {
+        "react": ">=18"
+    },
+    "devDependencies": {
+        "@types/react": "^19.2.7",
+        "react": "^19.2.3",
+        "tsup": "^8.5.1",
+        "typescript": "^5.3.0"
+    },
+    "keywords": [
+        "adaptive-ui",
+        "ux",
+        "accessibility",
+        "frontend",
+        "react",
+        "typescript"
+    ],
+    "author": "Your Name",
+    "license": "MIT"
+}