@xyo-network/react-pixel 3.0.2 → 3.0.4

package/dist/browser/contexts/Pixel/Context.d.ts

@@ -0,0 +1,3 @@
+import type { PixelContextState } from './State.ts';
+export declare const PixelContext: import("react").Context<PixelContextState & import("@xyo-network/react-shared").ContextExState>;
+//# sourceMappingURL=Context.d.ts.map

package/dist/browser/contexts/Pixel/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Pixel/Context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEnD,eAAO,MAAM,YAAY,iGAAuC,CAAA"}

package/dist/browser/contexts/Pixel/Provider.d.ts

@@ -0,0 +1,7 @@
+import type { WithChildren } from '@xylabs/react-shared';
+import React from 'react';
+export interface PixelProviderProps {
+    id: string;
+}
+export declare const PixelProvider: React.FC<WithChildren<PixelProviderProps>>;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/browser/contexts/Pixel/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Pixel/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAA;CACX;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAgBpE,CAAA"}

package/dist/browser/contexts/Pixel/State.d.ts

@@ -0,0 +1,6 @@
+import type { XyPixel } from '@xylabs/pixel';
+import type { ContextExState } from '@xyo-network/react-shared';
+export interface PixelContextState extends ContextExState {
+    pixel?: XyPixel;
+}
+//# sourceMappingURL=State.d.ts.map

package/dist/browser/contexts/Pixel/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Pixel/State.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB"}

package/dist/browser/contexts/Pixel/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Context.ts';
+export * from './Provider.tsx';
+export * from './State.ts';
+export * from './use.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/contexts/Pixel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Pixel/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/dist/browser/contexts/Pixel/use.d.ts

@@ -0,0 +1,2 @@
+export declare const usePixel: (required?: boolean) => import("@xylabs/pixel").XyPixel | undefined;
+//# sourceMappingURL=use.d.ts.map

package/dist/browser/contexts/Pixel/use.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Pixel/use.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,qEAGpB,CAAA"}

package/dist/browser/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pixel/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/contexts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/browser/index.d.ts

