astra-modal-test 1.0.0

package/src/main.jsx

@@ -0,0 +1,41 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Button } from "antd";
+import "./App.css";
+import "./index.css";
+import AstraProvider, {
+  AstraModal,
+  astraSend,
+  astraReceive,
+} from "./index.jsx";
+
+createRoot(document.getElementById("root")).render(
+  <StrictMode>
+    <AstraProvider projectId="92461524d3cfcb3d78b38b5dbd6a6ce3">
+      <AstraModal astraApiUri="https://devof-astralsp.unift.xyz/" />
+      <Button
+        onClick={() => {
+          astraReceive({
+            assetId:
+              "23b5c71c64a4d58735d43cdd8272939c367f3104e6d37782af347d99d7b99fb1",
+            invoice:
+              "lnbcrt10630900p1pnk4xy4pp53w8esm6mquekyn9gh65twfkrtf73zpn624lcm2gt07mzxamkxmyqdy0f3hxv6fmv9ehxet5f9zr5dtzvscnywtyx56rjcnyxcuxxctyxc6xvvnrxfjxyvf5xymnxvnpx5erxef5x56rvcf58ymrvvnrxvunqefcvvcngv3ex3skzdm98q6rkctdda6kuap6xycrqwscqzzsxqrrssrzjqg3zz9zaagxqxan9fqzr6k7yvf900uf26m0z7c2g0rf55raupqclpa6u4xvgrtgmxsqqqqlgqqqqqqgq2qsp5wcrmfqfvm4hpqac4pwzvwqpsnm2qddymqrskjhpst7ecpss9rtds9qxpqysgqm46zhst2htl432nu52v8rlfq0zzxzg3xyx7dc9yv23yy2zjxef9ppyqhy2le30perfr3p504k208f34pg859f6ggjkqgrsurk6sjaggpea0ylp",
+          });
+        }}
+      >
+        Receive
+      </Button>
+      <Button
+        onClick={() => {
+          astraSend({
+            assetId:
+              "23b5c71c64a4d58735d43cdd8272939c367f3104e6d37782af347d99d7b99fb1",
+            amount: 1,
+          });
+        }}
+      >
+        Send
+      </Button>
+    </AstraProvider>
+  </StrictMode>
+);

package/src/store/index.js

@@ -0,0 +1,25 @@
+import { create } from 'zustand';
+import { MODAL_DISPLAY_TYPE } from "../constants";
+const useStore = create((set) => ({
+    astraApiUrl: "",
+    setAstrApiUrl: (url) => set({ astraApiUrl: url }),
+    targetNetwork: null,
+    setTargetNetwork: (network) => set({ targetNetwork: network }),
+    currentAssetPair: null,
+    setCurrentAssetPair: (pair) => set({ currentAssetPair: pair }),
+    allAssetPairs: [],
+    setAllAssetPairs: (pairs) => set({ allAssetPairs: pairs }),
+    astraModalShow: false,
+    setAstraModalShow: (show) => set({ astraModalShow: show }),
+    receiveArgs: null,
+    setReceiveArgs: (args) => set({ receiveArgs: args }),
+    sendArgs: null,
+    setSendArgs: (args) => set({ sendArgs: args }),
+    modalDisplayType: MODAL_DISPLAY_TYPE.DEFAULT,
+    setModalDisplayType: (type) => set({ modalDisplayType: type }),
+    onAstraInvoice: null,
+    wagmiAdapter: null,
+    setWagmiAdapter: (adapter) => set({ wagmiAdapter: adapter })
+}));
+
+export default useStore;

package/src/theme.js

