add eta support (#123)

packages/frontend/package.json

@@ -27,6 +27,7 @@
     "@marko/compiler": "5",
     "@marko/translator-default": "6",
     "babel-preset-solid": "1",
+    "eta": "3",
     "handlebars": "4",
     "htmx-esm": "0.2",
     "marked": "12",
@@ -66,6 +67,9 @@
     "babel-preset-solid": {
       "optional": true
     },
+    "eta": {
+      "optional": true
+    },
     "handlebars": {
       "optional": true
     },

packages/frontend/src/frontends/eta/imports.js

@@ -0,0 +1,17 @@
+import { Eta } from "eta";
+const eta = new Eta();
+
+export const compile = {
+  server(text) {
+    return `
+      import { Eta } from "eta";
+      const eta = new Eta();
+
+      ${eta.compile(text).toString()}
+
+      export default (props, options) => anonymous.call(eta, props, options);
+    `;
+  },
+};
+
+export const render = (component, props) => component(props);

packages/frontend/src/frontends/eta/module.js

@@ -0,0 +1,49 @@
+import * as O from "rcompat/object";
+import { compile, peers, load } from "../common/exports.js";
+import depend from "../depend.js";
+
+const handler = ({ directory, render }) => (name, props = {}, options = {}) =>
+  async app => {
+    const components = app.runpath(app.get("location.server"), directory);
+    const { default : component } = await load(components.join(name));
+
+    return app.view({ body: render(component, props), ...options });
+  };
+
+const name = "eta";
+const dependencies = ["eta"];
+const default_extension = ".eta";
+const on = O.filter(peers, ([key]) => dependencies.includes(key));
+
+export default ({ extension = default_extension } = {}) => {
+  const rootname = name;
+
+  return {
+    name: `primate:${name}`,
+    async init(app, next) {
+      await depend(on, `frontend:${name}`);
+
+      const imports = await import("./imports.js");
+
+      app.register(extension, {
+        handle: handler({
+          directory: app.get("location.components"),
+          render: imports.render,
+        }),
+        compile: {
+          ...await compile({
+            app,
+            extension,
+            rootname,
+            compile: imports.compile,
+          }),
+          // no support for hydration
+          client: _ => _,
+        },
+      });
+
+      return next(app);
+    },
+  };
+};
+

packages/frontend/src/frontends/exports.js

@@ -1,10 +1,11 @@
-export { default as webc } from "./webc/module.js";
+export { default as angular } from "./angular/module.js";
+export { default as eta } from "./eta/module.js";
+export { default as handlebars } from "./handlebars/module.js";
 export { default as htmx } from "./htmx/module.js";
 export { default as markdown } from "./markdown/module.js";
+export { default as marko } from "./marko/module.js";
 export { default as react } from "./react/module.js";
 export { default as solid } from "./solid/module.js";
 export { default as svelte } from "./svelte/module.js";
 export { default as vue } from "./vue/module.js";
-export { default as angular } from "./angular/module.js";
-export { default as handlebars } from "./handlebars/module.js";
-export { default as marko } from "./marko/module.js";
+export { default as webc } from "./webc/module.js";