create-dubhe 0.0.1

package/template/nextjs/aptos-template/scripts/storeConfig.ts

@@ -0,0 +1,54 @@
+import * as fsAsync from 'fs/promises';
+import { mkdirSync, writeFileSync } from 'fs';
+import { exit } from 'process';
+import { dubheConfig } from '../dubhe.config';
+import { dirname } from 'path';
+
+type DeploymentJsonType = {
+  projectName: string;
+  network: 'mainnet' | 'testnet' | 'devnet' | 'local' | 'movementtestnet' | 'movementdevnet' | 'movementlocal';
+  packageId: string;
+  version: number;
+};
+
+async function getDeploymentJson(projectPath: string, network: string) {
+  try {
+    const data = await fsAsync.readFile(`${projectPath}/.history/aptos_${network}/latest.json`, 'utf8');
+    return JSON.parse(data) as DeploymentJsonType;
+  } catch {
+    console.log('store config failed.');
+    exit;
+  }
+}
+
+function storeConfig(network: string, packageId: string) {
+  let code = `import { NetworkType } from '@0xobelisk/aptos-client';
+
+const NETWORK = '${network}' as NetworkType;
+
+const PACKAGE_ID = '${packageId}';
+
+export { NETWORK, PACKAGE_ID };
+`;
+  const path = process.cwd();
+  writeOutput(code, `${path}/src/chain/config.ts`, 'storeConfig');
+}
+
+async function writeOutput(output: string, fullOutputPath: string, logPrefix?: string): Promise<void> {
+  mkdirSync(dirname(fullOutputPath), { recursive: true });
+
+  writeFileSync(fullOutputPath, output);
+  if (logPrefix !== undefined) {
+    console.log(`${logPrefix}: ${fullOutputPath}`);
+  }
+}
+
+async function main() {
+  const path = process.cwd();
+  const network = process.argv[2];
+  const contractPath = `${path}/contracts/${dubheConfig.name}`;
+  const deployment = await getDeploymentJson(contractPath, network);
+  storeConfig(deployment.network, deployment.packageId);
+}
+
+main();

package/template/nextjs/aptos-template/src/chain/config.ts

@@ -0,0 +1,7 @@
+import { Network } from '@0xobelisk/aptos-client';
+
+const NETWORK: Network = Network.LOCAL;
+
+const PACKAGE_ID = '0x51aefb82dd32579137652d75af53e37622730f2ac8490f26424ccd94d225dafb';
+
+export { NETWORK, PACKAGE_ID };

package/template/nextjs/aptos-template/src/components/Animation.tsx

@@ -0,0 +1,80 @@
+import * as React from 'react'
+import {motion} from "framer-motion";
+
+//滑动指定位置的动画效果
+const visible = { opacity: 1, y: 0, transition: { duration: 0.5 } };
+
+const itemVariants = {
+    hidden: { opacity: 0, y: 40 },
+    visible
+};
+const InertiaTitle = ({ children }: { children: React.ReactNode }) => {
+
+    return (
+        <motion.div
+            initial={{ opacity: 0 ,y:100}}
+            whileInView={{ opacity: 1 ,y:0 }}
+            exit={{ opacity: 0, transition: { duration: 1 } }}
+            variants={{ visible: {
+                    opacity: 1,
+                    transition: { duration: 2 }
+                } }}
+            transition={{ type: "inertia", velocity: 180 }}
+            viewport={{ once: true }}
+        >
+            <div  className="w-full">
+                {children}
+            </div>
+        </motion.div>
+
+
+    )
+}
+const TweenTitle = ({ children }: { children: React.ReactNode }) => {
+
+    return (
+        <motion.div
+            initial={{ opacity: 0 ,y:100}}
+            whileInView={{ opacity: 1 ,y:0 }}
+            exit={{ opacity: 0, transition: { duration: 1 } }}
+            variants={{ visible: {
+                    opacity: 1,
+                    transition: { duration: 2 }
+                } }}
+            transition={{ duration: 1, type: "tween",delay: 0.01 }}
+
+            viewport={{ once: true }}
+        >
+            <div  className="w-full">
+                {children}
+            </div>
+        </motion.div>
+
+
+    )
+}
+
+ const Animation = ({ children }: { children: React.ReactNode }) => {
+
+    return (
+        <motion.div
+            initial={{ opacity: 0 ,y:100}}
+            whileInView={{ opacity: 1 ,y:0 }}
+            exit={{ opacity: 0, transition: { duration: 1 } }}
+            variants={{ visible: {
+                    opacity: 1,
+                    transition: { duration: 2 }
+                } }}
+            transition={{ type: "spring", stiffness: 300 ,delay: 0.01}}
+            viewport={{ once: true }}
+        >
+            <div  className="w-full">
+                {children}
+            </div>
+        </motion.div>
+
+
+    )
+}
+
+export {InertiaTitle,Animation,TweenTitle}

