@meshsdk/react 1.1.12 → 1.6.0-alpha.11

package/dist/resolvers/index.d.ts

@@ -1 +0,0 @@
-export * from './resolveMedia';

package/dist/resolvers/resolveMedia.d.ts

@@ -1 +0,0 @@
-export declare const resolveMedia: (src: String, ipfsUrl?: string) => string | String;

package/src/components/CardanoWallet/CardanoWallet.tsx

@@ -1,153 +0,0 @@
-import tw, { styled } from 'twin.macro';
-import { useEffect, useState } from 'react';
-import { useWallet, useWalletList } from '@mesh/hooks';
-import { MenuItem } from '../MenuItem';
-import { WalletBalance } from './WalletBalance';
-// import { AppWallet } from '@meshsdk/core';
-
-const StyledMenuButton = tw.button`
-  flex items-center justify-center
-  font-normal text-lg
-  border rounded-t-md
-  w-60 px-4 py-2
-  shadow-sm
-`;
-
-const StyledMenuList = styled.div(({ hidden }: { hidden: boolean }) => [
-  tw`
-    shadow-sm backdrop-blur
-    border rounded-b-md
-    absolute w-60
-    text-center
-  `,
-  hidden && tw`hidden`,
-]);
-
-export const CardanoWallet = ({
-  label = 'Connect Wallet',
-  onConnected = undefined,
-  isDark = false,
-}: {
-  label?: string;
-  onConnected?: Function;
-  isDark?: boolean;
-}) => {
-  const [isDarkMode, setIsDarkMode] = useState(false);
-
-  const wallets = useWalletList();
-
-  const [hideMenuList, setHideMenuList] = useState(true);
-
-  const { connect, connecting, connected, disconnect, name } = useWallet();
-
-  useEffect(() => {
-    if (connected && onConnected) {
-      onConnected();
-    }
-  }, [connected]);
-
-  useEffect(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-
-  // async function connectLocalWallet() {
-  //   // check if local has wallet
-
-  //   // if yes, connect to it
-
-  //   // if no, create a new wallet
-  //   const mnemonic = AppWallet.brew();
-  //   console.log('mnemonic', mnemonic);
-
-  //   // have to create wallet without provider,
-  //   // so we can get wallet address,
-  //   // get keys with wallet info,
-  //   // add koios provider later
-
-  //   // const wallet = new AppWallet({
-  //   //   networkId: 0,
-  //   //   fetcher: blockchainProvider, // ?? keys? api to get keys, and use koios
-  //   //   submitter: blockchainProvider,
-  //   //   key: {
-  //   //     type: 'mnemonic',
-  //   //     words: mnemonic,
-  //   //   },
-  //   // });
-
-  //   // save `wallet` to `WalletContext`, so we can use it at `useWallet()`
-  // }
-
-  return (
-    <div
-      style={{ width: 'fit-content' }}
-      onMouseEnter={() => setHideMenuList(false)}
-      onMouseLeave={() => setHideMenuList(true)}
-    >
-      <StyledMenuButton
-        type="button"
-        className="mr-wallet-button"
-        style={{
-          backgroundColor: isDarkMode ? '#1f1f1f' : '#fff',
-          color: isDarkMode ? '#fff' : '#000',
-        }}
-        onClick={() => setHideMenuList(!hideMenuList)}
-      >
-        <WalletBalance
-          name={name}
-          connected={connected}
-          connecting={connecting}
-          label={label}
-        />
-      </StyledMenuButton>
-      <StyledMenuList
-        hidden={hideMenuList}
-        className="mr-menu-list"
-        style={{
-          backgroundColor: isDarkMode ? '#1f1f1f' : '#fff',
-          color: isDarkMode ? '#fff' : '#000',
-        }}
-      >
-        {!connected && wallets.length > 0 ? (
-          <>
-            {wallets.map((wallet, index) => (
-              <MenuItem
-                key={index}
-                icon={wallet.icon}
-                label={wallet.name}
-                action={() => {
-                  connect(wallet.name);
-                  setHideMenuList(!hideMenuList);
-                }}
-                active={name === wallet.name}
-              />
-            ))}
-            {/* <MenuItem
-              icon={
-                isDarkMode
-                  ? `https://meshjs.dev/logo-mesh/white/logo-mesh-white-128x128.png`
-                  : `https://meshjs.dev/logo-mesh/black/logo-mesh-black-128x128.png`
-              }
-              label={'Local'}
-              action={() => {
-                connectLocalWallet();
-                setHideMenuList(!hideMenuList);
-              }}
-              active={false}
-            /> */}
-          </>
-        ) : wallets.length === 0 ? (
-          <span>No Wallet Found</span>
-        ) : (
-          <>
-            <MenuItem
-              active={false}
-              label="disconnect"
-              action={disconnect}
-              icon={undefined}
-            />
-          </>
-        )}
-      </StyledMenuList>
-    </div>
-  );
-};

package/src/components/CardanoWallet/WalletBalance.tsx

@@ -1,34 +0,0 @@
-import tw from 'twin.macro';
-import { useLovelace, useWalletList } from '@mesh/hooks';
-import { ChevronDown } from '../ChevronDown';
-
-const StyledIcon = tw.img`
-  h-6 m-2
-`;
-
-const StyledSmall = tw.span`
-  text-xs
-`;
-
-export const WalletBalance = ({ connected, name, connecting, label }) => {
-  const wallet = useWalletList().find((wallet) => wallet.name === name);
-  const balance = useLovelace();
-
-  return connected && balance && wallet?.icon ? (
-    <>
-      <StyledIcon src={wallet.icon} />₳{' '}
-      {parseInt((parseInt(balance, 10) / 1_000_000).toString(), 10)}.
-      <StyledSmall>{balance.substr(balance.length - 6)}</StyledSmall>
-    </>
-  ) : connected && wallet?.icon ? (
-    <>
-      <StyledIcon src={wallet.icon} />
-    </>
-  ) : connecting ? (
-    <>Connecting...</>
-  ) : (
-    <>
-      {label} <ChevronDown />
-    </>
-  );
-};

package/src/components/CardanoWallet/index.ts

@@ -1 +0,0 @@
-export * from './CardanoWallet';

package/src/components/ChevronDown/index.ts

@@ -1 +0,0 @@
-export * from './ChevronDown';

package/src/components/MenuItem/MenuItem.tsx

@@ -1,41 +0,0 @@
-import tw from 'twin.macro';
-import { CheckMark } from './CheckMark';
-
-const StyledItem = tw.div`
-  opacity-80 hover:opacity-100
-  flex items-center
-  cursor-pointer
-  px-4 py-2
-`;
-
-const StyledIcon = tw.img`
-  h-8 m-1 pr-2
-`;
-
-const StyledName = tw.span`
-  font-normal
-  text-xl
-`;
-
-const StyledActive = tw.span`
-  ml-auto
-`;
-
-export const MenuItem = ({ icon, label, action, active }) => (
-  <StyledItem onClick={action}>
-    {icon && <StyledIcon src={icon} />}
-    <StyledName className='mr-menu-item'>
-      {label
-        .split(' ')
-        .map((word: string) => {
-          return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-        })
-        .join(' ')}
-    </StyledName>
-    {active && (
-      <StyledActive>
-        <CheckMark />
-      </StyledActive>
-    )}
-  </StyledItem>
-);

package/src/components/MenuItem/index.ts

@@ -1 +0,0 @@
-export * from './MenuItem';

package/src/components/MeshBadge/MeshBadge.tsx

@@ -1,23 +0,0 @@
-import tw from 'twin.macro';
-import { MeshLogo } from './MeshLogo';
-
-const StyledLink = tw.a`
-  flex flex-col items-center max-w-fit p-1
-  border border-current border-solid rounded-md
-  font-semibold text-xl text-stone-700 no-underline
-`;
-
-export const MeshBadge = ({ dark = false }) => (
-  <StyledLink
-    style={{
-      color: dark ? '#EEEEEE' : '#111111',
-      backgroundColor: dark ? '#111111' : '#EEEEEE',
-    }}
-    href="https://meshjs.dev/"
-    rel="noopener noreferrer"
-    target="_blank"
-  >
-    <MeshLogo />
-    Mesh
-  </StyledLink>
-);

package/src/components/MeshBadge/index.ts

@@ -1 +0,0 @@
-export * from './MeshBadge';

package/src/components/StakeButton/StakeButton.tsx

@@ -1,170 +0,0 @@
-import tw, { styled } from 'twin.macro';
-import { useEffect, useState } from 'react';
-import {
-  useRewardAddress,
-  useWallet,
-  useWalletList,
-  useWalletTx,
-} from '@mesh/hooks';
-import { ChevronDown } from '../ChevronDown';
-import { MenuItem } from '../MenuItem';
-import type { AccountInfo } from '@meshsdk/core';
-
-const StyledMenuButton = tw.button`
-  flex items-center justify-center
-  font-normal text-lg
-  border rounded-t-md
-  w-60 px-4 py-2
-  shadow-sm
-`;
-
-const StyledMenuList = styled.div(({ hidden }: { hidden: boolean }) => [
-  tw`
-    shadow-sm backdrop-blur
-    border rounded-b-md
-    absolute w-60
-    text-center
-  `,
-  hidden && tw`hidden`,
-]);
-
-export const StakeButton = ({ poolId, onCheck }) => {
-  const wallets = useWalletList();
-
-  const [hideMenuList, setHideMenuList] = useState(true);
-
-  const { connect, connecting, connected, name } = useWallet();
-
-  return (
-    <div
-      style={{ width: 'fit-content' }}
-      onMouseEnter={() => setHideMenuList(false)}
-      onMouseLeave={() => setHideMenuList(true)}
-    >
-      <StyledMenuButton
-        type="button"
-        onClick={() => setHideMenuList(!hideMenuList)}
-      >
-        {connected ? (
-          <Delegate poolId={poolId} onCheck={onCheck} />
-        ) : connecting ? (
-          <>Connecting...</>
-        ) : (
-          <>
-            Connect Wallet <ChevronDown />
-          </>
-        )}
-      </StyledMenuButton>
-      <StyledMenuList hidden={hideMenuList || connected}>
-        {wallets.length > 0 ? (
-          wallets.map((wallet, index) => (
-            <MenuItem
-              key={index}
-              icon={wallet.icon}
-              label={wallet.name}
-              action={() => {
-                connect(wallet.name);
-                setHideMenuList(!hideMenuList);
-              }}
-              active={name === wallet.name}
-            />
-          ))
-        ) : (
-          <span>No Wallet Found</span>
-        )}
-      </StyledMenuList>
-    </div>
-  );
-};
-
-const Delegate = ({ poolId, onCheck }) => {
-  const tx = useWalletTx();
-  const { wallet } = useWallet();
-  const rewardAddress = useRewardAddress();
-  const [error, setError] = useState<unknown>();
-  const [checking, setChecking] = useState(false);
-  const [accountInfo, setAccountInfo] = useState<AccountInfo>();
-  const [processing, setProcessing] = useState(false);
-  const [done, setDone] = useState(false);
-
-  const checkAccountStatus = async () => {
-    try {
-      setChecking(true);
-
-      if (rewardAddress) {
-        const info = await onCheck(rewardAddress);
-        setAccountInfo(info);
-      }
-
-      setChecking(false);
-    } catch (error) {
-      setError(error);
-    }
-  };
-
-  const registerAddress = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const unsignedTx = await tx
-          .registerStake(rewardAddress)
-          .delegateStake(rewardAddress, poolId)
-          .build();
-
-        const signedTx = await wallet.signTx(unsignedTx);
-        const txHash = await wallet.submitTx(signedTx);
-        console.log('txHash', txHash);
-        setDone(true);
-      }
-    } catch (error) {
-      console.error('error', error);
-      setError(error);
-    }
-    setProcessing(false);
-  };
-
-  const delegateStake = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const unsignedTx = await tx
-          .delegateStake(rewardAddress, poolId)
-          .build();
-
-        const signedTx = await wallet.signTx(unsignedTx);
-        const txHash = await wallet.submitTx(signedTx);
-        setDone(true);
-      }
-    } catch (error) {
-      console.error('error', error);
-      setError(error);
-    }
-    setProcessing(false);
-  };
-
-  useEffect(() => {
-    checkAccountStatus();
-  }, [rewardAddress]);
-
-  if (checking) {
-    return <span>Checking...</span>;
-  }
-  if (processing) {
-    return <span>Loading...</span>;
-  }
-  if (done) {
-    return <span>Stake Delegated</span>;
-  }
-
-  if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? (
-      <span>Stake Delegated</span>
-    ) : (
-      <span onClick={delegateStake}>Delegate Stake</span>
-    );
-  }
-
-  return <span onClick={registerAddress}>Register Address</span>;
-};

