phoenix_duskmoon 9.16.15 → 9.16.16

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Unreleased
 
+### 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
 
 - Public React Chat hook factory, custom composer and renderer integration, and
@@ -36,6 +43,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

@@ -14,6 +14,11 @@ Requires Elixir `>= 1.18` and `tailwindcss >= 4.0`.
 
 See the [docs](https://hexdocs.pm/phoenix_duskmoon/) for more information.
 
+The unreleased removal of Git repository components is a breaking API change.
+Applications using `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
 

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": "9.16.16",
   "type": "module",
   "exports": {
     ".": "./priv/static/assets/js/phoenix_duskmoon.js",