package/template/nextjs/aptos-template/src/components/Container.tsx

@@ -0,0 +1,11 @@
+import clsx from 'clsx'
+
+//组件公共样式
+export function Container({ className, ...props }) {
+  return (
+    <div
+      className={clsx('mx-auto  max-w-7xl px-4 sm:px-6 lg:px-8', className)}
+      {...props}
+    />
+  )
+}

package/template/nextjs/aptos-template/src/components/footer/index.tsx

@@ -0,0 +1,138 @@
+import Link from "next/link"
+import {Container} from "../Container";
+
+
+const ends =[
+    {
+        title:"Product",
+        content:[
+            {
+                h1:"Overview",
+                href:"",
+            },
+            {
+                h1:"Download",
+                href:"",
+            },
+            {
+                h1:"Docs",
+                href:"",
+            },
+        ]
+
+    },
+    {
+        title:"Resources",
+        content:[
+            {
+                h1:"About Us",
+                href:"",
+            },
+            {
+                h1:"Download",
+                href:"",
+            },
+            {
+                h1:"Docs",
+                href:"",
+            },
+        ]
+
+    },
+    {
+        title:"Follow Us",
+        content:[
+            {
+                h1:"Discord",
+                href:"",
+            },
+            {
+                h1:"Twitter",
+                href:"",
+            },
+            {
+                h1:"Telegram",
+                href:"",
+            },
+            {
+                h1:"Github",
+                href:"",
+            }
+        ]
+
+    }
+]
+const participate=[
+    {
+        href:"",
+        img:"/telegram.svg"
+    },
+    {
+        href:"",
+        img:"/twitter.svg",
+    },
+    {
+        href:"",
+        img:"/discord.svg",
+    },
+    {
+        href:"",
+        img:"/medium.svg",
+    }
+
+]
+const Footer=()=>{
+    return(
+        <>
+            <Container className="pt-10">
+                <div className="md:flex justify-between pt-12 items-center">
+
+                        <div className="text-center md:flex justify-between mb-10 mt-10 md:mt-0 ">
+                            {ends.map(end=>(
+                                <div key={end.title} className="md:mr-10" >
+                                    <div className="text-white font-semibold text-base ">
+                                        {end.title}
+                                    </div>
+                                    {end.content.map(item=>(
+                                        <div key={item.h1} className="my-3 text-sm transition duration-300 transform hover:translate-x-2 md:text-left text-white">
+
+                                            <Link legacyBehavior href={item.href}>
+                                                <a>
+                                                    {item.h1}
+                                                </a>
+                                            </Link>
+                                        </div>))}
+                                </div>
+                            ))}
+                        </div>
+
+                    <div>
+                        <div  className="flex justify-center md:justify-start " >
+                            <img className="w-18" src="/logo.svg" alt=""/>
+                        </div>
+                        <div className="my-5 text-[#4F5568] text-sm text-center  ">
+                            Aura Wallet is the safest wallet
+                        </div>
+                        <div className="flex justify-center items-center md:justify-start   ">
+                            {participate.map(item=>(
+                                <div key={item.img} className="mr-5 ">
+                                    <Link legacyBehavior href={item.href}>
+                                        <a  className="">
+                                            <img className="w-6" src={item.img} alt=""/>
+                                        </a></Link>
+                                </div> ))}
+                        </div>
+                    </div>
+                    </div>
+                <div className="border-t border-[#1A1A1A] py-3 mt-5 ">
+                    <div className=" flex justify-center md:block    text-[#969696] text-sm ">
+                        © 2022 Aura Wallet</div>
+                </div>
+            </Container>
+
+        </>
+    )
+}
+export {
+    Footer
+}