package/src/components/StakeButton/index.ts

@@ -1 +0,0 @@
-export * from './StakeButton';

package/src/components/index.ts

@@ -1,3 +0,0 @@
-export * from './CardanoWallet';
-export * from './MeshBadge';
-export * from './StakeButton';

package/src/resolvers/index.ts

@@ -1 +0,0 @@
-export * from './resolveMedia';

package/src/resolvers/resolveMedia.ts

@@ -1,34 +0,0 @@
-export const resolveMedia = (
-  src: String,
-  ipfsUrl = 'https://infura-ipfs.io/ipfs/'
-) => {
-  // if its an array of strings = base64
-  if (Array.isArray(src)) {
-    src = src.join('');
-  }
-
-  // const base64regex =
-  //   /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;
-
-  if (src.startsWith('data:image')) {
-    return src;
-  }
-  // this is commented because dont want to handle mediaType
-  // else if (src.includes(';base64,' && base64regex.test(src))) {
-  //   if (mediaType) {
-  //     return 'data:' + mediaType + ';base64,' + src;
-  //   } else {
-  //     return 'data:image/png;base64,' + src;
-  //   }
-  // }
-  else if (src.startsWith('ipfs://'))
-    return ipfsUrl + src.split('ipfs://')[1].split('ipfs/').slice(-1)[0];
-  else if (
-    (src.startsWith('Qm') && src.length === 46) ||
-    (src.startsWith('baf') && src.length === 59)
-  ) {
-    return ipfsUrl + src;
-  }
-
-  return src;
-};

