clapton 0.0.24 → 0.0.26

data/lib/clapton/javascripts/src/components/text-field.spec.ts

@@ -1,16 +0,0 @@
-import { describe, it, expect } from "vitest"
-import { TextField } from "./text-field"
-
-describe("TextField", () => {
-  it("returns empty string if no params", () => {
-    expect(new TextField({}, "foo").renderWrapper).toBe("<input type='text' data-attribute='foo' value=''/>")
-  })
-
-  it("returns attributes and data attributes", () => {
-    expect(new TextField({ foo: "bar" }, "foo", { id: "1", "data-foo": "bar" }).renderWrapper).toBe(`<input type='text' id='1' data-foo='bar' data-attribute='foo' value='bar'/>`)
-  })
-
-  it("returns attributes and data attributes with custom data attributes", () => {
-    expect(new TextField({ foo: "bar" }, "foo", { id: "1", data: { foo: { baz: "qux", quux: "corge" } } }).renderWrapper).toBe(`<input type='text' id='1' data-attribute='foo' data-foo-baz='qux' data-foo-quux='corge' value='bar'/>`)
-  })
-})

data/lib/clapton/javascripts/src/components/text-field.ts

@@ -1,23 +0,0 @@
-import { htmlAttributes } from "../html/html-attributes";
-
-export class TextField {
-  state: any;
-  attribute: string;
-  attributes: Record<string, any>;
-
-  constructor(state: any, attribute: string, attributes: Record<string, any> = {}) {
-    this.state = state;
-    this.attributes = attributes;
-    this.attribute = attribute;
-    this.attributes["data-attribute"] = attribute;
-  }
-
-  get renderWrapper(): string {
-    return `<input type='text' ${htmlAttributes(this.attributes)} value='${this.state[this.attribute] || ""}'/>`;
-  }
-
-  add_action(event: string, klass: string, fn: string, options: { debounce?: number } = {}): TextField {
-    this.attributes["data-action"] = `${this.attributes["data-action"] || ""} ${event}->${klass}#${fn}@${options.debounce || 0}`;
-    return this;
-  }
-}

data/lib/clapton/javascripts/src/dom/update-component.ts

@@ -1,11 +0,0 @@
-import morphdom from "morphdom";
-
-export const updateComponent = async (component: HTMLElement, state: any, property: string, target: HTMLInputElement) => {
-  state[property] = target.value;
-  const componentName = component.dataset.component as string;
-  const module = await import(`${componentName}`);
-  const ComponentClass = module[componentName] as any;
-  const instance = new ComponentClass(state, component.dataset.id);
-  morphdom(component, instance.renderWrapper);
-  instance.runEffects();
-};

data/lib/clapton/javascripts/src/inputs/initialize-inputs.ts

@@ -1,16 +0,0 @@
-import { updateComponent } from "../dom/update-component";
-
-export const initializeInputs = () => {
-  const inputElements = document.querySelectorAll("[data-attribute]");
-  inputElements.forEach((element: any) => {
-    const attribute = element.getAttribute("data-attribute");
-    const component = element.closest(`[data-component]`) as HTMLElement;
-    const state = JSON.parse(component.getAttribute("data-state") || "{}");
-    if (!attribute || !component) return;
-    if (element.tagName === "INPUT") {
-      element.addEventListener("input", async (event: Event) => {
-        await updateComponent(component, state, attribute, event.target as HTMLInputElement);
-      });
-    }
-  });
-};