package/template/nextjs/aptos-template/src/components/head/index.tsx

@@ -0,0 +1,14 @@
+import Head from 'next/head'
+const Heads = () =>{
+    return(
+        <Head>
+            <title>Test Website</title>
+            {/*<meta*/}
+            {/*    name="description"*/}
+            {/*    content="Seamless Portal to Web3.0."*/}
+            {/*/>*/}
+            <link rel="icon" className="rounded-full" href="/favicon.ico" />
+        </Head>
+    )
+}
+export default Heads

package/template/nextjs/aptos-template/src/components/header/index.tsx

@@ -0,0 +1,173 @@
+import Link from "next/link";
+import {useState} from "react";
+import { Popover } from '@headlessui/react'
+import { AnimatePresence, motion } from 'framer-motion'
+import * as React from "react";
+
+function classNames(...classes) {
+    return classes.filter(Boolean).join(' ')
+}
+
+function MenuIcon(props) {
+    return (
+        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" {...props}>
+            <path
+                d="M5 6h14M5 18h14M5 12h14"
+                strokeWidth={2}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+function ChevronUpIcon(props) {
+    return (
+        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" {...props}>
+            <path
+                d="M17 14l-5-5-5 5"
+                strokeWidth={2}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    )
+}
+
+
+const  Header = () =>{
+    const [scroll,setScroll]=useState(false)
+    const navigation = [
+        {name:"Test1", href:"#test1"},
+        {name:"Test2", href:"#test2"},
+        {name:"Test3", href:"#test3"},
+        // {name:"TEAM", href:"#team"},
+    ]
+
+    if(typeof window !== "undefined"){
+        window.onscroll = function() {myFunction()};
+    }
+
+    function myFunction() {
+        if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+            setScroll(true)
+        } else {
+            setScroll(false)
+        }
+    };
+    const to = (toEl)=>{
+       let  bridge=document.querySelector(toEl);
+       let body =document.body;
+       let height =0;
+       do{
+           height+=bridge.offsetTop;
+           bridge=bridge.offsetParent;
+       }while(bridge!==body)
+
+       window.scrollTo({
+           top:height,
+           behavior:'smooth'
+       })
+
+   }
+    return (
+        <div className={classNames(scroll?'p-3 backdrop-blur-sm bg-[#2E2E2E]/80':"py-4 ","flex fixed mx-auto z-40 inset-x-0 px-4 sm:px-6 lg:px-8 xl:px-24 2xl:px-56  w-full justify-between transition-all duration-700 ease-in-out  items-center")}>
+            <div className={"relative z-10 items-center flex "}>
+                <Link href="/" legacyBehavior>
+                <a>
+                    <img
+                        className="w-10 h-10 rounded-full flex lg:mr-5"
+                        src="/logo.svg"
+                        alt=""
+                    />
+                </a>
+                </Link>
+                <div className="hidden lg:flex lg:gap-10">
+                    {navigation.map((item) => (
+                        <button key={item.name}   onClick={()=>{to(item.href)}}
+                           className="text-sm lg:text-base font-medium text-white transition duration-700 ">
+                            {item.name}
+                        </button>
+                    ))}
+                </div>
+            </div>
+            <div className="flex items-center  gap-6">
+
+                <Popover className="lg:hidden">
+
+                    {({ open }) => (
+                        <>
+                            <Popover.Button
+                                className="relative z-10 -m-2 inline-flex items-center rounded-lg stroke-gray-500 p-2 outline-none"
+                                aria-label="Toggle site navigation"
+                            >
+
+                                {({ open }) =>
+                                    open ? (
+                                        <ChevronUpIcon className="h-10 w-10" />
+                                    ) : (
+                                        <MenuIcon className="h-10 w-10" />
+                                    )
+                                }
+                            </Popover.Button>
+                            <AnimatePresence initial={false}>
+                                {open && (
+                                    <>
+                                        <Popover.Overlay
+                                            static
+                                            as={motion.div}
+                                            initial={{ opacity: 0 }}
+                                            animate={{ opacity: 1 }}
+                                            exit={{ opacity: 0 }}
+                                            className="fixed inset-0 z-0 bg-gray-300/60 backdrop-blur"
+                                        />
+                                        <Popover.Panel
+                                            static
+                                            as={motion.div}
+                                            initial={{ opacity: 0, y: -32 }}
+                                            animate={{ opacity: 1, y: 0 }}
+                                            exit={{
+                                                opacity: 0,
+                                                y: -32,
+                                                transition: { duration: 0.2 },
+                                            }}
+                                            className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl  bg-[#2E2E2E] px-6 pb-6 pt-24 shadow-2xl shadow-gray-900/20"
+                                        >
+
+                                            <div className="space-y-4 ">
+                                                {navigation.map((item) => (
+                                                    <button key={item.name}  onClick={()=>to(item.href)}
+                                                          className="block text-base leading-7 tracking-tight text-white">
+                                                        {item.name}
+                                                    </button>
+                                                ))}
+                                            </div>
+
+
+                                        </Popover.Panel>
+                                    </>
+                                )}
+                            </AnimatePresence>
+                        </>
+                    )}
+                </Popover>
+
+                <div className="hidden lg:flex gap-4 items-center ">
+                    <Link href="https://discord.gg/ceETxS2eTa" legacyBehavior>
+                        <a target="_blank">
+                        <img className="w-6 " src="discord.svg" alt=""/>
+                        </a>
+                    </Link>
+                    <Link href="https://twitter.com/suirobots" legacyBehavior>
+                        <a target="_blank">
+                        <img className="w-6" src="twitter.svg" alt=""/>
+                        </a>
+                    </Link>
+                </div>
+            </div>
+        </div>
+
+    )
+}
+
+export default Header

package/template/nextjs/aptos-template/src/components/pop_up_box/index.tsx

@@ -0,0 +1,149 @@
+import {useAtom} from "jotai";
+import React, {Fragment, useEffect} from "react";
+import Link from "next/link";
+import {Dialog,Transition} from "@headlessui/react";
+import {OpenBoxState, SellPopUpBoxState, SellState} from "../../jotai";
+
+function classNames(...classes) {
+    return classes.filter(Boolean).join(' ')
+}
+
+//右侧弹出框
+const PopUpBox = () =>{
+    const [pop_up_boxState,setSop_up_boxState] = useAtom(SellPopUpBoxState)
+    const [pop_up_boxData,] =useAtom(SellState)
+    let time
+    useEffect(()=>{
+        clearTimeout(time)
+        if(pop_up_boxState){
+            time = setTimeout(()=>{
+                setSop_up_boxState(false)
+            },6000)
+        }
+        const Pop_up_box = document.getElementById('Pop_up_box');
+        Pop_up_box.onmouseover = function(){
+            clearInterval(time);
+        }
+        Pop_up_box.onmouseout = function(){
+            time = setTimeout(()=>{
+                setSop_up_boxState(false)
+
+            },3000)
+        }
+    },[pop_up_boxState])
+    return(
+        <div
+            id="Pop_up_box"
+            aria-live="assertive"
+            className="pointer-events-none z-50 fixed inset-0 top-12 flex items-end px-4 py-6 sm:items-start sm:p-6 "
+        >
+            <div className="flex w-full flex-col items-center space-y-4 sm:items-end">
+                {/* Notification panel, dynamically insert this into the live region when it needs to be displayed */}
+                <Transition
+                    show={pop_up_boxState}
+                    as={Fragment}
+                    enter="transform ease-out duration-300 transition"
+                    enterFrom="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
+                    enterTo="translate-y-0 opacity-100 sm:translate-x-0"
+                    leave="transition ease-in duration-100"
+                    leaveFrom="opacity-100"
+                    leaveTo="opacity-0"
+                >
+                    <div className={classNames(pop_up_boxData.state?"bg-green-50":"bg-red-50","pointer-events-auto w-full max-w-xs overflow-hidden rounded-lg  ")}>
+                        <div className="p-4">
+                            <div className="flex items-center">
+                                <img className={pop_up_boxData.state?"w-10  mt-1":"hidden"} src="/successful.svg" alt=""/>
+                                <img className={pop_up_boxData.state?"hidden":"w-10  mt-1"} src="/fail.svg" alt=""/>
+                                <div className="ml-3 w-0 flex-1 pt-0.5 text-white text-sm">
+                                    <p className={classNames(pop_up_boxData.state?
+                                            "text-green-800"
+                                            :
+                                            "text-red-800",
+                                        "text-sm font-medium ")}>{pop_up_boxData.type} {classNames(pop_up_boxData.state?"success":"fail")}</p>
+                                    <p className={pop_up_boxData.state?"hidden":"mt-1 text-red-800 font-black"}>Please try again</p>
+                                    <div className={pop_up_boxData.hash == ""? "hidden":""}>
+                                        <Link legacyBehavior href={`https://explorer.sui.io/transaction/${pop_up_boxData.hash}?network=https%3A%2F%2Fwallet-rpc.devnet.sui.io%2F` } target="_Blank">
+                                            <a className={classNames(pop_up_boxData.state?
+                                                    "bg-green-50 text-green-500 hover:bg-green-100"
+                                                    :
+                                                    "bg-red-50 text-red-500 hover:bg-red-100",
+                                                "mt-1 underline font-semibold ")}
+                                               target="_Blank">
+                                                View on Explorer
+                                            </a></Link>
+
+                                    </div>
+                                </div>
+
+                                <div className="-mt-4 flex flex-shrink-0">
+                                    <button
+                                        type="button"
+                                        className={classNames(pop_up_boxData.state?
+                                                "bg-green-50 text-green-500 hover:bg-green-100"
+                                                :
+                                                "bg-red-50 text-red-500 hover:bg-red-100",
+                                            "inline-flex rounded-md  p-1.5")}
+                                        onClick={() => {
+                                            setSop_up_boxState(false)
+                                        }}
+                                    >
+                                        <i className="fa fa-times" aria-hidden="true"></i>
+                                        <span className="sr-only">Close</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </Transition>
+            </div>
+        </div>
+    )
+}
+
+//加载弹出框
+const Loading = () =>{
+    const [openLoading,setOpenLoading] =useAtom(OpenBoxState)
+    return(
+        <>
+            <Transition.Root show={openLoading} as={Fragment}>
+                <Dialog as="div" className="relative z-50" onClose={()=>false}>
+                    <Transition.Child
+                        as={Fragment}
+                        enter="ease-out duration-300"
+                        enterFrom="opacity-0"
+                        enterTo="opacity-100"
+                        leave="ease-in duration-200"
+                        leaveFrom="opacity-100"
+                        leaveTo="opacity-0"
+                    >
+                        <div className="fixed inset-0 bg-gray-400 bg-opacity-50 transition-opacity" />
+                    </Transition.Child>
+
+                    <div className="fixed inset-0 z-10 overflow-y-auto">
+                        <div className="flex min-h-full items-center  justify-center p-4 text-center sm:items-center sm:p-0">
+                            <Transition.Child
+                                as={Fragment}
+                                enter="ease-out duration-300"
+                                enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+                                enterTo="opacity-100 translate-y-0 sm:scale-100"
+                                leave="ease-in duration-200"
+                                leaveFrom="opacity-100 translate-y-0 sm:scale-100"
+                                leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+                            >
+                                <Dialog.Panel className="">
+
+                                    <div className="animate-spin text-white">
+                                        <i className="fa fa-spinner f-spin fa-2x fa-fw"></i>
+                                    </div>
+                                </Dialog.Panel>
+                            </Transition.Child>
+                        </div>
+                    </div>
+                </Dialog>
+            </Transition.Root>
+        </>
+    )
+}
+export {PopUpBox,Loading}
+
+