package/src/types/twin.d.ts

@@ -1,29 +0,0 @@
-import 'twin.macro';
-import styledImport, { CSSProp, css as cssImport } from 'styled-components';
-
-declare module 'twin.macro' {
-  const styled: typeof styledImport;
-  const css: typeof cssImport;
-}
-
-declare module 'react' {
-  // The css prop
-  interface HTMLAttributes<T> extends DOMAttributes<T> {
-    css?: CSSProp;
-    tw?: string;
-  }
-  // The inline svg css prop
-  interface SVGProps<T> extends SVGProps<SVGSVGElement> {
-    css?: CSSProp;
-    tw?: string;
-  }
-}
-
-// The 'as' prop on styled components
-declare global {
-  namespace JSX {
-    interface IntrinsicAttributes<T> extends DOMAttributes<T> {
-      as?: string | Element;
-    }
-  }
-}

package/tailwind.config.cjs

@@ -1,9 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-
-module.exports = {
-  content: ['./src/**/*.{ts,tsx}'],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/vite.config.js

@@ -1,43 +0,0 @@
-import { resolve } from 'path';
-import { defineConfig } from 'vite';
-import babel from '@rollup/plugin-babel';
-import typescript from '@rollup/plugin-typescript';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-  build: {
-    lib: {
-      entry: './src/index.ts',
-      formats: ['cjs', 'es'],
-    },
-    rollupOptions: {
-      external: [
-        '@meshsdk/core',
-        'react', 'react-dom',
-      ],
-      output: {
-        globals: {
-          react: 'React',
-        },
-      },
-      plugins: [
-        babel({
-          babelHelpers: 'bundled',
-          extensions: ['.ts', '.tsx'],
-        }),
-        typescript({
-          outputToFilesystem: false,
-        }),
-      ],
-    },
-    target: ['esnext'],
-  },
-  resolve: {
-    alias: {
-      '@mesh': resolve(__dirname, './src'),
-    },
-  },
-  plugins: [
-    react(),
-  ],
-});

