Gui

.gitignore

@@ -10,3 +10,8 @@
 **/syntax.tab.h
 **/lex.yy.c
 **/lexer
+/gui/.next
+/gui/node_modules
+gui/package-lock.json
+gui/temp.structura
+gui/ir.txt

gui/package.json

@@ -0,0 +1,20 @@
+{
+  "dependencies": {
+    "next": "^15.1.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "name": "gui",
+  "version": "1.0.0",
+  "main": "index.js",
+  "devDependencies": {},
+  "scripts": {
+    "dev": "next dev",
+  "build": "next build",
+  "start": "next start"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}

gui/pages/api/compile.js

@@ -0,0 +1,46 @@
+import { exec } from 'child_process';
+import fs from 'fs';
+import path from 'path';
+
+export default function handler(req, res) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Only POST requests allowed' });
+  }
+
+  const { code } = req.body;
+
+  // 写入 Structura 文件
+  const tempFilePath = path.join(process.cwd(), 'temp.structura');
+  fs.writeFileSync(tempFilePath, code);
+
+  try {
+    // 运行 structura_parser
+    exec(`./structura_parser < ${tempFilePath} > ir.txt`, (error, stdout, stderr) => {
+      if (error) {
+        return res.status(500).json({ error: stderr || error.message });
+      }
+
+      const irOutput = fs.readFileSync('ir.txt', 'utf8');
+
+      // 运行 llc
+      exec(`llc -march=mips -mcpu=mips32 ir.txt -o ir.s`, (llcError, llcStdout, llcStderr) => {
+        if (llcError) {
+          return res.status(500).json({ error: llcStderr || llcError.message });
+        }
+
+        // 读取生成的 MIPS 汇编代码
+        const mipsOutput = fs.readFileSync('ir.s', 'utf8');
+
+        // 清理临时文件
+        fs.unlinkSync(tempFilePath);
+        fs.unlinkSync('ir.txt');
+        fs.unlinkSync('ir.s');
+
+        // 返回结果
+        res.status(200).json({ output: mipsOutput, ir: irOutput });
+      });
+    });
+  } catch (error) {
+    res.status(500).json({ error: error.message });
+  }
+}

gui/pages/index.js

@@ -0,0 +1,69 @@
+import { useState } from 'react';
+
+export default function Home() {
+  const [code, setCode] = useState('');
+  const [output, setOutput] = useState('');
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const compileCode = async () => {
+    setLoading(true);
+    setError('');
+    setOutput('');
+
+    try {
+      const response = await fetch('/api/compile', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ code }),
+      });
+
+      const result = await response.json();
+      if (response.ok) {
+        setOutput(result.output);
+      } else {
+        setError(result.error || 'Compilation failed.');
+      }
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div style={{ padding: '2rem', fontFamily: 'Arial, sans-serif' }}>
+      <h1>Structura Compiler</h1>
+      <textarea
+        rows="10"
+        cols="80"
+        value={code}
+        onChange={(e) => setCode(e.target.value)}
+        placeholder="Write your Structura code here..."
+        style={{ width: '100%', marginBottom: '1rem' }}
+      />
+      <button onClick={compileCode} disabled={loading}>
+        {loading ? 'Compiling...' : 'Compile to MIPS'}
+      </button>
+      <div style={{ marginTop: '1rem' }}>
+        {error && <p style={{ color: 'red' }}>Error: {error}</p>}
+        {output && (
+            <div>
+          <pre
+            style={{
+              background: '#f4f4f4',
+              padding: '1rem',
+              border: '1px solid #ccc',
+            }}
+          >
+            {output}
+          </pre>
+          <pre style={{ background: '#f4f4f4', padding: '1rem', border: '1px solid #ccc' }}>
+            {ir}
+        </pre>
+        </div>
+        )}
+      </div>
+    </div>
+  );
+}

gui/vercel.json

@@ -0,0 +1,8 @@
+{
+    "version": 2,
+    "builds": [
+      { "src": "pages/api/*.js", "use": "@vercel/node" },
+      { "src": "pages/*.js", "use": "@vercel/next" }
+    ]
+  }
+