create-dubhe 0.0.1

package/template/nextjs/aptos-template/src/jotai/index.tsx

@@ -0,0 +1,13 @@
+import {atom} from "jotai";
+
+const SellPopUpBoxState = atom(false)
+const SellState = atom({
+    type:"",
+    hash:"",
+    state:false
+})
+const OpenBoxState = atom(false)
+const Value = atom("")
+
+
+export {SellPopUpBoxState,SellState,OpenBoxState,Value}

package/template/nextjs/aptos-template/src/pages/_app.tsx

@@ -0,0 +1,32 @@
+import type { AppProps } from 'next/app';
+import {FC, ReactNode} from "react";
+import {AptosWalletAdapterProvider} from "@aptos-labs/wallet-adapter-react";
+import {PetraWallet} from "petra-plugin-wallet-adapter";
+import 'tailwindcss/tailwind.css';
+import '../css/font-awesome.css';
+// import "@aptos-labs/wallet-adapter-ant-design/dist/index.css";
+const WalletContextProvider: FC<{ children: ReactNode }> = ({ children }) => {
+  const wallets = [new PetraWallet()];
+  const autoConnect = true
+  return (
+      <AptosWalletAdapterProvider
+          plugins={wallets}
+          autoConnect={autoConnect}
+          onError={(error) => {
+            console.log("Custom error handling", error);
+          }}
+      >
+        {children}
+      </AptosWalletAdapterProvider>
+  );
+};
+
+function MyApp({ Component, pageProps }: AppProps) {
+  return (
+      <WalletContextProvider>
+        <Component {...pageProps} />
+      </WalletContextProvider>
+  );
+}
+
+export default MyApp;

package/template/nextjs/aptos-template/src/pages/home/index.tsx