@@ -0,0 +1,108 @@
+export const themeConfig = {
+  token: {
+    colorPrimary: "#caff33",
+    colorInfo: "#caff33",
+    fontSize: 16,
+    sizeStep: 4,
+    borderRadius: 10,
+  },
+  components: {
+    Form: {
+      controlHeight: 32,
+      controlHeightSM: 32,
+    },
+    Button: {
+      defaultBg: "transparent",
+      defaultColor: "rgb(202,255,51)",
+      primaryColor: "rgba(26, 26, 26, 1)",
+      colorPrimary: "rgba(202, 255, 51, 1)",
+      colorPrimaryActive: "rgba(202, 255, 51, 1)",
+      colorPrimaryHover: "rgba(202, 255, 51, 1)",
+      defaultHoverBg: "rgba(202, 255, 51, 1)",
+      defaultHoverColor: "rgb(4, 16, 17)",
+      defaultActiveBg: "rgba(202, 255, 51, 1)",
+      defaultActiveColor: "rgb(4, 16, 17)",
+      paddingBlock: 0,
+      paddingBlockSM: 0,
+      paddingInline: 12,
+      contentFontSize: 14,
+      contentFontSizeSM: 12,
+      controlHeight: 44,
+      controlHeightSM: 32,
+      borderRadius: 12,
+      contentLineHeight: 0,
+      borderRadiusSM: 24,
+      paddingInlineSM: 12,
+      defaultBorderColor: "rgb(202,255,51)",
+      defaultGhostColor: "rgb(202,255,51)",
+      defaultGhostBorderColor: "rgb(202,255,51)",
+    },
+    Select: {
+      controlHeight: 32,
+      borderRadius: 32,
+      borderRadiusLG: 6,
+      colorBorder: "rgb(62, 67, 66)",
+      colorPrimary: "#67BE6A",
+      colorPrimaryHover: "#67BE6A",
+      singleItemHeightLG: 32,
+      controlHeightLG: 32,
+      fontSizeSM: 14,
+      controlHeightSM: 32,
+      borderRadiusSM: 6,
+      paddingSM: 12,
+      selectorBg: "transparent",
+      algorithm: false,
+    },
+    Input: {
+      colorBgContainer: "transparent",
+      controlHeight: 32,
+      controlHeightLG: 48,
+      controlHeightSM: 32,
+      borderRadius: 32,
+      borderRadiusLG: 32,
+      borderRadiusSM: 24,
+      paddingInline: 16,
+      paddingInlineSM: 16,
+      hoverBorderColor: "rgb(255, 252, 228)",
+      algorithm: false,
+    },
+    InputNumber: {
+      paddingInline: 12,
+      colorBgContainer: "transparent",
+      controlHeight: 32,
+      controlHeightLG: 48,
+      borderRadius: 32,
+      borderRadiusLG: 32,
+      hoverBorderColor: "rgb(255, 252, 228)",
+      algorithm: false,
+    },
+    Radio: {
+      controlHeight: 32,
+      borderRadius: 32,
+      algorithm: false,
+      colorBgContainer: "transparent",
+    },
+    DatePicker: {
+      colorBgContainer: "transparent",
+      controlHeight: 32,
+      controlHeightLG: 32,
+      borderRadius: 32,
+      borderRadiusLG: 32,
+      paddingInline: 12,
+    },
+    List: {
+      borderRadius: 0,
+    },
+    Tooltip: {
+      colorBgSpotlight: "rgb(19, 33, 40)",
+    },
+    Popover: {
+      colorBgElevated: "rgb(19, 33, 40)",
+    },
+    Dropdown: {
+      colorBgElevated: "rgb(19, 33, 40)",
+      colorPrimaryBorder: "rgb(62, 67, 66)",
+      controlItemBgHover: "rgb(4, 16, 17)",
+    },
+  },
+};

package/src/utils/index.js

@@ -0,0 +1,36 @@
+import Decimal from "decimal.js";
+export const msatsToTprAsset = async (msats, asset_id) => {
+
+    try {
+        const response = await fetch(
+            `https://oracle.ln.exchange/napi/price/getOne?transactionType=1&subjectAssetId=${asset_id}&paymentAssetId=0000000000000000000000000000000000000000000000000000000000000000`,
+        );
+        const ret = await response.json();
+
+        const coefficient = ret?.ok?.assetRates?.subjectAssetRate?.coefficient;
+        const scale = ret?.ok?.assetRates?.subjectAssetRate?.scale;
+
+        //const BTC_TO_USDT_RATE = new Decimal(coefficient).div(10 ** (scale + 8 + 3)).toNumber();
+
+        const priceOneUnit = new Decimal(coefficient).div(10 ** scale)
+        const satToUSDTValue = new Decimal(msats).div(10 ** (8 + 3)).mul(priceOneUnit).toFixed(0)
+
+        return satToUSDTValue;
+    } catch (e) {
+        console.error(e.message);
+        return 0;
+    }
+};
+
+export const formatAssetByDecimal = (value, decimal) => {
+    return new Decimal(value).div(10 ** decimal).toFixed(decimal)
+}
+export function numberWithCommas(x) {
+    if (!x && x != 0) {
+        return "0";
+    }
+
+    var parts = x.toString().split(".");
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return parts.join(".");
+}

package/vite.config.js

@@ -0,0 +1,44 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: 'src/index.jsx',
+      name: 'astra-sdk',
+      fileName: (format) => `astra-sdk.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'antd', 'ahooks', 'axios', 'decimal.js', '@ant-design/icons'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          antd: 'antd',
+          '@ant-design/icons': 'icons',
+          'decimal.js': 'Decimal',
+          ahooks: 'ahooks',
+          axios: 'axios',
+        },
+      },
+    },
+  },
+  plugins: [
+    react(),
+    nodePolyfills({
+      protocolImports: true,
+      exclude: ["stream", "crypto"]
+    }),
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'antd',
+          esModule: true,
+          resolveStyle: (name) => `antd/es/${name}/style/index.js`,
+        },
+      ],
+    }),
+  ],
+});