manlon/node-elm-index.js

## node-elm-index.js
var fs = require("fs");
var express = require("express");
var jsdom = require("jsdom");
var serializeDocument = require("jsdom").serializeDocument;
var elmSrc = fs.readFileSync("./elm.js"); // Elm program with Main module and signalInit port


var html = `
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <script src="elm.js"></script>
  </head>
  <body>
    <h1>Hello World!</h1>
    <div id="elm-main" />
    <script src="bootstrap.js"></script>
  </body>
</html>
`;

var bootstrap = `
    var node = document.getElementById('elm-main');
    var elmApp = Elm.Main.embed(node);
    elmApp.ports.signalInit.subscribe(function(){
        if(window.onElmInit){ window.onElmInit(); }
    });
`;

var app = express();

app.get("/elm.js", function(req, resp){
    resp.send(elmSrc);
});
app.get("/bootstrap.js", function(req, resp){
    resp.send(bootstrap);
});

app.get("/", function(req, resp){
  jsdom.env({
      html: html,
      src: [ elmSrc, bootstrap ],
      done: function(err, window){
          window.onElmInit = function(){
              var node = window.document.getElementById('elm-main');
              var inputs = node.querySelectorAll("input");
              for(var i = 0; i < inputs.length; i++){
                  if(inputs[i].value){
                    inputs[i].defaultValue = inputs[i].value;
                  }
              }
              resp.send(serializeDocument(window.document));
          }
      },
  });
});

app.listen(3000);
	var fs = require("fs");
	var express = require("express");
	var jsdom = require("jsdom");
	var serializeDocument = require("jsdom").serializeDocument;
	var elmSrc = fs.readFileSync("./elm.js"); // Elm program with Main module and signalInit port


	var html = `
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello World!</title>
	<script src="elm.js"></script>
	</head>
	<body>
	<h1>Hello World!</h1>
	<div id="elm-main" />
	<script src="bootstrap.js"></script>
	</body>
	</html>
	`;

	var bootstrap = `
	var node = document.getElementById('elm-main');
	var elmApp = Elm.Main.embed(node);
	elmApp.ports.signalInit.subscribe(function(){
	if(window.onElmInit){ window.onElmInit(); }
	});
	`;

	var app = express();

	app.get("/elm.js", function(req, resp){
	resp.send(elmSrc);
	});
	app.get("/bootstrap.js", function(req, resp){
	resp.send(bootstrap);
	});

	app.get("/", function(req, resp){
	jsdom.env({
	html: html,
	src: [ elmSrc, bootstrap ],
	done: function(err, window){
	window.onElmInit = function(){
	var node = window.document.getElementById('elm-main');
	var inputs = node.querySelectorAll("input");
	for(var i = 0; i < inputs.length; i++){
	if(inputs[i].value){
	inputs[i].defaultValue = inputs[i].value;
	}
	}
	resp.send(serializeDocument(window.document));
	}
	},
	});
	});

	app.listen(3000);