phoenix_duskmoon 9.16.15 → 10.0.0

package/CHANGELOG.md

@@ -1,4 +1,33 @@
-# Unreleased
+# [10.0.0](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/compare/v9.16.16...v10.0.0) (2026-10-14)
+
+### Breaking changes
+
+- Move the eight build-toolchain applications, native sources, package staging
+  and toolchain release automation to the independent `duskmoon-bundler`
+  repository. Repository-local toolchain paths must migrate to the published
+  Hex packages or the explicit candidate integration helper. See
+  [the extraction guide](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/blob/main/docs/bundler-extraction.md).
+
+### Changed
+
+- Keep only the UI and Storybook applications in this umbrella. Ordinary UI
+  builds consume the verified, published Bundler 9.16.16 cohort with strict
+  precompiled native loading; UI JS, CSS and icons continue to build normally.
+- Release the UI Hex/npm packages together as version 10.0.0, independently of
+  the toolchain version, with isolated package-consumer and runtime checks.
+
+### Fixed
+
+- Preserve `mix version.sync` from both the umbrella root and UI application.
+
+# Earlier UI changes
+
+### Breaking changes
+
+- Remove the six `dm_git_*` repository components, their automatic imports,
+  Storybook demos and delegated Git clipboard runtime. Git presentation is now
+  application-owned. There is no replacement published package; see
+  [the migration guide](guides/migrating-git-components.md) before upgrading.
 
 ### Added
 
@@ -36,6 +65,10 @@
 
 ### Fixed
 
+- Hide the simple appbar's mobile toggle and navigation when no menu entries exist,
+  preserving its logo and user-profile slots.
+- Generate React Chat submission IDs on HTTP LAN origins with a cryptographic
+  UUIDv4 fallback when the native `crypto.randomUUID()` API is unavailable.
 - Forward React form field attributes to their interactive controls and preserve
   application-disabled fields when the LiveView connection recovers.
 - Preserve selected-value arrays for native checkbox groups named with `[]`,

package/README.md

@@ -8,19 +8,25 @@
 
 Duskmoon UI component library for Phoenix LiveView applications.
 