package/vite.config.js.timestamp-1713618771534.mjs

@@ -1,49 +0,0 @@
-// vite.config.js
-import { resolve } from "path";
-import { defineConfig } from "vite";
-import babel from "@rollup/plugin-babel";
-import typescript from "@rollup/plugin-typescript";
-import react from "@vitejs/plugin-react";
-var __vite_injected_original_dirname = "/Users/whatever/Desktop/WorkDev/meshjs/mesh/packages/react";
-var vite_config_default = defineConfig({
-  build: {
-    lib: {
-      entry: "./src/index.ts",
-      formats: ["cjs", "es"]
-    },
-    rollupOptions: {
-      external: [
-        "@meshsdk/core",
-        "react",
-        "react-dom"
-      ],
-      output: {
-        globals: {
-          react: "React"
-        }
-      },
-      plugins: [
-        babel({
-          babelHelpers: "bundled",
-          extensions: [".ts", ".tsx"]
-        }),
-        typescript({
-          outputToFilesystem: false
-        })
-      ]
-    },
-    target: ["esnext"]
-  },
-  resolve: {
-    alias: {
-      "@mesh": resolve(__vite_injected_original_dirname, "./src")
-    }
-  },
-  plugins: [
-    react()
-  ]
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvd2hhdGV2ZXIvRGVza3RvcC9Xb3JrRGV2L21lc2hqcy9tZXNoL3BhY2thZ2VzL3JlYWN0XCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvd2hhdGV2ZXIvRGVza3RvcC9Xb3JrRGV2L21lc2hqcy9tZXNoL3BhY2thZ2VzL3JlYWN0L3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy93aGF0ZXZlci9EZXNrdG9wL1dvcmtEZXYvbWVzaGpzL21lc2gvcGFja2FnZXMvcmVhY3Qvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyByZXNvbHZlIH0gZnJvbSAncGF0aCc7XG5pbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBiYWJlbCBmcm9tICdAcm9sbHVwL3BsdWdpbi1iYWJlbCc7XG5pbXBvcnQgdHlwZXNjcmlwdCBmcm9tICdAcm9sbHVwL3BsdWdpbi10eXBlc2NyaXB0JztcbmltcG9ydCByZWFjdCBmcm9tICdAdml0ZWpzL3BsdWdpbi1yZWFjdCc7XG5cbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XG4gIGJ1aWxkOiB7XG4gICAgbGliOiB7XG4gICAgICBlbnRyeTogJy4vc3JjL2luZGV4LnRzJyxcbiAgICAgIGZvcm1hdHM6IFsnY2pzJywgJ2VzJ10sXG4gICAgfSxcbiAgICByb2xsdXBPcHRpb25zOiB7XG4gICAgICBleHRlcm5hbDogW1xuICAgICAgICAnQG1lc2hzZGsvY29yZScsXG4gICAgICAgICdyZWFjdCcsICdyZWFjdC1kb20nLFxuICAgICAgXSxcbiAgICAgIG91dHB1dDoge1xuICAgICAgICBnbG9iYWxzOiB7XG4gICAgICAgICAgcmVhY3Q6ICdSZWFjdCcsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgcGx1Z2luczogW1xuICAgICAgICBiYWJlbCh7XG4gICAgICAgICAgYmFiZWxIZWxwZXJzOiAnYnVuZGxlZCcsXG4gICAgICAgICAgZXh0ZW5zaW9uczogWycudHMnLCAnLnRzeCddLFxuICAgICAgICB9KSxcbiAgICAgICAgdHlwZXNjcmlwdCh7XG4gICAgICAgICAgb3V0cHV0VG9GaWxlc3lzdGVtOiBmYWxzZSxcbiAgICAgICAgfSksXG4gICAgICBdLFxuICAgIH0sXG4gICAgdGFyZ2V0OiBbJ2VzbmV4dCddLFxuICB9LFxuICByZXNvbHZlOiB7XG4gICAgYWxpYXM6IHtcbiAgICAgICdAbWVzaCc6IHJlc29sdmUoX19kaXJuYW1lLCAnLi9zcmMnKSxcbiAgICB9LFxuICB9LFxuICBwbHVnaW5zOiBbXG4gICAgcmVhY3QoKSxcbiAgXSxcbn0pO1xuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFnVyxTQUFTLGVBQWU7QUFDeFgsU0FBUyxvQkFBb0I7QUFDN0IsT0FBTyxXQUFXO0FBQ2xCLE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sV0FBVztBQUpsQixJQUFNLG1DQUFtQztBQU16QyxJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMxQixPQUFPO0FBQUEsSUFDTCxLQUFLO0FBQUEsTUFDSCxPQUFPO0FBQUEsTUFDUCxTQUFTLENBQUMsT0FBTyxJQUFJO0FBQUEsSUFDdkI7QUFBQSxJQUNBLGVBQWU7QUFBQSxNQUNiLFVBQVU7QUFBQSxRQUNSO0FBQUEsUUFDQTtBQUFBLFFBQVM7QUFBQSxNQUNYO0FBQUEsTUFDQSxRQUFRO0FBQUEsUUFDTixTQUFTO0FBQUEsVUFDUCxPQUFPO0FBQUEsUUFDVDtBQUFBLE1BQ0Y7QUFBQSxNQUNBLFNBQVM7QUFBQSxRQUNQLE1BQU07QUFBQSxVQUNKLGNBQWM7QUFBQSxVQUNkLFlBQVksQ0FBQyxPQUFPLE1BQU07QUFBQSxRQUM1QixDQUFDO0FBQUEsUUFDRCxXQUFXO0FBQUEsVUFDVCxvQkFBb0I7QUFBQSxRQUN0QixDQUFDO0FBQUEsTUFDSDtBQUFBLElBQ0Y7QUFBQSxJQUNBLFFBQVEsQ0FBQyxRQUFRO0FBQUEsRUFDbkI7QUFBQSxFQUNBLFNBQVM7QUFBQSxJQUNQLE9BQU87QUFBQSxNQUNMLFNBQVMsUUFBUSxrQ0FBVyxPQUFPO0FBQUEsSUFDckM7QUFBQSxFQUNGO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUCxNQUFNO0FBQUEsRUFDUjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==