index.html

<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="main.css">
		<script src="wasm_exec.js"></script>
		<script src="viz.js"></script>
  		<script src="full.render.js"></script>
		<script>
			const go = new Go()
			WebAssembly.instantiateStreaming(fetch("main.wasm"), go.importObject).then((result) => {
				go.run(result.instance)
			});
		</script>
	</head>
	<body>
		<header>
			<h1>Dockerfile Dependency graph</h1>
			<a href="https://github.com/po3rin/dockerdot"><img id="repo" src="static/github.png"></a>
		</header>
		<div>
			<textarea id="textarea">
FROM golang:1.12 AS stage0

WORKDIR /go
ADD ./ /go
RUN go build -o stage0_bin

FROM golang:1.12 AS stage1
WORKDIR /go
ADD ./ /go

RUN go build -o stage1_bin
FROM golang:1.12
COPY --from=stage0 /go/stage0_bin /
COPY --from=stage1 /go/stage1_bin /
			</textarea>
		</div>
		<button id="button">check !!!</button>
		<div id="graph"></div>
	</body>
	<script>
		let viz = new Viz()
		graph = document.getElementById("graph")
		showGraph = (dot) => {
			viz.renderSVGElement(dot).then((element)=> {
				if (graph.lastChild){
					graph.removeChild(graph.lastChild)
				}
				graph.appendChild(element)
			})
		}
	</script>
</html>