-**v9**: Uses `@duskmoon-dev/core` CSS design system, HTML Custom Elements (`@duskmoon-dev/elements`), and Art Custom Elements (`@duskmoon-dev/art-elements`).
+**v10**: Keeps the `@duskmoon-dev/core` design system and DuskMoon custom elements,
+with the build toolchain maintained and released independently in
+[duskmoon-bundler](https://github.com/duskmoon-dev/duskmoon-bundler).
 
 Requires Elixir `>= 1.18` and `tailwindcss >= 4.0`.
 
 See the [docs](https://hexdocs.pm/phoenix_duskmoon/) for more information.
 
+Applications using the removed `dm_git_*` helpers or the Git clipboard runtime
+must migrate to application-owned components before upgrading; see the
+[Git component migration guide](https://github.com/duskmoon-dev/phoenix-duskmoon-ui/blob/main/apps/phoenix_duskmoon/guides/migrating-git-components.md).
+
 
 ## Install
 
 Add to `mix.exs`:
 
 ```elixir
-{:phoenix_duskmoon, "~> 9.0"},
+{:phoenix_duskmoon, "~> 10.0"},
 ```
 
 Install frontend packages:
@@ -143,7 +149,7 @@ Components that require hooks:
 ## Available Components
 
 - **Action**: buttons, dropdowns, floating actions, links, menus, swaps, toggles
-- **Data Display**: accordion, avatar, badge, card, carousel, chat, chat scroll, chip, collapse, countdown, datetime, diff, flash, git repository, list, markdown, markdown body, pagination, popover, progress, radial progress, skeleton, stat, table, timeline, tooltip
+- **Data Display**: accordion, avatar, badge, card, carousel, chat, chat scroll, chip, collapse, countdown, datetime, diff, flash, list, markdown, markdown body, pagination, popover, progress, radial progress, skeleton, stat, table, timeline, tooltip
 - **Data Entry**: autocomplete, cascader, checkbox, compact input, file upload, filter group, form, input, multi-select, OTP input, PIN input, radio, rating, segment control, select, slider, switch, textarea, time input, tree select
 - **Feedback**: dialog, loading, snackbar, toast
 - **Navigation**: actionbar, appbar, bottom nav, breadcrumb, left menu, megamenu, navbar, page footer, page header, stepper, tabs
@@ -180,6 +186,15 @@ and events. `dm_loading_spinner` now follows Core's reduced-motion behavior, and
 available in Storybook. Browser `File` objects from chat events require the
 application's upload mechanism; they cannot be sent as LiveView JSON payloads.
 
+## Repository development
+
+This checkout contains the UI and Storybook. It consumes the published toolchain
+cohort pinned in `BUNDLER_VERSION` and `mix.lock`; ordinary UI builds use verified
+precompiled Duskmoon native artifacts. The toolchain source and its own releases
+live in [duskmoon-bundler](https://github.com/duskmoon-dev/duskmoon-bundler).
+See the [migration and development guide](docs/bundler-extraction.md) for setup,
+candidate integration and independent release order.
+
 ## Live Storybook
 
 [Live Storybook](https://duskmoon-storybook.gsmlg.dev)

package/assets/js/phoenix_duskmoon.js

@@ -11,13 +11,9 @@ const DM_EVENTS = [
   "dm-submit", "dm-select", "dm-close", "dm-open", "dm-toggle",
 ];
 
-const COPY_SELECTOR = "[data-copy-value]";
-const COPY_FEEDBACK_DURATION = 2000;
-const COPY_LISTENER = Symbol.for("phoenix-duskmoon.copy-listener");
 const DIALOG_SELECTOR = 'dialog[data-dm-confirm-dialog="true"]';
 const DIALOG_CONFIRM_SELECTOR = '[data-dm-confirm-action="true"]';
 const DIALOG_BEHAVIOR_LISTENERS = Symbol.for("phoenix-duskmoon.dialog-behavior-listeners");
-const copyFeedback = new WeakMap();
 
 /**
  * WebComponentHook - Universal LiveView ↔ Custom Element bridge
@@ -262,106 +258,6 @@ export const FormElementHook = {
   },
 };
 
-/** Copy text with the Clipboard API, falling back only when it is unavailable. */
-export async function copyTextToClipboard(value, environment = globalThis) {
-  const clipboard = environment.navigator?.clipboard;
-
-  if (typeof clipboard?.writeText === "function") {
-    await clipboard.writeText(value);
-    return;
-  }
-
-  const document = environment.document;
-
-  if (!document?.body || typeof document.execCommand !== "function") {
-    throw new Error("Clipboard API is unavailable");
-  }
-
-  const textArea = document.createElement("textarea");
-  const activeElement = document.activeElement;
-  textArea.value = value;
-  textArea.setAttribute("readonly", "");
-  textArea.style.position = "fixed";
-  textArea.style.opacity = "0";
-  document.body.appendChild(textArea);
-
-  try {
-    textArea.focus();
-    textArea.select();
-
-    if (!document.execCommand("copy")) {
-      throw new Error("Clipboard copy command failed");
-    }
-  } finally {
-    document.body.removeChild(textArea);
-    activeElement?.focus?.();
-  }
-}
-
-function copyStatus(button) {
-  const sibling = button.nextElementSibling;
-
-  if (sibling?.matches?.("[data-copy-status]")) {
-    return sibling;
-  }
-
-  return button.parentElement?.querySelector?.("[data-copy-status]") ?? null;
-}
-
-function showCopyFeedback(button, message, state, options) {
-  const label = button.querySelector?.("[data-copy-label]");
-  const status = copyStatus(button);
-  const previous = copyFeedback.get(button);
-  const cancelReset = options.cancelReset ?? globalThis.clearTimeout;
-  const scheduleReset = options.scheduleReset ?? globalThis.setTimeout;
-
-  if (previous?.timer !== undefined) {
-    cancelReset(previous.timer);
-  }
-
-  const originalLabel = previous?.originalLabel ?? label?.textContent ?? "Copy";
-
-  if (label) label.textContent = message;
-  if (status) status.textContent = message;
-  button.dataset.copyState = state;
-
-  const timer = scheduleReset(() => {
-    if (label) label.textContent = originalLabel;
-    if (status) status.textContent = "";
-    delete button.dataset.copyState;
-    copyFeedback.delete(button);
-  }, COPY_FEEDBACK_DURATION);
-
-  copyFeedback.set(button, { originalLabel, timer });
-}
-
-/** Handle clicks from any descendant of a generated copy control. */
-export async function handleClipboardClick(event, options = {}) {
-  const button = event.target?.closest?.(COPY_SELECTOR);
-
-  if (!button || button.disabled || button.getAttribute?.("aria-disabled") === "true") {
-    return;
-  }
-
-  const copy = options.copy ?? copyTextToClipboard;
-
-  try {
-    await copy(button.dataset.copyValue);
-    showCopyFeedback(button, button.dataset.copySuccess ?? "Copied", "success", options);
-  } catch (_error) {
-    showCopyFeedback(button, button.dataset.copyFailure ?? "Copy failed", "error", options);
-  }
-}
-
-/** Install one delegated listener so LiveView-patched copy controls also work. */
-export function installClipboardBehavior(root = globalThis.document, options = {}) {
-  if (!root?.addEventListener || root[COPY_LISTENER]) return;
-
-  const listener = (event) => handleClipboardClick(event, options);
-  root.addEventListener("click", listener);
-  root[COPY_LISTENER] = listener;
-}
-
 /** Close the current confirm dialog before submit/reset/custom command default actions. */
 export function handleDialogConfirmClick(event) {
   const path = event.composedPath?.() ?? [];
@@ -379,7 +275,6 @@ export function installDialogBehavior(root = globalThis.document) {
   root[DIALOG_BEHAVIOR_LISTENERS] = handleDialogConfirmClick;
 }
 
-installClipboardBehavior();
 installDialogBehavior();
 
 // Export to window for non-module usage

package/assets/js/react_chat/chat.js

@@ -131,6 +131,21 @@ const Message = memo(function Message(props) {
 	);
 });
 
+function requestId() {
+	if (typeof crypto.randomUUID === "function") return crypto.randomUUID();
+	const bytes = crypto.getRandomValues(new Uint8Array(16));
+	bytes[6] = (bytes[6] & 0x0f) | 0x40;
+	bytes[8] = (bytes[8] & 0x3f) | 0x80;
+	const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+	return [
+		hex.slice(0, 4).join(""),
+		hex.slice(4, 6).join(""),
+		hex.slice(6, 8).join(""),
+		hex.slice(8, 10).join(""),
+		hex.slice(10).join(""),
+	].join("-");
+}
+
 // A composer owns its draft/attachments. This helper only owns admission and UI requests.
 export function useChatSubmission({ bridge, canSubmit }) {
 	const [busy, setBusy] = useState(false);
@@ -151,7 +166,7 @@ export function useChatSubmission({ bridge, canSubmit }) {
 		setNotice("");
 		try {
 			return await bridge.send("send", {
-				request_id: crypto.randomUUID(),
+				request_id: requestId(),
 				...payload,
 			});
 		} catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_duskmoon",
-  "version": "9.16.15",
+  "version": "10.0.0",
   "type": "module",
   "exports": {
     ".": "./priv/static/assets/js/phoenix_duskmoon.js",