Contents

import { splitActionAttribute } from "./html/split-action-attribute"
import { updateComponent } from "./dom/update-component"
import { handleAction } from "./actions/handle-action"
import { initializeActions } from "actions/initialize-actions";
import { initializeInputs } from "inputs/initialize-inputs";

interface ComponentDefinition {
  component: new (state: any) => ComponentInstance;
  state: any;
  id: string;
}

interface ComponentInstance {
  render: string;
  [key: string]: any;
}

const initializeComponents = () => {
  const components = document.querySelector("#clapton")?.getAttribute("data-clapton") || "[]";
  JSON.parse(components).forEach(createAndAppendComponent);
};

const createAndAppendComponent = (component: ComponentDefinition) => {
  const componentDom = document.createElement('div');
  const instance = new (window[component.component as any] as any)(component.state);
  componentDom.innerHTML = instance.render;
  const firstChild = componentDom.firstChild as HTMLElement;
  if (firstChild) {
    document.querySelector("#clapton")?.appendChild(firstChild);
  }
};

document.addEventListener("DOMContentLoaded", () => {
  initializeComponents();
  initializeActions();
  initializeInputs();
});

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
clapton-0.0.6	lib/clapton/javascripts/src/client.ts
clapton-0.0.5	lib/clapton/javascripts/src/client.ts
clapton-0.0.4	lib/clapton/javascripts/src/client.ts
clapton-0.0.3	lib/clapton/javascripts/src/client.ts
clapton-0.0.2	lib/clapton/javascripts/src/client.ts
clapton-0.0.1	lib/clapton/javascripts/src/client.ts