@flamingo-stack/openframe-frontend-core 0.0.274 → 0.0.275

package/dist/chunk-Y2B6WDU6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-Y2B6WDU6.cjs","../src/utils/common.ts","../src/utils/scroll-into-view.ts","../src/utils/suggestion-url.ts","../src/components/ui/chevron-button.tsx"],"names":["cn"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-Y2B6WDU6.cjs","sourcesContent":[null,"import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\n/**\n * Utility functions for common operations\n */\n\n/**\n * Merge class names with Tailwind CSS\n * @param inputs - Class names to merge\n * @returns Merged class names\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * Delay execution for a specified time\n * @param ms - Milliseconds to delay\n * @returns Promise that resolves after the delay\n */\nexport function delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\n/**\n * Generate a random string of specified length\n * @param length - Length of the string\n * @returns Random string\n */\nexport function generateRandomString(length = 8): string {\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\"\n  let result = \"\"\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length))\n  }\n  return result\n}\n\n/**\n * Truncate a string to a specified length\n * @param str - String to truncate\n * @param maxLength - Maximum length\n * @param suffix - Suffix to add to truncated string\n * @returns Truncated string\n */\nexport function truncateString(str: string, maxLength: number, suffix = \"...\"): string {\n  if (str.length <= maxLength) return str\n  return str.substring(0, maxLength - suffix.length) + suffix\n}\n\n/**\n * Serialize a JSON-LD schema for a `<script type=\"application/ld+json\">`\n * block — THE one home of the escape rule (the hub re-exports this from\n * lib/utils/breadcrumbs). JSON.stringify does NOT HTML-escape: a stored\n * \"</script>\" inside any admin/user-entered field would terminate the tag\n * early (stored XSS). Every \"<\" becomes the JSON escape sequence\n * backslash-u003c — still valid JSON, inert in HTML.\n */\nexport function serializeJsonLd(schema: unknown): string {\n  return JSON.stringify(schema).replace(/</g, \"\\\\u003c\")\n}\n\n/**\n * Deep clone an object\n * @param obj - Object to clone\n * @returns Cloned object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj))\n}\n\n/**\n * Get the Slack community join URL from environment variables\n * @returns Slack community join URL or fallback URL\n */\nexport function getSlackCommunityJoinUrl(): string {\n  const url = process.env.NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL\n  if (!url) {\n    console.warn('NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL is not defined in environment variables')\n    return 'https://join.slack.com/t/openmsp/shared_invite/zt-36bl7mx0h-3~U2nFH6nqHqoTPXMaHEHA'\n  }\n  return url\n}\n\n","/**\n * `scrollElementIntoView` — canonical \"scroll an element to the top of the\n * viewport, account for sticky chrome, survive layout shifts\" helper.\n *\n * One shared implementation so every caller (the ticket drawer expand, the\n * hub's `useUnifiedNav` / `use-nav-link` hash scroll, doc-tree, delivery\n * `?focus=`, sticky-section-nav, …) inherits the SAME cancellation-proof\n * motion.\n *\n * WHY A SELF-DRIVEN rAF TWEEN INSTEAD OF `window.scrollTo({behavior:'smooth'})`:\n * the native smooth scroll is CANCELLABLE, and in real pages it gets cancelled\n * constantly:\n *\n *   - Browser SCROLL ANCHORING: when content is inserted/removed above or\n *     around the target (a collapsible drawer expanding, an async image\n *     loading, a list re-rendering) the browser issues a synchronous scrollTop\n *     correction to keep the anchored element stable. Per CSSOM-View \"perform a\n *     scroll\" step 1 (\"abort any ongoing smooth scroll\"), that correction\n *     ABORTS an in-flight native smooth scroll — so it lands as an instant jump.\n *     Anchoring is suppressed when the scroll offset is 0, which is exactly why\n *     a native smooth scroll appears to work the FIRST time (page at top) and\n *     jumps on every repeat (page already scrolled). This was a multi-day\n *     \"smooth only works once\" bug on the /tickets drawer.\n *   - A second programmatic scroll on the same frame, or a `focus()` without\n *     `{preventScroll:true}`, cancels it the same way.\n *\n * A tween that re-asserts the position with INSTANT writes every frame is\n * immune: there is no \"ongoing native smooth scroll\" for anchoring/focus to\n * abort, and any correction that lands between our frames is overwritten on the\n * next frame. We also RECOMPUTE the target each frame, so an element whose\n * final position is still settling (drawer still expanding, images loading)\n * is tracked to its resting place instead of animating to a stale pixel.\n *\n * Honors `prefers-reduced-motion` (jumps instantly) and cancels on genuine user\n * scroll intent (wheel / touch) so we never fight the user.\n */\n\nexport interface ScrollElementIntoViewOptions {\n  /** Pixels to subtract from the target element's `top` so it lands BELOW\n   *  sticky chrome. Defaults to 0. Pass `96` for the standard hub header. */\n  headerOffset?: number\n  /** `'smooth'` (default) runs the self-driven tween; `'instant'` / `'auto'`\n   *  jump in one synchronous write (deep-link land, programmatic focus moves). */\n  behavior?: ScrollBehavior\n  /** Optional adjustment applied to the computed pixel target each frame. The\n   *  callback receives the \"raw\" Y (`element.top + scrollY - headerOffset`) and\n   *  returns the FINAL target. Use when the caller knows about a layout shift\n   *  (e.g. a sibling drawer collapsing) the geometry can't yet reflect. */\n  adjustTargetY?: (rawTargetY: number) => number\n  /** Tween duration in ms (smooth only). Default 320. */\n  durationMs?: number\n}\n\n/** Module-level handle to the in-flight tween so a new call (or a user\n *  gesture) cancels the previous one — only ever one page-scroll animation at\n *  a time. */\nlet activeRaf = 0\nlet teardownActive: (() => void) | null = null\n\nfunction cancelActiveScroll(): void {\n  if (activeRaf) {\n    cancelAnimationFrame(activeRaf)\n    activeRaf = 0\n  }\n  if (teardownActive) {\n    teardownActive()\n    teardownActive = null\n  }\n}\n\nconst easeOutCubic = (t: number): number => 1 - Math.pow(1 - t, 3)\n\n/**\n * Scroll the page so `target` lands at the top of the viewport (below sticky\n * chrome via `headerOffset`). SSR-safe; `null`/`undefined` target is a no-op so\n * callers can pass refs without defensive branching.\n */\nexport function scrollElementIntoView(\n  target: HTMLElement | null | undefined,\n  options: ScrollElementIntoViewOptions = {},\n): void {\n  if (typeof window === 'undefined' || !target) return\n  const { headerOffset = 0, behavior = 'smooth', adjustTargetY, durationMs = 320 } = options\n\n  // Target is recomputed every frame: the row's absolute position can move as\n  // the page reflows (a sibling drawer collapsing) and the reachable max grows\n  // as the just-opened drawer expands. Clamp to the LIVE max each frame.\n  const computeTarget = (): number => {\n    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset\n    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw\n    const maxScroll = Math.max(\n      0,\n      document.documentElement.scrollHeight - window.innerHeight,\n    )\n    return Math.min(Math.max(0, adjusted), maxScroll)\n  }\n\n  // Any prior animation loses — one page scroll at a time.\n  cancelActiveScroll()\n\n  const prefersReduced =\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n  // Instant paths: a single synchronous write. No tween, no anchoring race.\n  if (behavior === 'instant' || behavior === 'auto' || prefersReduced) {\n    window.scrollTo(0, computeTarget())\n    return\n  }\n\n  // Smooth: self-driven tween with instant per-frame writes (anchoring-proof).\n  let startY: number | null = null\n  let startTime = 0\n\n  // Bail the moment the user takes over with a real scroll gesture — we must\n  // never fight them. (Not keydown: the ticket composer auto-focuses on open,\n  // and typing there should not abort the scroll.)\n  const onUserGesture = () => cancelActiveScroll()\n  window.addEventListener('wheel', onUserGesture, { passive: true })\n  window.addEventListener('touchmove', onUserGesture, { passive: true })\n  teardownActive = () => {\n    window.removeEventListener('wheel', onUserGesture)\n    window.removeEventListener('touchmove', onUserGesture)\n  }\n\n  const step = (now: number) => {\n    if (startY === null) {\n      startY = window.scrollY\n      startTime = now\n    }\n    const targetY = computeTarget()\n    const t = Math.min(1, (now - startTime) / durationMs)\n    const y = startY + (targetY - startY) * easeOutCubic(t)\n    window.scrollTo(0, y)\n    if (t < 1) {\n      activeRaf = requestAnimationFrame(step)\n    } else {\n      // Final exact write in case easing left a sub-pixel gap, then teardown.\n      window.scrollTo(0, computeTarget())\n      activeRaf = 0\n      if (teardownActive) {\n        teardownActive()\n        teardownActive = null\n      }\n    }\n  }\n  activeRaf = requestAnimationFrame(step)\n}\n","/**\n * Shared fetch-URL composer for the two suggestion sections (FaqSection +\n * RelatedContentSection) — ONE owner of the entityType/entityId/count query\n * shape so the sections can never drift. Pure + server-safe.\n *\n * Byte-parity contract with the original `buildFaqsUrl`: when only\n * entityType/entityId are set, the param order is `entityType`, `entityId`;\n * with nothing set, the bare `path` is returned (no `?`).\n */\nexport interface SuggestionUrlOptions {\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin relative). */\n  apiBaseUrl?: string\n  /** Both required together for entity scope; partial → bare path. */\n  entityType?: string\n  entityId?: number | string\n  /** Maps to the server's `count` param. Undefined → param not sent\n   *  (server default applies). */\n  count?: number\n  /** Extra query params appended after the shared trio (e.g. the\n   *  related-content `excludeTypes` deny-list). Empty/undefined values\n   *  are skipped. */\n  extraParams?: Record<string, string | undefined>\n}\n\nexport function buildSuggestionUrl(path: string, opts: SuggestionUrlOptions = {}): string {\n  const qs = new URLSearchParams()\n  const { entityType, entityId } = opts\n  if (entityType && entityId !== undefined && entityId !== null && entityId !== '') {\n    qs.set('entityType', entityType)\n    qs.set('entityId', String(entityId))\n  }\n  if (opts.count !== undefined) qs.set('count', String(opts.count))\n  for (const [key, value] of Object.entries(opts.extraParams ?? {})) {\n    if (value !== undefined && value !== '') qs.set(key, value)\n  }\n  const query = qs.toString()\n  return `${opts.apiBaseUrl ?? ''}${path}${query ? `?${query}` : ''}`\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"]}