@@ -0,0 +1,112 @@
+import { loadMetadata, Dubhe, Types } from '@0xobelisk/aptos-client';
+import { useEffect } from 'react';
+import { useAtom } from 'jotai';
+import { Value } from '../../jotai';
+import { useRouter } from 'next/router';
+import { NETWORK, PACKAGE_ID } from '../../chain/config';
+import { dubheConfig } from '../../../dubhe.config';
+import { useWallet } from '@aptos-labs/wallet-adapter-react';
+import { WalletConnector } from '@aptos-labs/wallet-adapter-mui-design';
+type data = {
+  type: string;
+  fields: Record<string, any>;
+  hasPublicTransfer: boolean;
+  dataType: 'moveObject';
+};
+
+const Home = () => {
+  const router = useRouter();
+  const { account, connected, network, wallet, signAndSubmitTransaction } = useWallet();
+  console.log(account, connected, network, wallet);
+  const [value, setValue] = useAtom(Value);
+
+  const counter = async (wallet: any) => {
+    const metadata = await loadMetadata(NETWORK, PACKAGE_ID);
+    const dubhe = new Dubhe({
+      networkType: NETWORK,
+      packageId: PACKAGE_ID,
+      metadata: metadata,
+    });
+
+    const f_payload = (await dubhe.tx.counter_system.increase(
+      account?.address,
+      undefined,
+      undefined,
+      true,
+    )) as Types.EntryFunctionPayload;
+
+    const payload: Types.TransactionPayload = {
+      type: 'entry_function_payload',
+      function: f_payload.function,
+      type_arguments: f_payload.type_arguments,
+      arguments: f_payload.arguments,
+    };
+
+    await signAndSubmitTransaction(payload);
+    setTimeout(async () => {
+      const component_name = Object.keys(dubheConfig.schemas)[0];
+      const component_value = await dubhe.getEntity(component_name);
+      setValue(component_value[0]);
+    }, 1000);
+  };
+
+  useEffect(() => {
+    if (router.isReady) {
+      const query_counter = async () => {
+        const metadata = await loadMetadata(NETWORK, PACKAGE_ID);
+        const dubhe = new Dubhe({
+          networkType: NETWORK,
+          packageId: PACKAGE_ID,
+          metadata: metadata,
+        });
+        // counter component name
+        const component_name = Object.keys(dubheConfig.schemas)[0];
+        const component_value = await dubhe.getEntity(component_name);
+        setValue(component_value[0]);
+      };
+      query_counter();
+    }
+  }, [router.isReady, value]);
+
+  useEffect(() => {
+    if (!connected) return;
+    console.log('connected wallet name: ', wallet?.name);
+    console.log('account address: ', account?.address);
+    console.log('account publicKey: ', account?.publicKey);
+  }, [connected]);
+
+  return (
+    <div className="flex justify-between items-start">
+      <div className="max-w-7xl mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8 flex-6 ">
+        {!connected ? (
+          <WalletConnector />
+        ) : (
+          <>
+            <div>
+              <WalletConnector />
+            </div>
+            <div className="flex flex-col gap-6 mt-12">
+              <div className="flex flex-col gap-4">
+                First, fund this wallet from the APT faucet:
+                <div className="flex flex-col gap-6 text-2xl text-green-600 mt-6 ">Counter: {value}</div>
+                <div className="flex flex-col gap-6">
+                  <button
+                    type="button"
+                    className="mx-auto px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"
+                    onClick={() => {
+                      counter(wallet);
+                    }}
+                  >
+                    Increment
+                  </button>
+                </div>
+              </div>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default Home;

package/template/nextjs/aptos-template/src/pages/index.tsx

@@ -0,0 +1,15 @@
+import type { NextPage } from 'next';
+import Home from "./home";
+
+
+const IndexPage: NextPage = () => {
+  return (
+      <main>
+          <Home/>
+      </main>
+  )
+}
+
+export default IndexPage
+
+

package/template/nextjs/aptos-template/tailwind.config.js

@@ -0,0 +1,59 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+    content: ['./src/**/*.{js,ts,jsx,tsx}'],
+    darkMode: 'media', // or 'media' or 'class'
+    //Aptos wallet connect color <by antd>
+    corePlugins: {
+        preflight: false
+    },
+    theme: {
+        extend: {
+            spacing: {
+                "70":"17rem",
+                '78':'18rem',
+                '82': '20rem',
+                '90': '22rem',
+                '93': '23rem',
+                '97': '25rem',
+                '98': '27rem',
+                '99': "30rem",
+                "new":"34rem",
+                "new-1":"39rem",
+                "100":"43rem",
+                "105":"46rem",
+                "106":"48rem",
+            },
+            colors: {
+                transparent: 'transparent',
+                current: 'currentColor',
+                custom:{
+                    DEFAULT:'#8861D1',
+                    light:"#8861D1",
+                    dark:"#8861D1",
+                }
+
+            },
+            screens: {
+                '3xl': '1700px',
+            },
+            fontFamily: {
+                sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+            },
+
+        },
+
+
+
+    },
+    plugins: [
+
+        require('@tailwindcss/line-clamp'),
+        require('tailwind-scrollbar'),
+    ],
+    variants: {
+        scrollbar: ['rounded']
+    }
+
+}
+

package/template/nextjs/aptos-template/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "ts-node": {
+    "compilerOptions": {
+      "module": "CommonJS"
+    }
+  },
+  "compilerOptions": {
+    "target": "es6",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/template/nextjs/sui-template/.dockerignore

@@ -0,0 +1,7 @@
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

package/template/nextjs/sui-template/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

package/template/nextjs/sui-template/.prettierrc

@@ -0,0 +1,8 @@
+{
+    "printWidth": 120,
+    "tabWidth": 2,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "semi": true,
+    "arrowParens": "avoid"
+}

package/template/nextjs/sui-template/Dockerfile

@@ -0,0 +1,52 @@
+# Install dependencies only when needed
+FROM node:18-alpine AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# If using npm with a `package-lock.json` comment out above and use below instead
+COPY package.json package-lock.json ./
+RUN npm ci
+
+# Rebuild the source code only when needed
+FROM node:18-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+# If using npm comment out above and use below instead
+RUN npm run build
+
+# Production image, copy all the files and run next
+FROM node:18-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# You only need to copy next.config.js if you are NOT using the default configuration
+# COPY --from=builder /app/next.config.js ./
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/package.json ./package.json
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+
+CMD ["node", "server.js"]