@jant/core 0.3.35 → 0.3.37

package/src/ui/components/__tests__/jant-compose-editor.test.ts

@@ -1,272 +0,0 @@
-// @vitest-environment happy-dom
-
-import { describe, it, expect, beforeEach } from "vitest";
-import type { ComposeLabels } from "../compose-types.js";
-import "../jant-compose-editor.js";
-import type { JantComposeEditor } from "../jant-compose-editor.js";
-
-function requireElement<T extends globalThis.Element>(
-  element: T | null,
-  message: string,
-): T {
-  if (!element) {
-    throw new Error(message);
-  }
-  return element;
-}
-
-function requireItem<T extends globalThis.Element>(
-  collection: globalThis.NodeListOf<T>,
-  index: number,
-  message: string,
-): T {
-  const item = collection.item(index);
-  if (!item) {
-    throw new Error(message);
-  }
-  return item;
-}
-
-const labels: ComposeLabels = {
-  cancel: "Cancel",
-  note: "Note",
-  link: "Link",
-  quote: "Quote",
-  saveDraft: "Save as Draft",
-  saveAsDraft: "Save as draft",
-  discard: "Discard",
-  titlePlaceholder: "Title",
-  bodyPlaceholder: "What's on your mind...",
-  urlPlaceholder: "Paste a URL...",
-  linkTitlePlaceholder: "Give it a title...",
-  thoughtsPlaceholder: "Your thoughts (optional)",
-  quotePlaceholder: "Type the quote...",
-  authorPlaceholder: "Author (optional)",
-  sourcePlaceholder: "Source link (optional)",
-  attachedText: "Attached Text",
-  attachedTextPlaceholder: "Paste text...",
-  attachedTextHint: "Supplementary content",
-  done: "Done",
-  media: "Media",
-  score: "Score",
-  title: "Title",
-  collection: "Collection",
-  searchCollections: "Search...",
-  noCollections: "No collections found.",
-  post: "Post",
-  addAlt: "+ ALT",
-  addAltTitle: "Add alt text",
-  altPlaceholder: "Describe this...",
-  altHint: "Alt text improves accessibility",
-  addMore: "Add",
-  uploading: "Uploading...",
-  published: "Published!",
-};
-
-async function createElement(
-  format: string = "note",
-): Promise<JantComposeEditor> {
-  const el = document.createElement("jant-compose-editor") as JantComposeEditor;
-  el.format = format as "note" | "link" | "quote";
-  el.labels = labels;
-  document.body.appendChild(el);
-  await el.updateComplete;
-  return el;
-}
-
-describe("JantComposeEditor", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-  });
-
-  it("renders note fields by default", async () => {
-    const el = await createElement("note");
-    const textarea = requireElement(
-      el.querySelector<HTMLTextAreaElement>(".compose-body-input"),
-      "expected compose body textarea",
-    );
-    expect(textarea.placeholder).toBe("What's on your mind...");
-  });
-
-  it("renders link fields when format is link", async () => {
-    const el = await createElement("link");
-    const urlInput = requireElement(
-      el.querySelector<HTMLInputElement>('input[type="url"]'),
-      "expected url input",
-    );
-    expect(urlInput.placeholder).toBe("Paste a URL...");
-
-    const titleInput = el.querySelector<HTMLInputElement>(
-      ".compose-link-title",
-    );
-    expect(titleInput).not.toBeNull();
-  });
-
-  it("renders quote fields when format is quote", async () => {
-    const el = await createElement("quote");
-    const quoteTextarea = el.querySelector<HTMLTextAreaElement>(
-      ".compose-quote-text",
-    );
-    expect(quoteTextarea).not.toBeNull();
-
-    const authorInput = el.querySelector<HTMLInputElement>(
-      ".compose-quote-author",
-    );
-    expect(authorInput).not.toBeNull();
-  });
-
-  it("toggles star rating visibility", async () => {
-    const el = await createElement("note");
-
-    // Rating not visible initially
-    expect(el.querySelector(".compose-star-rating")).toBeNull();
-
-    // Click score button to show rating
-    const toolButtons =
-      el.querySelectorAll<HTMLButtonElement>(".compose-tool-btn");
-    const scoreBtnEl = requireItem(
-      toolButtons,
-      2,
-      "expected score tool button",
-    );
-    scoreBtnEl.click();
-    await el.updateComplete;
-
-    expect(el.querySelector(".compose-star-rating")).not.toBeNull();
-  });
-
-  it("sets rating on star click and deselects on same star", async () => {
-    const el = await createElement("note");
-    el._showRating = true;
-    await el.updateComplete;
-
-    const stars = el.querySelectorAll<HTMLButtonElement>(".compose-star");
-    expect(stars.length).toBe(5);
-
-    // Click third star
-    stars[2].click();
-    await el.updateComplete;
-    expect(el._rating).toBe(3);
-
-    // Rating label shows
-    const label = el.querySelector(".compose-star-label");
-    expect(label?.textContent).toContain("3/5");
-
-    // Click third star again to deselect
-    stars[2].click();
-    await el.updateComplete;
-    expect(el._rating).toBe(0);
-  });
-
-  it("toggles attached text panel", async () => {
-    const el = await createElement("note");
-
-    // Click attached text tool button
-    const toolBtns =
-      el.querySelectorAll<HTMLButtonElement>(".compose-tool-btn");
-    const attachedBtn = requireItem(
-      toolBtns,
-      1,
-      "expected attached text button",
-    );
-    attachedBtn.click();
-    await el.updateComplete;
-
-    expect(el.querySelector(".compose-attached-panel")).not.toBeNull();
-
-    // Click done button to close
-    const doneBtn = el.querySelector<HTMLButtonElement>(
-      ".compose-attached-panel .compose-post-btn",
-    );
-    doneBtn?.click();
-    await el.updateComplete;
-
-    expect(el.querySelector(".compose-attached-panel")).toBeNull();
-  });
-
-  it("shows title toggle only in note mode", async () => {
-    const el = await createElement("note");
-    const toolSep = el.querySelector(".compose-tool-sep");
-    expect(toolSep).not.toBeNull();
-
-    el.format = "link";
-    await el.updateComplete;
-    expect(el.querySelector(".compose-tool-sep")).toBeNull();
-  });
-
-  it("getData returns current field values", async () => {
-    const el = await createElement("note");
-    el._title = "Test Title";
-    el._body = "Test Body";
-    el._rating = 4;
-    el._attachedText = "Some attached text";
-
-    const data = el.getData();
-    expect(data.title).toBe("Test Title");
-    expect(data.body).toBe("Test Body");
-    expect(data.rating).toBe(4);
-    expect(data.attachedText).toBe("Some attached text");
-    expect(data.url).toBe("");
-    expect(data.quoteText).toBe("");
-    expect(data.quoteAuthor).toBe("");
-  });
-
-  it("reset clears all fields", async () => {
-    const el = await createElement("note");
-    el._title = "Test";
-    el._body = "Body";
-    el._rating = 3;
-    el._showRating = true;
-    el._attachedText = "text";
-    el._showAttachedText = true;
-
-    el.reset();
-
-    expect(el._title).toBe("");
-    expect(el._body).toBe("");
-    expect(el._rating).toBe(0);
-    expect(el._showRating).toBe(false);
-    expect(el._attachedText).toBe("");
-    expect(el._showAttachedText).toBe(false);
-  });
-
-  it("shows attached text badge when text is present", async () => {
-    const el = await createElement("note");
-    el._attachedText = "Some content here";
-    await el.updateComplete;
-
-    const badge = el.querySelector(".compose-attached-badge");
-    expect(badge).not.toBeNull();
-    expect(badge?.textContent).toContain("chars");
-  });
-
-  it("media button highlights when attachments are present", async () => {
-    const el = await createElement("note");
-
-    // Media button should not be active initially
-    const mediaBtn = el.querySelector<HTMLButtonElement>(".compose-tool-btn");
-    expect(mediaBtn?.classList.contains("compose-tool-btn-active")).toBe(false);
-
-    // Add an attachment
-    const blob = new Blob(["fake"], { type: "image/png" });
-    const file = new File([blob], "test.png", { type: "image/png" });
-    el._attachments = [
-      {
-        clientId: "test-1",
-        file,
-        previewUrl: URL.createObjectURL(blob),
-        status: "done",
-        mediaId: "m1",
-        alt: "",
-        error: null,
-      },
-    ];
-    await el.updateComplete;
-
-    const mediaBtnAfter =
-      el.querySelector<HTMLButtonElement>(".compose-tool-btn");
-    expect(mediaBtnAfter?.classList.contains("compose-tool-btn-active")).toBe(
-      true,
-    );
-  });
-});

