Merge pull request #11 from OpenZeppelin/add-compiler-to-wizard-plugin

Add solidity compiler to wizard plugin

Author: MCarlomagno

package.json

@@ -26,6 +26,7 @@
 		"@remixproject/plugin-utils": "^0.3.38",
 		"@sveltejs/adapter-netlify": "^4.3.6",
 		"bootstrap": "^5.3.3",
-		"ethers": "^6.13.4"
+		"ethers": "^6.13.4",
+		"solc": "^0.8.28"
 	}
 }

pnpm-lock.yaml

@@ -13,3 +13,8 @@ declare global {
 declare interface Window {
   ethereum?: import('ethers').Eip1193Provider & import('ethers').BrowserProvider;
 }
+
+// solc does not have a type definition file.
+declare module 'solc' {
+  export function compile(input: string, opts?: any): any;
+}

src/app.d.ts

@@ -1,6 +1,7 @@
 import type { CreateApprovalProcessRequest } from "./models/approval-process";
 import type { Credentials } from "./models/auth";
 import type { DeployContractRequest, UpdateDeploymentRequest } from "./models/deploy";
+import type { CompilerInput } from "./models/solc";
 
 class ApiClient {
   credentials: Credentials | null = null;
@@ -72,6 +73,16 @@ class ApiClient {
 
     return response.json();
   }
+
+  async compile(input: CompilerInput) {
+    const response = await fetch("/compiler", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ input }),
+    });
+
+    return response.json();
+  }
 }
 
 export const API = new ApiClient();

src/lib/api.ts

@@ -0,0 +1,20 @@
+export type CompilerInput = {
+  /**
+   * The language, currently only Solidity is supported.
+   */
+  language: string;
+  /**
+   * Name of the file and the content of the file.
+   * e.g. { 'test.sol': { content: 'contract C { function f() public { L.f(); } }' } }
+   */
+  sources: Record<string, { content: string }>;
+  /**
+   * Settings for the compiler.
+   * e.g. { outputSelection: { '*': { '*': ['*'] } }"
+   */
+  settings: {
+    outputSelection: Record<string, Record<string, string[]>>;
+  };
+};
+
+export type ImportContents = Record<string, { contents: string }>;

src/lib/models/solc.ts

@@ -1,4 +1,2 @@
 export const initWizardPlugin = () => {
-  // when users configure a contract, the plugin gets the results.
-  // listenToContracts();
 }

src/lib/wizard/index.ts

@@ -0,0 +1,19 @@
+import type { CompilerInput } from "$lib/models/solc";
+import { json } from '@sveltejs/kit';
+import { SolidityCompiler } from "./compiler";
+import { attempt } from "$lib/utils/attempt";
+
+
+export async function POST({ request }: { request: Request }) {
+  const { input }: { input: CompilerInput } = await request.json();
+
+  const compiler = new SolidityCompiler();
+
+  const [output, error] = await attempt(() => JSON.parse(compiler.compile(input)));
+
+  if (error) {
+    return json({ success: false, error: error.msg });
+  }
+
+  return json({ success: true, data: { output } });
+}

src/routes/compiler/+server.ts

@@ -0,0 +1,20 @@
+import solc from 'solc';
+
+import type { ImportContents } from "$lib/models/solc";
+import type { CompilerInput } from "$lib/models/solc";
+
+export class SolidityCompiler {
+  getContent(path: string, contents: Record<string, { contents: string }>) {
+    if (contents[path]) {
+      return contents[path];
+    }
+    return { error: 'File not found' };
+  }
+  
+  compile(input: CompilerInput, contents?: ImportContents) {
+    const shouldFindImports = contents !== undefined;
+    const findImports = (path: string) => shouldFindImports ? this.getContent(path, contents) : undefined;
+    const output = solc.compile(JSON.stringify(input), shouldFindImports ? { import: findImports } : undefined);
+    return output;
+  }
+}

src/routes/compiler/compiler.ts

@@ -1,4 +1,8 @@
 <script lang="ts">
+  import { onMount } from "svelte";
+  import { initWizardPlugin } from "$lib/wizard";
+
+  let output = $state<any>(null);
 </script>
 
-<p>Defender Deploy in Wizard</p>
+<p>Defender Deploy in Wizard</p>