@uniformdev/context-devtools 12.2.1-alpha.170

package/LICENSE.txt

@@ -0,0 +1,2 @@
+© 2022 Uniform Systems, Inc. All Rights Reserved.
+See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula

package/README.md

@@ -0,0 +1,5 @@
+Uniform Context DevTools
+
+Part of the Uniform Context tracking and analysis platform.
+
+part of the [Uniform Platform](https://uniform.app). See our [documentation](https://docs.uniform.app) for more details.

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import { OutputSeverity, DevToolsState, DevToolsActions, Context } from '@uniformdev/context';
+
+declare type DevToolsSettings = {
+    apiKey?: string;
+    projectId?: string;
+    apiHost?: string;
+    logLevel?: OutputSeverity;
+    /** Current route the app is on */
+    route?: string;
+};
+declare type ContextDevToolsProps = {
+    state: DevToolsState;
+    actions: DevToolsActions;
+    settings: DevToolsSettings;
+    saveSettings: (settings: DevToolsSettings) => void;
+};
+declare function ContextDevTools(props: ContextDevToolsProps): JSX.Element;
+
+declare type EmbeddedContextDevToolsProps = {
+    /**
+     * Pass a Context instance to connect to DevTools.
+     * This is optional, and defaults to a context instance registered in `window`
+     * when the `enableContextDevTools()` plugin is activated so no direct contact is required.
+     *
+     * Using the window interface enables you to render the DevTools in an isolated React app easily,
+     * or in non-React apps.
+     */
+    context?: Context;
+    /** Initial settings for the devtools. */
+    initialSettings?: DevToolsSettings;
+};
+/** Renders Uniform Context DevTools in an embedded state (as a React component that can be an island on a demo page, for example) */
+declare function EmbeddedContextDevTools({ context, initialSettings }: EmbeddedContextDevToolsProps): JSX.Element;
+
+export { ContextDevTools, ContextDevToolsProps, DevToolsSettings, EmbeddedContextDevTools, EmbeddedContextDevToolsProps };

package/dist/index.esm.js

@@ -0,0 +1 @@
+import*as e from"react";import{computeDimensionDisplayName as S,DimensionClient as x}from"@uniformdev/context/api";import{useAsync as C}from"react-use";function f({apiHost:t,apiKey:s,projectId:o}){return C(async()=>!t||!s||!o?{}:(await new x({projectId:o,apiKey:s,apiHost:t}).get()).dimensions.reduce((a,r)=>(a[r.dim]={...r,displayName:S(r)},a),{}),[t,s,o])}function D(t){let{value:s}=f(t.settings);return e.createElement("article",null,e.createElement("h1",null,"MUH DEV TOOLS"),e.createElement("section",null,e.createElement("h2",null,"Dimensions"),e.createElement("ul",null,Object.entries(t.state.scores).map(([o,n])=>{var a,r;let v=(r=(a=s==null?void 0:s[o])==null?void 0:a.displayName)!=null?r:o;return e.createElement("li",{key:o},v,": ",n)}))),e.createElement("details",null,e.createElement("summary",null,"Show raw state"),e.createElement("pre",null,JSON.stringify(t.state,null,2))),e.createElement("button",{type:"button",onClick:()=>t.actions.update({enrichments:[{cat:"cat",key:"alert",str:50}]})},"Update cat_alert enr"),e.createElement("button",{type:"button",onClick:()=>t.actions.rawUpdate([{type:"settest",data:{test:"cat alert!",variant:"nyan"}}])},"Set cat alert a/b test"),e.createElement("fieldset",{style:{display:"flex",flexDirection:"column"}},e.createElement("legend",null,"Configure Settings"),e.createElement("em",null,"Bad form, do not copy this crapcode ;)"),e.createElement("input",{type:"text",value:t.settings.apiHost,placeholder:"API Host",onChange:o=>t.saveSettings({...t.settings,apiHost:o.currentTarget.value})}),e.createElement("input",{type:"text",value:t.settings.apiKey,placeholder:"API Key",onChange:o=>t.saveSettings({...t.settings,apiKey:o.currentTarget.value})}),e.createElement("input",{type:"text",value:t.settings.projectId,placeholder:"Project ID",onChange:o=>t.saveSettings({...t.settings,projectId:o.currentTarget.value})}),e.createElement("select",{value:t.settings.logLevel,placeholder:"Project ID",onChange:o=>t.saveSettings({...t.settings,logLevel:o.currentTarget.value})},e.createElement("option",{value:"none"},"Off"),e.createElement("option",{value:"debug"},"Debug"),e.createElement("option",{value:"info"},"Info"),e.createElement("option",{value:"warn"},"Warn"),e.createElement("option",{value:"error"},"Error"))))}import{Context as h}from"@uniformdev/context";import*as i from"react";function j({context:t,initialSettings:s}){let o=t!=null?t:typeof window!="undefined"?window.__UNIFORM_DEVTOOLS_CONTEXT_INSTANCE__:void 0,n=o!=null?o:new h({manifest:{project:{}}}),[v,a]=i.useState({data:n.storage.data,manifest:n.manifest.data,scores:n.scores,personalizations:[],tests:[]}),[r,T]=i.useState(s!=null?s:{});i.useEffect(()=>{let d=()=>{a(c=>({...c,scores:n.scores,data:n.storage.data,manifest:n.manifest.data}))},l=c=>{a(u=>({...u,personalizations:[...u.personalizations,c]}))},p=c=>{a(u=>({...u,tests:[...u.tests,c]}))};return n.events.on("personalizationResult",l),n.events.on("testResult",p),n.storage.events.on("*",d),()=>{n.storage.events.off("*",d),n.events.off("personalizationResult",l),n.events.off("testResult",p)}},[n]);let y=i.useMemo(()=>({update:l=>n.update(l),forget:()=>n.forget(!1),rawUpdate:l=>n.storage.updateData(l)}),[n]);return o?i.createElement(D,{state:v,actions:y,settings:r,saveSettings:T}):i.createElement("p",null,"Unable to find Uniform Context. Ensure the devtools plugin is activated.")}export{D as ContextDevTools,j as EmbeddedContextDevTools};

package/dist/index.js

@@ -0,0 +1 @@
+var E=Object.create;var d=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var T=t=>d(t,"__esModule",{value:!0});var N=(t,o)=>{for(var e in o)d(t,e,{get:o[e],enumerable:!0})},y=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of O(o))!I.call(t,i)&&(e||i!=="default")&&d(t,i,{get:()=>o[i],enumerable:!(s=w(o,i))||s.enumerable});return t},S=(t,o)=>y(T(d(t!=null?E(P(t)):{},"default",!o&&t&&t.__esModule?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t),z=(t=>(o,e)=>t&&t.get(o)||(e=y(T({}),o,1),t&&t.set(o,e),e))(typeof WeakMap!="undefined"?new WeakMap:0);var U={};N(U,{ContextDevTools:()=>f,EmbeddedContextDevTools:()=>A});var n=S(require("react"));var g=require("@uniformdev/context/api"),x=require("react-use");function C({apiHost:t,apiKey:o,projectId:e}){return(0,x.useAsync)(async()=>!t||!o||!e?{}:(await new g.DimensionClient({projectId:e,apiKey:o,apiHost:t}).get()).dimensions.reduce((r,l)=>(r[l.dim]={...l,displayName:(0,g.computeDimensionDisplayName)(l)},r),{}),[t,o,e])}function f(t){let{value:o}=C(t.settings);return n.createElement("article",null,n.createElement("h1",null,"MUH DEV TOOLS"),n.createElement("section",null,n.createElement("h2",null,"Dimensions"),n.createElement("ul",null,Object.entries(t.state.scores).map(([e,s])=>{var r,l;let i=(l=(r=o==null?void 0:o[e])==null?void 0:r.displayName)!=null?l:e;return n.createElement("li",{key:e},i,": ",s)}))),n.createElement("details",null,n.createElement("summary",null,"Show raw state"),n.createElement("pre",null,JSON.stringify(t.state,null,2))),n.createElement("button",{type:"button",onClick:()=>t.actions.update({enrichments:[{cat:"cat",key:"alert",str:50}]})},"Update cat_alert enr"),n.createElement("button",{type:"button",onClick:()=>t.actions.rawUpdate([{type:"settest",data:{test:"cat alert!",variant:"nyan"}}])},"Set cat alert a/b test"),n.createElement("fieldset",{style:{display:"flex",flexDirection:"column"}},n.createElement("legend",null,"Configure Settings"),n.createElement("em",null,"Bad form, do not copy this crapcode ;)"),n.createElement("input",{type:"text",value:t.settings.apiHost,placeholder:"API Host",onChange:e=>t.saveSettings({...t.settings,apiHost:e.currentTarget.value})}),n.createElement("input",{type:"text",value:t.settings.apiKey,placeholder:"API Key",onChange:e=>t.saveSettings({...t.settings,apiKey:e.currentTarget.value})}),n.createElement("input",{type:"text",value:t.settings.projectId,placeholder:"Project ID",onChange:e=>t.saveSettings({...t.settings,projectId:e.currentTarget.value})}),n.createElement("select",{value:t.settings.logLevel,placeholder:"Project ID",onChange:e=>t.saveSettings({...t.settings,logLevel:e.currentTarget.value})},n.createElement("option",{value:"none"},"Off"),n.createElement("option",{value:"debug"},"Debug"),n.createElement("option",{value:"info"},"Info"),n.createElement("option",{value:"warn"},"Warn"),n.createElement("option",{value:"error"},"Error"))))}var h=require("@uniformdev/context"),a=S(require("react"));function A({context:t,initialSettings:o}){let e=t!=null?t:typeof window!="undefined"?window.__UNIFORM_DEVTOOLS_CONTEXT_INSTANCE__:void 0,s=e!=null?e:new h.Context({manifest:{project:{}}}),[i,r]=a.useState({data:s.storage.data,manifest:s.manifest.data,scores:s.scores,personalizations:[],tests:[]}),[l,R]=a.useState(o!=null?o:{});a.useEffect(()=>{let m=()=>{r(u=>({...u,scores:s.scores,data:s.storage.data,manifest:s.manifest.data}))},c=u=>{r(v=>({...v,personalizations:[...v.personalizations,u]}))},D=u=>{r(v=>({...v,tests:[...v.tests,u]}))};return s.events.on("personalizationResult",c),s.events.on("testResult",D),s.storage.events.on("*",m),()=>{s.storage.events.off("*",m),s.events.off("personalizationResult",c),s.events.off("testResult",D)}},[s]);let b=a.useMemo(()=>({update:c=>s.update(c),forget:()=>s.forget(!1),rawUpdate:c=>s.storage.updateData(c)}),[s]);return e?a.createElement(f,{state:i,actions:b,settings:l,saveSettings:R}):a.createElement("p",null,"Unable to find Uniform Context. Ensure the devtools plugin is activated.")}module.exports=z(U);0&&(module.exports={ContextDevTools,EmbeddedContextDevTools});

package/dist/index.mjs

@@ -0,0 +1 @@
+import*as e from"react";import{computeDimensionDisplayName as S,DimensionClient as x}from"@uniformdev/context/api";import{useAsync as C}from"react-use";function f({apiHost:t,apiKey:s,projectId:o}){return C(async()=>!t||!s||!o?{}:(await new x({projectId:o,apiKey:s,apiHost:t}).get()).dimensions.reduce((a,r)=>(a[r.dim]={...r,displayName:S(r)},a),{}),[t,s,o])}function D(t){let{value:s}=f(t.settings);return e.createElement("article",null,e.createElement("h1",null,"MUH DEV TOOLS"),e.createElement("section",null,e.createElement("h2",null,"Dimensions"),e.createElement("ul",null,Object.entries(t.state.scores).map(([o,n])=>{var a,r;let v=(r=(a=s==null?void 0:s[o])==null?void 0:a.displayName)!=null?r:o;return e.createElement("li",{key:o},v,": ",n)}))),e.createElement("details",null,e.createElement("summary",null,"Show raw state"),e.createElement("pre",null,JSON.stringify(t.state,null,2))),e.createElement("button",{type:"button",onClick:()=>t.actions.update({enrichments:[{cat:"cat",key:"alert",str:50}]})},"Update cat_alert enr"),e.createElement("button",{type:"button",onClick:()=>t.actions.rawUpdate([{type:"settest",data:{test:"cat alert!",variant:"nyan"}}])},"Set cat alert a/b test"),e.createElement("fieldset",{style:{display:"flex",flexDirection:"column"}},e.createElement("legend",null,"Configure Settings"),e.createElement("em",null,"Bad form, do not copy this crapcode ;)"),e.createElement("input",{type:"text",value:t.settings.apiHost,placeholder:"API Host",onChange:o=>t.saveSettings({...t.settings,apiHost:o.currentTarget.value})}),e.createElement("input",{type:"text",value:t.settings.apiKey,placeholder:"API Key",onChange:o=>t.saveSettings({...t.settings,apiKey:o.currentTarget.value})}),e.createElement("input",{type:"text",value:t.settings.projectId,placeholder:"Project ID",onChange:o=>t.saveSettings({...t.settings,projectId:o.currentTarget.value})}),e.createElement("select",{value:t.settings.logLevel,placeholder:"Project ID",onChange:o=>t.saveSettings({...t.settings,logLevel:o.currentTarget.value})},e.createElement("option",{value:"none"},"Off"),e.createElement("option",{value:"debug"},"Debug"),e.createElement("option",{value:"info"},"Info"),e.createElement("option",{value:"warn"},"Warn"),e.createElement("option",{value:"error"},"Error"))))}import{Context as h}from"@uniformdev/context";import*as i from"react";function j({context:t,initialSettings:s}){let o=t!=null?t:typeof window!="undefined"?window.__UNIFORM_DEVTOOLS_CONTEXT_INSTANCE__:void 0,n=o!=null?o:new h({manifest:{project:{}}}),[v,a]=i.useState({data:n.storage.data,manifest:n.manifest.data,scores:n.scores,personalizations:[],tests:[]}),[r,T]=i.useState(s!=null?s:{});i.useEffect(()=>{let d=()=>{a(c=>({...c,scores:n.scores,data:n.storage.data,manifest:n.manifest.data}))},l=c=>{a(u=>({...u,personalizations:[...u.personalizations,c]}))},p=c=>{a(u=>({...u,tests:[...u.tests,c]}))};return n.events.on("personalizationResult",l),n.events.on("testResult",p),n.storage.events.on("*",d),()=>{n.storage.events.off("*",d),n.events.off("personalizationResult",l),n.events.off("testResult",p)}},[n]);let y=i.useMemo(()=>({update:l=>n.update(l),forget:()=>n.forget(!1),rawUpdate:l=>n.storage.updateData(l)}),[n]);return o?i.createElement(D,{state:v,actions:y,settings:r,saveSettings:T}):i.createElement("p",null,"Unable to find Uniform Context. Ensure the devtools plugin is activated.")}export{D as ContextDevTools,j as EmbeddedContextDevTools};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@uniformdev/context-devtools",
+  "version": "12.2.1-alpha.170+899ea147",
+  "description": "Uniform Context developer tools components",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    "import": {
+      "node": "./dist/index.mjs",
+      "default": "./dist/index.esm.js"
+    },
+    "require": "./dist/index.js"
+  },
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rimraf dist",
+    "test": "jest --maxWorkers=1 --passWithNoTests",
+    "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
+    "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
+    "ci:verify": "run-p lint test",
+    "ci:build": "tsup --minify --clean"
+  },
+  "devDependencies": {
+    "@types/jest": "27.4.0",
+    "@types/node": "16.11.12",
+    "@types/react": "17.0.39",
+    "eslint": "8.7.0",
+    "eslint-plugin-react": "7.28.0",
+    "eslint-plugin-react-hooks": "4.3.0",
+    "jest": "27.4.7",
+    "npm-run-all": "4.1.5",
+    "rimraf": "3.0.2",
+    "ts-jest": "27.1.3",
+    "tsup": "5.11.11"
+  },
+  "dependencies": {
+    "@uniformdev/context": "^12.2.1-alpha.170+899ea147",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-use": "17.3.2"
+  },
+  "files": [
+    "/dist"
+  ],
+  "gitHead": "899ea147cdea482a014e02911fc9554c81dd2cbc"
+}