movementkit-cli 1.0.1 → 1.0.4

package/kits/engineer/frontend/src/contexts/WalletContext.tsx

@@ -0,0 +1,42 @@
+import { AptosWalletAdapterProvider } from "@aptos-labs/wallet-adapter-react";
+import { PropsWithChildren } from "react";
+
+// Movement Network Configuration
+const MOVEMENT_NETWORK = {
+  testnet: {
+    name: "Movement Testnet",
+    chainId: "250",
+    url: "https://full.testnet.movementinfra.xyz/v1",
+  },
+  mainnet: {
+    name: "Movement Mainnet", 
+    chainId: "126",
+    url: "https://full.mainnet.movementinfra.xyz/v1",
+  },
+};
+
+// Default to testnet
+const currentNetwork = MOVEMENT_NETWORK.testnet;
+
+export function WalletProvider({ children }: PropsWithChildren) {
+  return (
+    <AptosWalletAdapterProvider
+      autoConnect={true}
+      dappConfig={{
+        network: "testnet",
+        aptosApiKey: import.meta.env.VITE_APTOS_API_KEY,
+        aptosConnect: {
+          dappId: "movement-dapp",
+        },
+      }}
+      onError={(error) => {
+        console.error("Wallet error:", error);
+      }}
+    >
+      {children}
+    </AptosWalletAdapterProvider>
+  );
+}
+
+export { currentNetwork };
+

package/kits/engineer/frontend/src/hooks/useContract.ts

@@ -0,0 +1,95 @@
+import { useWallet } from "@aptos-labs/wallet-adapter-react";
+import { Aptos, AptosConfig, Network } from "@aptos-labs/ts-sdk";
+import { currentNetwork } from "../contexts/WalletContext";
+
+// Module configuration - update these for your dApp
+const MODULE_ADDRESS = import.meta.env.VITE_MODULE_ADDRESS || "0x1";
+const MODULE_NAME = import.meta.env.VITE_MODULE_NAME || "module_name";
+
+// Create Aptos client for Movement network
+const aptosConfig = new AptosConfig({
+  network: Network.CUSTOM,
+  fullnode: currentNetwork.url,
+});
+
+const aptos = new Aptos(aptosConfig);
+
+export function useContract() {
+  const { signAndSubmitTransaction, account } = useWallet();
+
+  /**
+   * Call an entry function on the contract
+   */
+  const callFunction = async (
+    functionName: string, 
+    args: (string | number | boolean | Uint8Array)[]
+  ) => {
+    if (!account) {
+      throw new Error("Wallet not connected");
+    }
+
+    const response = await signAndSubmitTransaction({
+      data: {
+        function: `${MODULE_ADDRESS}::${MODULE_NAME}::${functionName}`,
+        functionArguments: args,
+      },
+    });
+
+    // Wait for transaction confirmation
+    const result = await aptos.waitForTransaction({
+      transactionHash: response.hash,
+    });
+
+    return result;
+  };
+
+  /**
+   * Call a view function on the contract (read-only)
+   */
+  const viewFunction = async <T>(
+    functionName: string, 
+    args: (string | number | boolean | Uint8Array)[]
+  ): Promise<T> => {
+    const result = await aptos.view({
+      payload: {
+        function: `${MODULE_ADDRESS}::${MODULE_NAME}::${functionName}`,
+        functionArguments: args,
+      },
+    });
+
+    return result as T;
+  };
+
+  /**
+   * Get account balance
+   */
+  const getBalance = async (address: string): Promise<number> => {
+    try {
+      const resources = await aptos.getAccountResources({
+        accountAddress: address,
+      });
+      
+      const coinResource = resources.find(
+        (r) => r.type === "0x1::coin::CoinStore<0x1::aptos_coin::AptosCoin>"
+      );
+      
+      if (coinResource) {
+        return parseInt((coinResource.data as { coin: { value: string } }).coin.value, 10);
+      }
+      return 0;
+    } catch {
+      return 0;
+    }
+  };
+
+  return {
+    callFunction,
+    viewFunction,
+    getBalance,
+    account,
+    aptos,
+    moduleAddress: MODULE_ADDRESS,
+    moduleName: MODULE_NAME,
+  };
+}
+

package/kits/engineer/frontend/src/index.css

@@ -0,0 +1,76 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  min-height: 100vh;
+  display: flex;
+  place-items: center;
+}
+
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+  width: 100%;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+
+button:hover {
+  border-color: #646cff;
+}
+
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+  background: #1a1a1a;
+  border-radius: 12px;
+  margin: 1em 0;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+  .card {
+    background: #f9f9f9;
+  }
+}
+

package/kits/engineer/frontend/src/main.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+

package/kits/engineer/frontend/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
+

package/kits/engineer/frontend/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
+

package/kits/engineer/frontend/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  define: {
+    // Required for some wallet adapters
+    "process.env": {},
+  },
+  resolve: {
+    alias: {
+      // Required for some dependencies
+      buffer: "buffer",
+    },
+  },
+});
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "movementkit-cli",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "description": "CLI tool for bootstrapping and updating Movement Kit projects for Movement blockchain development",
   "type": "module",
   "repository": {
@@ -17,7 +17,8 @@
   },
   "files": [
     "bin/mk.js",
-    "dist/index.js"
+    "dist/index.js",
+    "kits/engineer"
   ],
   "scripts": {
     "dev": "bun run src/index.ts",