@xyo-network/react-chain-shared 1.3.12 → 1.3.14

package/README.md

@@ -1,6 +1,16 @@
+# @xyo-network/react-chain-shared
+
 [![logo][]](https://xyo.network)
 
-Part of [@xyo-network/react-chain](https://www.npmjs.com/package/@xyo-network/react-chain)
+Version: 1.3.13
+
+XYO Layer One React SDK
+
+## Documentation
+
+[TypeDoc Generated Documentation](https://gitbook.xyo.network/xyo-data-lab/xyo-reference/package-documentation/xyo-network__react-chain-shared)
+
+Part of [sdk-xyo-client-js](https://www.npmjs.com/package/@xyo-network/sdk-xyo-client-js)
 
 ## License
 

package/dist/browser/index.mjs

@@ -37,7 +37,22 @@ var StyledMenuItem = styled(MenuItem, {
   paddingLeft: theme.spacing(1),
   marginBottom: theme.spacing(1)
 }));
+
+// src/story/buildRandomBlockchain.ts
+import { Account } from "@xyo-network/account";
+import { buildRandomChain } from "@xyo-network/chain-protocol";
+var buildRandomBlockChain = /* @__PURE__ */ __name(async (blockCount = 10) => {
+  const initialBlockProducer = await Account.random();
+  const blocks = await buildRandomChain(initialBlockProducer, blockCount);
+  return blocks;
+}, "buildRandomBlockChain");
+var buildRandomBlockChainBlocksOnly = /* @__PURE__ */ __name(async (blockCount = 10) => {
+  const chain = await buildRandomChain(await Account.random(), blockCount);
+  return chain;
+}, "buildRandomBlockChainBlocksOnly");
 export {
-  ActiveMenuItem
+  ActiveMenuItem,
+  buildRandomBlockChain,
+  buildRandomBlockChainBlocksOnly
 };
 //# sourceMappingURL=index.mjs.map

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/menu-item/ActiveMenuItem.tsx"],"sourcesContent":["import type { MenuItemProps } from '@mui/material'\nimport {\n  MenuItem, styled, useTheme,\n} from '@mui/material'\nimport React from 'react'\n\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n  active, children, sx, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <StyledMenuItem\n      disableRipple\n      sx={{\n        // left border color and background color for active state\n        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n        // force white text color for active state for improved readability with background color\n        'color': active ? 'white' : 'unset',\n        '&:hover': {\n          // overriding default hover color and backgroundColor since active state conflicts visually with\n          // default styles of MenuItem hover\n          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),\n          color: active ? 'white' : 'unset',\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledMenuItem>\n  )\n}\n\nconst StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({\n  display: 'flex-inline',\n  flexDirection: 'row',\n  gap: theme.spacing(1),\n  padding: 0,\n  paddingLeft: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}))\n"],"mappings":";;;;AACA,SACEA,UAAUC,QAAQC,gBACb;AACP,OAAOC,WAAW;AAEX,IAAMC,iBAAiE,wBAAC,EAC7EC,QAAQC,UAAUC,IAAI,GAAGC,MAAAA,MAC1B;AACC,QAAMC,QAAQC,SAAAA;AACd,SACE,sBAAA,cAACC,gBAAAA;IACCC,eAAAA;IACAL,IAAI;;MAEF,cAAc,aAAaF,SAASI,MAAMI,KAAKC,QAAQC,UAAUC,QAAQ,aAAA;MACzE,mBAAmBX,SAASI,MAAMI,KAAKC,QAAQC,UAAUE,OAAO;;MAEhE,SAASZ,SAAS,UAAU;MAC5B,WAAW;;;QAGT,GAAIA,SAAS;UAAEa,iBAAiBT,MAAMI,KAAKC,QAAQC,UAAUE;QAAK,IAAI,CAAC;QACvEE,OAAOd,SAAS,UAAU;MAC5B;MACA,GAAGE;IACL;IACC,GAAGC;KAEHF,QAAAA;AAGP,GA1B8E;AA4B9E,IAAMK,iBAAiBS,OAAOC,UAAU;EAAEC,MAAM;AAAiB,CAAA,EAAG,CAAC,EAAEb,MAAK,OAAQ;EAClFc,SAAS;EACTC,eAAe;EACfC,KAAKhB,MAAMiB,QAAQ,CAAA;EACnBC,SAAS;EACTC,aAAanB,MAAMiB,QAAQ,CAAA;EAC3BG,cAAcpB,MAAMiB,QAAQ,CAAA;AAC9B,EAAA;","names":["MenuItem","styled","useTheme","React","ActiveMenuItem","active","children","sx","props","theme","useTheme","StyledMenuItem","disableRipple","vars","palette","secondary","light","dark","backgroundColor","color","styled","MenuItem","name","display","flexDirection","gap","spacing","padding","paddingLeft","marginBottom"]}
+{"version":3,"sources":["../../src/components/menu-item/ActiveMenuItem.tsx","../../src/story/buildRandomBlockchain.ts"],"sourcesContent":["import type { MenuItemProps } from '@mui/material'\nimport {\n  MenuItem, styled, useTheme,\n} from '@mui/material'\nimport React from 'react'\n\nexport const ActiveMenuItem: React.FC<MenuItemProps & { active?: boolean }> = ({\n  active, children, sx, ...props\n}) => {\n  const theme = useTheme()\n  return (\n    <StyledMenuItem\n      disableRipple\n      sx={{\n        // left border color and background color for active state\n        'borderLeft': `5px solid ${active ? theme.vars.palette.secondary.light : 'transparent'}`,\n        'backgroundColor': active ? theme.vars.palette.secondary.dark : 'transparent',\n        // force white text color for active state for improved readability with background color\n        'color': active ? 'white' : 'unset',\n        '&:hover': {\n          // overriding default hover color and backgroundColor since active state conflicts visually with\n          // default styles of MenuItem hover\n          ...(active ? { backgroundColor: theme.vars.palette.secondary.dark } : {}),\n          color: active ? 'white' : 'unset',\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </StyledMenuItem>\n  )\n}\n\nconst StyledMenuItem = styled(MenuItem, { name: 'StyledMenuItem' })(({ theme }) => ({\n  display: 'flex-inline',\n  flexDirection: 'row',\n  gap: theme.spacing(1),\n  padding: 0,\n  paddingLeft: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}))\n","import { Account } from '@xyo-network/account'\nimport { buildRandomChain } from '@xyo-network/chain-protocol'\nimport type { HydratedBlock } from '@xyo-network/xl1-protocol'\n\nexport const buildRandomBlockChain = async (blockCount = 10) => {\n  // Create a producer\n  const initialBlockProducer = await Account.random()\n\n  // Create multiple blocks\n  const blocks: HydratedBlock[] = await buildRandomChain(initialBlockProducer, blockCount)\n  return blocks\n}\n\nexport const buildRandomBlockChainBlocksOnly = async (blockCount = 10) => {\n  const chain = await buildRandomChain(await Account.random(), blockCount)\n  return chain\n}\n"],"mappings":";;;;AACA,SACEA,UAAUC,QAAQC,gBACb;AACP,OAAOC,WAAW;AAEX,IAAMC,iBAAiE,wBAAC,EAC7EC,QAAQC,UAAUC,IAAI,GAAGC,MAAAA,MAC1B;AACC,QAAMC,QAAQC,SAAAA;AACd,SACE,sBAAA,cAACC,gBAAAA;IACCC,eAAAA;IACAL,IAAI;;MAEF,cAAc,aAAaF,SAASI,MAAMI,KAAKC,QAAQC,UAAUC,QAAQ,aAAA;MACzE,mBAAmBX,SAASI,MAAMI,KAAKC,QAAQC,UAAUE,OAAO;;MAEhE,SAASZ,SAAS,UAAU;MAC5B,WAAW;;;QAGT,GAAIA,SAAS;UAAEa,iBAAiBT,MAAMI,KAAKC,QAAQC,UAAUE;QAAK,IAAI,CAAC;QACvEE,OAAOd,SAAS,UAAU;MAC5B;MACA,GAAGE;IACL;IACC,GAAGC;KAEHF,QAAAA;AAGP,GA1B8E;AA4B9E,IAAMK,iBAAiBS,OAAOC,UAAU;EAAEC,MAAM;AAAiB,CAAA,EAAG,CAAC,EAAEb,MAAK,OAAQ;EAClFc,SAAS;EACTC,eAAe;EACfC,KAAKhB,MAAMiB,QAAQ,CAAA;EACnBC,SAAS;EACTC,aAAanB,MAAMiB,QAAQ,CAAA;EAC3BG,cAAcpB,MAAMiB,QAAQ,CAAA;AAC9B,EAAA;;;ACzCA,SAASI,eAAe;AACxB,SAASC,wBAAwB;AAG1B,IAAMC,wBAAwB,8BAAOC,aAAa,OAAE;AAEzD,QAAMC,uBAAuB,MAAMC,QAAQC,OAAM;AAGjD,QAAMC,SAA0B,MAAMC,iBAAiBJ,sBAAsBD,UAAAA;AAC7E,SAAOI;AACT,GAPqC;AAS9B,IAAME,kCAAkC,8BAAON,aAAa,OAAE;AACnE,QAAMO,QAAQ,MAAMF,iBAAiB,MAAMH,QAAQC,OAAM,GAAIH,UAAAA;AAC7D,SAAOO;AACT,GAH+C;","names":["MenuItem","styled","useTheme","React","ActiveMenuItem","active","children","sx","props","theme","useTheme","StyledMenuItem","disableRipple","vars","palette","secondary","light","dark","backgroundColor","color","styled","MenuItem","name","display","flexDirection","gap","spacing","padding","paddingLeft","marginBottom","Account","buildRandomChain","buildRandomBlockChain","blockCount","initialBlockProducer","Account","random","blocks","buildRandomChain","buildRandomBlockChainBlocksOnly","chain"]}

package/dist/types/index.d.ts

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

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

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

package/dist/types/story/buildRandomBlockchain.d.ts

@@ -0,0 +1,4 @@
+import type { HydratedBlock } from '@xyo-network/xl1-protocol';
+export declare const buildRandomBlockChain: (blockCount?: number) => Promise<HydratedBlock[]>;
+export declare const buildRandomBlockChainBlocksOnly: (blockCount?: number) => Promise<import("@xyo-network/xl1-protocol").SignedHydratedBlock[]>;
+//# sourceMappingURL=buildRandomBlockchain.d.ts.map

package/dist/types/story/buildRandomBlockchain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildRandomBlockchain.d.ts","sourceRoot":"","sources":["../../../src/story/buildRandomBlockchain.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,qBAAqB,GAAU,mBAAe,6BAO1D,CAAA;AAED,eAAO,MAAM,+BAA+B,GAAU,mBAAe,uEAGpE,CAAA"}

package/dist/types/story/index.d.ts

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

package/dist/types/story/index.d.ts.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/package.json",
   "name": "@xyo-network/react-chain-shared",
-  "version": "1.3.12",
+  "version": "1.3.14",
   "description": "XYO Layer One React SDK",
   "homepage": "https://xylabs.com",
   "bugs": {
@@ -37,14 +37,18 @@
     "build-storybook": "storybook build",
     "start": "storybook dev -p 6006"
   },
+  "dependencies": {
+    "@xyo-network/chain-protocol": "^1.3.14",
+    "@xyo-network/xl1-protocol": "^1.3.11"
+  },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/material": "^7.0.2",
     "@types/react": "^19.1.2",
-    "@xylabs/ts-scripts-yarn3": "^6.5.4",
-    "@xylabs/tsconfig-react": "^6.5.4",
-    "knip": "^5.51.1",
+    "@xylabs/ts-scripts-yarn3": "^6.5.5",
+    "@xylabs/tsconfig-react": "^6.5.5",
+    "knip": "^5.52.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "typescript": "^5.8.3"

package/src/index.ts

@@ -1 +1,2 @@
 export * from './components/index.ts'
+export * from './story/index.ts'

package/src/story/buildRandomBlockchain.ts

@@ -0,0 +1,17 @@
+import { Account } from '@xyo-network/account'
+import { buildRandomChain } from '@xyo-network/chain-protocol'
+import type { HydratedBlock } from '@xyo-network/xl1-protocol'
+
+export const buildRandomBlockChain = async (blockCount = 10) => {
+  // Create a producer
+  const initialBlockProducer = await Account.random()
+
+  // Create multiple blocks
+  const blocks: HydratedBlock[] = await buildRandomChain(initialBlockProducer, blockCount)
+  return blocks
+}
+
+export const buildRandomBlockChainBlocksOnly = async (blockCount = 10) => {
+  const chain = await buildRandomChain(await Account.random(), blockCount)
+  return chain
+}

package/src/story/index.ts

@@ -0,0 +1 @@
+export * from './buildRandomBlockchain.ts'