package/src/ui/components/compose-types.ts

@@ -1,75 +0,0 @@
-/**
- * Compose Dialog Types
- *
- * Shared type definitions for jant-compose-dialog and jant-compose-editor
- * Lit Web Components, and the compose bridge script.
- */
-
-export type ComposeFormat = "note" | "link" | "quote";
-
-export interface ComposeAttachment {
-  clientId: string;
-  file: File;
-  previewUrl: string;
-  status: "pending" | "uploading" | "done" | "error";
-  mediaId: string | null;
-  alt: string;
-  error: string | null;
-}
-
-export interface ComposeLabels {
-  cancel: string;
-  note: string;
-  link: string;
-  quote: string;
-  saveDraft: string;
-  saveAsDraft: string;
-  discard: string;
-  titlePlaceholder: string;
-  bodyPlaceholder: string;
-  urlPlaceholder: string;
-  linkTitlePlaceholder: string;
-  thoughtsPlaceholder: string;
-  quotePlaceholder: string;
-  authorPlaceholder: string;
-  sourcePlaceholder: string;
-  attachedText: string;
-  attachedTextPlaceholder: string;
-  attachedTextHint: string;
-  done: string;
-  media: string;
-  score: string;
-  title: string;
-  collection: string;
-  searchCollections: string;
-  noCollections: string;
-  post: string;
-  addAlt: string;
-  addAltTitle: string;
-  altPlaceholder: string;
-  altHint: string;
-  addMore: string;
-  uploading: string;
-  published: string;
-}
-
-export interface ComposeSubmitDetail {
-  format: ComposeFormat;
-  title: string;
-  body: string;
-  url: string;
-  quoteText: string;
-  quoteAuthor: string;
-  status: "published" | "draft";
-  rating: number;
-  collectionIds: number[];
-  mediaIds: string[];
-  mediaAlts: Record<string, string>;
-  attachedText: string;
-}
-
-export interface ComposeCollection {
-  id: number;
-  title: string;
-  iconHtml: string;
-}