DylanPiercey

const valuesById = new Map();
const listenersById = new Map();

export function withGlobalState(component, out, id, state = {}) {
  if (typeof document === "undefined") {
    if (Array.isArray(id)) {
      for (const item of id) {
        withGlobalState(component, out, item, state);
      }
    } else {

DylanPiercey

(() => {
  let activeMode = "default";
  const modes = {
    default: (_) => _,
    camel: (_, c) => c.toUpperCase(),
    snake: (_, c) => `_${c}`,
    kebab: (_, c) => `-${c}`,
    smoosh: (_, c) => c.toLowerCase(),
  };
  const root = document.createElement("div");

DylanPiercey

<local/count=0 storageKey="count"/>
<p>You clicked ${count} times</p>
<button onClick() { count++ }>
  Click me
</button>

DylanPiercey

<div/getEl>
    <h1>Test</h1>
</div>

<return={
    get div_width() {
        return getEl().clientWidth
    }
} />

DylanPiercey

<let/count = 0/>
<p>You clicked ${count} times</p>
<button onClick() { count++ }>
  Click me
</button>

DylanPiercey

<let/x="Hello"/>
<input value:=x/>
<div>${x}</div>

DylanPiercey

const getWritableDOM = (() => {
  const testDoc = document.implementation.createHTMLDocument();
  testDoc.write("<script>");

  // Safari and potentially other browsers strip script tags from detached documents.
  // If that's the case we'll fallback to an iframe implementation.
  if (testDoc.scripts.length) {
    return target =>
      toWritable(target, document.implementation.createHTMLDocument());
  } else {

DylanPiercey

<let/distance=0/>
<let/startTime=0/>
<let/curValue=input.default/>
<const/ease=input.ease || (v) => v < 0.5 ? 2 * v * v : -1 + (4 - 2 * v) * v/>

<yield=curValue onnext=(nextValue) => {
  startTime = performance.now();
  distance = curValue - nextValue;
}/>

DylanPiercey

static function createBuilder(template) {
  const parts = template.replace(/\\n/, "\n").replace(/</g, "&lt;").split("  ");
  const partEntries = Object.entries(parts.reduce((map, str, i) => {
    ["TAG", "VAR", "PARAMS", "ATTRS"].forEach(name => {
      if (str.indexOf(name) >= 0) {
        map[name] = i;
      }
    });
    return map;
  }, {}));

DylanPiercey

class {
  onCreate() {
    this.state = {
      errors: {},
      values: {}
    };
  }

  async validate(path, value) {
    try {