fix warp deploy plugin by tweaking webpack

apps/demo/.eslintrc.cjs

@@ -1,30 +1,30 @@
 /** @type {import("eslint").Linter.Config} */
 const config = {
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    project: true,
-  },
-  plugins: ["@typescript-eslint"],
-  extends: [
-    "next/core-web-vitals",
-    "plugin:@typescript-eslint/recommended-type-checked",
-    "plugin:@typescript-eslint/stylistic-type-checked",
-  ],
-  rules: {
-    // These opinionated rules are enabled in stylistic-type-checked above.
-    // Feel free to reconfigure them to your own preference.
-    "@typescript-eslint/array-type": "off",
-    "@typescript-eslint/consistent-type-definitions": "off",
+	parser: '@typescript-eslint/parser',
+	parserOptions: {
+		project: true,
+	},
+	plugins: ['@typescript-eslint'],
+	extends: [
+		'next/core-web-vitals',
+		'plugin:@typescript-eslint/recommended-type-checked',
+		'plugin:@typescript-eslint/stylistic-type-checked',
+	],
+	rules: {
+		// These opinionated rules are enabled in stylistic-type-checked above.
+		// Feel free to reconfigure them to your own preference.
+		'@typescript-eslint/array-type': 'off',
+		'@typescript-eslint/consistent-type-definitions': 'off',
 
-    "@typescript-eslint/consistent-type-imports": [
-      "warn",
-      {
-        prefer: "type-imports",
-        fixStyle: "inline-type-imports",
-      },
-    ],
-    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
-  },
+		'@typescript-eslint/consistent-type-imports': [
+			'warn',
+			{
+				prefer: 'type-imports',
+				fixStyle: 'inline-type-imports',
+			},
+		],
+		'@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+	},
 };
 
 module.exports = config;

apps/demo/next.config.mjs

@@ -11,6 +11,13 @@ const config = {
 		locales: ['en'],
 		defaultLocale: 'en',
 	},
+	webpack: (config, { isServer }) => {
+		if (!isServer) {
+			config.optimization.innerGraph = false;
+		}
+
+		return config;
+	},
 };
 
 export default config;

apps/demo/package.json

@@ -9,7 +9,6 @@
 		"start": "next start"
 	},
 	"dependencies": {
-		"avcs": "git+https://github.com/Irys-xyz/avsc.git",
 		"@ant-design/cssinjs": "^1.18.1",
 		"@irys/sdk": "^0.1.1",
 		"@t3-oss/env-nextjs": "^0.7.1",
@@ -27,7 +26,7 @@
 		"react-icons": "^4.12.0",
 		"usehooks-ts": "^2.9.1",
 		"warp-contracts": "^1.4.26",
-		"warp-contracts-plugin-deploy": "1.0.9",
+		"warp-contracts-plugin-deploy": "^1.0.12",
 		"zod": "^3.22.4",
 		"zustand": "^4.4.7"
 	},

apps/demo/src/components/common/navbar/index.tsx

@@ -12,35 +12,28 @@ import { useConnection } from 'arweave-wallet-kit';
 
 // Icons
 import AtomicToolkitLogo from '~/assets/light.svg';
-import { WarpFactory, defaultCacheOptions } from 'warp-contracts';
+import { WarpFactory } from 'warp-contracts';
 import { DeployPlugin } from 'warp-contracts-plugin-deploy';
 
 const Navbar = () => {
 	const { setAtomicToolkit } = useAtomicToolkit();
 	const { connected } = useConnection();
 
 	React.useEffect(() => {
-		const get = async () => {
-			const warp = WarpFactory.forMainnet({
-				...defaultCacheOptions,
-				inMemory: true,
-			}).use(new DeployPlugin());
+		const get = () => {
+			const warp = WarpFactory.forMainnet();
+
+			console.log(warp);
+			warp.use(new DeployPlugin());
 			const toolkit = new AtomicToolkitWeb({
 				warp,
 				useIrys: false,
 			});
-			return toolkit;
+			setAtomicToolkit(toolkit);
 		};
 
 		if (connected) {
-			get()
-				.then((toolkit) => {
-					console.log('Toolkit: ', toolkit);
-					setAtomicToolkit(toolkit);
-				})
-				.catch((err) => {
-					console.log(err);
-				});
+			get();
 		}
 	}, [connected]);
 

packages/atomic-toolkit/src/web.ts

@@ -13,6 +13,7 @@ import * as Types from './types';
 import { CreateTradableAssetOpts, CollectionOpts } from './types/asset';
 import { UploadResponse } from '@irys/sdk/build/cjs/common/types';
 import Transaction from 'arweave/node/lib/transaction';
+import { DeployPlugin } from 'warp-contracts-plugin-deploy';
 
 class AtomicToolkitWeb {
     public warp: Warp;
@@ -26,6 +27,9 @@ class AtomicToolkitWeb {
         useIrys = false,
         ...props
     }: Types.AtomicToolkitWebOpts) {
+        const DeployPluginClass: typeof DeployPlugin =
+            (DeployPlugin as any)?.default ?? DeployPlugin;
+
         if (!warp.hasPlugin('deploy')) {
             throw new Error('Warp instance must have DeployPlugin');
         }