xarc/tag-renderer support rendering sub templates #1702

jchip · 2020-07-20T18:04:14Z

a renderer for templates base on ES6 template string literals.

Example:

import { createTemplateTags, Token, TokenInvoke, RegisterTokenIds } from "../../src";

import * as custom1 from "../fixtures/custom-1";
import * as tokenHandler from "../fixtures/token-handler";

const subTags2 = createTemplateTags`${RegisterTokenIds(tokenHandler)}
  ${RegisterTokenIds(() => {
    return {
      name: "sub-blah-blah-2",
      tokens: {
        X2: "x2"
      }
    };
  })}
  <div>sub template tags 2${Token("X2")}</div>`;

const subTags = createTemplateTags`${RegisterTokenIds(tokenHandler)}
  ${RegisterTokenIds(() => {
    return {
      name: "sub-blah-blah",
      tokens: {
        X: "x1"
      }
    };
  })}
  <div>sub template tags${Token("X")}${subTags2}</div>`;

export const templateTags = createTemplateTags`<html>
<head>
  ${RegisterTokenIds(tokenHandler)}
  ${RegisterTokenIds(() => {
    return {
      name: "blah-blah",
      tokens: {
        ABC: "ABC",
        "ssr-content": "SSR\n",
        "webapp-header-bundles": () => "header\n"
      }
    };
  })}
  ${RegisterTokenIds(tokenHandler)}
  ${Token("ssr-content")}
  ${Token("webapp-header-bundles")}
  ${Token("webapp-body-bundles")}
  ${Token("PAGE_TITLE")}
  ${Token("prefetch-bundles")}
  ${TokenInvoke(custom1)}
  ${context => {
    return `hello world from function: ${Object.keys(context)}\n`;
  }}
  <script>
    console.log("test");
  </script>
  ${subTags}
  ${Token("meta-tags")}
  ${Token("ABC")}
</head>
</html>`;

xarc/tag-renderer support rendering sub templates

b18b6ee

jchip force-pushed the jsx-renderer branch from ec7f59c to b18b6ee Compare July 20, 2020 19:05

dmikey approved these changes Jul 20, 2020

View reviewed changes

jchip merged commit 3ea2fe7 into master Jul 20, 2020

jchip deleted the jsx-renderer branch July 29, 2020 22:25

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

xarc/tag-renderer support rendering sub templates #1702

xarc/tag-renderer support rendering sub templates #1702

jchip commented Jul 20, 2020

xarc/tag-renderer support rendering sub templates #1702

xarc/tag-renderer support rendering sub templates #1702

Conversation

jchip commented Jul 20, 2020