@@ -1,22 +1,2 @@
-import * as react from 'react';
-import react__default from 'react';
-import * as _xyo_network_react_shared from '@xyo-network/react-shared';
-import { ContextExState } from '@xyo-network/react-shared';
-import * as _xylabs_pixel from '@xylabs/pixel';
-import { XyPixel } from '@xylabs/pixel';
-import { WithChildren } from '@xylabs/react-shared';
-
-interface PixelContextState extends ContextExState {
-    pixel?: XyPixel;
-}
-
-declare const PixelContext: react.Context<PixelContextState & _xyo_network_react_shared.ContextExState>;
-
-interface PixelProviderProps {
-    id: string;
-}
-declare const PixelProvider: react__default.FC<WithChildren<PixelProviderProps>>;
-
-declare const usePixel: (required?: boolean) => _xylabs_pixel.XyPixel | undefined;
-
-export { PixelContext, type PixelContextState, PixelProvider, type PixelProviderProps, usePixel };
+export * from './contexts/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/contexts/Pixel/Context.ts","../../src/contexts/Pixel/Provider.tsx","../../src/contexts/Pixel/use.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { PixelContextState } from './State.ts'\n\nexport const PixelContext = createContextEx<PixelContextState>()\n","import { XyPixel } from '@xylabs/pixel'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport React, { useMemo } from 'react'\n\nimport { PixelContext } from './Context.ts'\n\nexport interface PixelProviderProps {\n  id: string\n}\n\nexport const PixelProvider: React.FC<WithChildren<PixelProviderProps>> = (props) => {\n  const { children, id } = props\n  XyPixel.init(id)\n\n  const value = useMemo(() => ({ pixel: XyPixel.instance,\n    provided: true }), [XyPixel.instance])\n\n  return (\n    <PixelContext.Provider\n      value={value}\n    >\n      {children}\n    </PixelContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { PixelContext } from './Context.ts'\n\nexport const usePixel = (required = true) => {\n  const { pixel } = useContextEx(PixelContext, 'Pixel', required)\n  return pixel\n}\n"],"mappings":";;;;AAAA,SAASA,uBAAuB;AAIzB,IAAMC,eAAeD,gBAAAA;;;ACJ5B,SAASE,eAAe;AAExB,OAAOC,SAASC,eAAe;AAQxB,IAAMC,gBAA4D,wBAACC,UAAAA;AACxE,QAAM,EAAEC,UAAUC,GAAE,IAAKF;AACzBG,UAAQC,KAAKF,EAAAA;AAEb,QAAMG,QAAQC,QAAQ,OAAO;IAAEC,OAAOJ,QAAQK;IAC5CC,UAAU;EAAK,IAAI;IAACN,QAAQK;GAAS;AAEvC,SACE,sBAAA,cAACE,aAAaC,UAAQ;IACpBN;KAECJ,QAAAA;AAGP,GAdyE;;;ACVzE,SAASW,oBAAoB;AAItB,IAAMC,WAAW,wBAACC,WAAW,SAAI;AACtC,QAAM,EAAEC,MAAK,IAAKC,aAAaC,cAAc,SAASH,QAAAA;AACtD,SAAOC;AACT,GAHwB;","names":["createContextEx","PixelContext","XyPixel","React","useMemo","PixelProvider","props","children","id","XyPixel","init","value","useMemo","pixel","instance","provided","PixelContext","Provider","useContextEx","usePixel","required","pixel","useContextEx","PixelContext"]}
+{"version":3,"sources":["../../src/contexts/Pixel/Context.ts","../../src/contexts/Pixel/Provider.tsx","../../src/contexts/Pixel/use.ts"],"sourcesContent":["import { createContextEx } from '@xyo-network/react-shared'\n\nimport type { PixelContextState } from './State.ts'\n\nexport const PixelContext = createContextEx<PixelContextState>()\n","import { XyPixel } from '@xylabs/pixel'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport React, { useMemo } from 'react'\n\nimport { PixelContext } from './Context.ts'\n\nexport interface PixelProviderProps {\n  id: string\n}\n\nexport const PixelProvider: React.FC<WithChildren<PixelProviderProps>> = (props) => {\n  const { children, id } = props\n  XyPixel.init(id)\n\n  const value = useMemo(() => ({\n    pixel: XyPixel.instance,\n    provided: true,\n  }), [XyPixel.instance])\n\n  return (\n    <PixelContext.Provider\n      value={value}\n    >\n      {children}\n    </PixelContext.Provider>\n  )\n}\n","import { useContextEx } from '@xyo-network/react-shared'\n\nimport { PixelContext } from './Context.ts'\n\nexport const usePixel = (required = true) => {\n  const { pixel } = useContextEx(PixelContext, 'Pixel', required)\n  return pixel\n}\n"],"mappings":";;;;AAAA,SAASA,uBAAuB;AAIzB,IAAMC,eAAeD,gBAAAA;;;ACJ5B,SAASE,eAAe;AAExB,OAAOC,SAASC,eAAe;AAQxB,IAAMC,gBAA4D,wBAACC,UAAAA;AACxE,QAAM,EAAEC,UAAUC,GAAE,IAAKF;AACzBG,UAAQC,KAAKF,EAAAA;AAEb,QAAMG,QAAQC,QAAQ,OAAO;IAC3BC,OAAOJ,QAAQK;IACfC,UAAU;EACZ,IAAI;IAACN,QAAQK;GAAS;AAEtB,SACE,sBAAA,cAACE,aAAaC,UAAQ;IACpBN;KAECJ,QAAAA;AAGP,GAhByE;;;ACVzE,SAASW,oBAAoB;AAItB,IAAMC,WAAW,wBAACC,WAAW,SAAI;AACtC,QAAM,EAAEC,MAAK,IAAKC,aAAaC,cAAc,SAASH,QAAAA;AACtD,SAAOC;AACT,GAHwB;","names":["createContextEx","PixelContext","XyPixel","React","useMemo","PixelProvider","props","children","id","XyPixel","init","value","useMemo","pixel","instance","provided","PixelContext","Provider","useContextEx","usePixel","required","pixel","useContextEx","PixelContext"]}

package/package.json

@@ -1,23 +1,60 @@
 {
   "name": "@xyo-network/react-pixel",
+  "version": "3.0.4",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
+  "bugs": {
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xyo.network",
     "name": "XYO Development Team",
+    "email": "support@xyo.network",
     "url": "https://xyo.network"
   },
-  "bugs": {
-    "email": "support@xyo.network",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
+      },
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
   "dependencies": {
     "@xylabs/pixel": "^2.0.1",
     "@xylabs/react-shared": "^4.0.3",
-    "@xyo-network/react-shared": "^3.0.2",
-    "axios": "^1.7.4"
+    "@xyo-network/react-shared": "^3.0.4"
   },
   "devDependencies": {
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.20",
+    "@mui/icons-material": "^5",
+    "@mui/material": "^5",
+    "@mui/styles": "^5",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "react": "^18",
+    "react-dom": "^18",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -27,41 +64,8 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "docs": "dist/docs.json",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/browser/index.d.ts",
-        "default": "./dist/browser/index.mjs"
-      },
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
-  },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
-  },
-  "sideEffects": false,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.2",
-  "type": "module"
+  "docs": "dist/docs.json"
 }

package/src/contexts/Pixel/Provider.tsx

@@ -12,8 +12,10 @@ export const PixelProvider: React.FC<WithChildren<PixelProviderProps>> = (props)
   const { children, id } = props
   XyPixel.init(id)
 
-  const value = useMemo(() => ({ pixel: XyPixel.instance,
-    provided: true }), [XyPixel.instance])
+  const value = useMemo(() => ({
+    pixel: XyPixel.instance,
+    provided: true,
+  }), [XyPixel.instance])
 
   return (
     <PixelContext.Provider

package/xy.config.ts

@@ -1,9 +1,7 @@
 import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },