@astronox/core 0.2.4 → 0.3.1

package/src/data/index.ts

@@ -1 +1,2 @@
 export * from './collectionValidation';
+export * from './memoizedLoader';

package/src/data/memoizedLoader.ts

@@ -0,0 +1,13 @@
+export function createMemoizedLoader<T>(
+  load: () => Promise<T>,
+): () => Promise<T> {
+  let pending: Promise<T> | null = null;
+
+  return () => {
+    pending ??= load().catch((reason) => {
+      pending = null;
+      throw reason;
+    });
+    return pending;
+  };
+}

package/src/display/contracts.ts

@@ -175,11 +175,7 @@ export type StageFlowStep = {
 };
 
 export type TableColumnRole =
-  | 'ordinal'
-  | 'media'
-  | 'primary'
-  | 'value'
-  | 'collection';
+  'ordinal' | 'media' | 'primary' | 'value' | 'collection';
 export type TableColumnAlignment = 'start' | 'center' | 'end';
 
 export type TableColumn = {

package/src/i18n/config.ts

@@ -26,10 +26,7 @@ export type LocaleConfig<
 };
 
 export function createLocaleConfig<
-  const TDefinitions extends readonly [
-    LocaleDefinition,
-    ...LocaleDefinition[],
-  ],
+  const TDefinitions extends readonly [LocaleDefinition, ...LocaleDefinition[]],
   const TDefaultLocale extends TDefinitions[number]['id'],
 >({
   defaultLocale,
@@ -100,10 +97,7 @@ export function createLocaleConfig<
     },
     requireLocalizedLocale(value: string): Locale {
       const locale = localeByUrlCode.get(value.toLowerCase())?.id;
-      if (
-        !locale ||
-        (!prefixDefaultLocale && locale === defaultLocale)
-      ) {
+      if (!locale || (!prefixDefaultLocale && locale === defaultLocale)) {
         throw new Error(`Unsupported localized route locale: ${value}`);
       }
       return locale;

package/src/i18n/coreMessages.ts

@@ -1,7 +1,4 @@
-import {
-  resolveLocalizedCatalog,
-  type MessageShape,
-} from './catalog';
+import { resolveLocalizedCatalog, type MessageShape } from './catalog';
 
 export const defaultCoreMessages = {
   actions: {
@@ -29,9 +26,5 @@ export function resolveCoreMessages(
   translated: unknown = undefined,
   locale = 'en',
 ): CoreMessages {
-  return resolveLocalizedCatalog(
-    defaultCoreMessages,
-    translated,
-    locale,
-  );
+  return resolveLocalizedCatalog(defaultCoreMessages, translated, locale);
 }

package/src/i18n/preference.ts

@@ -11,9 +11,7 @@ export function createLocalePreferenceController<TLocale extends string>({
   resolvePath,
   storageKey,
 }: LocalePreferenceControllerOptions<TLocale>) {
-  return function initLocalePreference(
-    root: Document = document,
-  ): () => void {
+  return function initLocalePreference(root: Document = document): () => void {
     const element = root.documentElement;
     if (element.hasAttribute(initializedAttribute)) return () => undefined;
     element.setAttribute(initializedAttribute, '');
@@ -24,9 +22,7 @@ export function createLocalePreferenceController<TLocale extends string>({
 
       const link = target.closest<HTMLAnchorElement>('a[hreflang]');
       const languageTag = link?.getAttribute('hreflang');
-      const locale = languageTag
-        ? resolveLocale(languageTag)
-        : undefined;
+      const locale = languageTag ? resolveLocale(languageTag) : undefined;
       if (!locale) return;
 
       event.preventDefault();

package/src/patterns/Combobox/Combobox.astro

@@ -244,18 +244,15 @@ const searchId = `${props.id}-search`;
   data-tone={resolvedTone}
   data-preference-id={props.preference?.id}
   data-preference-path={props.preference?.path}
-  data-preference-control={
-    props.preference
-      ? mode === 'number'
-        ? 'combobox-number'
-        : 'combobox-options'
-      : undefined
-  }
-  data-preference-number-bounds={
-    mode === 'number' && (props as NumberProps).preferenceBounds
-      ? JSON.stringify((props as NumberProps).preferenceBounds)
-      : undefined
-  }
+  data-preference-control={props.preference
+    ? mode === 'number'
+      ? 'combobox-number'
+      : 'combobox-options'
+    : undefined}
+  data-preference-number-bounds={mode === 'number' &&
+  (props as NumberProps).preferenceBounds
+    ? JSON.stringify((props as NumberProps).preferenceBounds)
+    : undefined}
 >
   <span class="combobox__sizer" aria-hidden="true">
     {

package/src/patterns/Combobox/comboboxController.ts

@@ -105,10 +105,7 @@ function normalizeNumber(value: number, bounds: NumberBounds): number {
   return Math.min(bounds.max, Math.max(bounds.min, stepped));
 }
 
-function syncNumberOptionBounds(
-  root: HTMLElement,
-  bounds: NumberBounds,
-): void {
+function syncNumberOptionBounds(root: HTMLElement, bounds: NumberBounds): void {
   for (const option of getOptions(root)) {
     const value = Number(option.dataset.comboboxOption);
     option.hidden =
@@ -172,12 +169,18 @@ export function setComboboxOptions(
   selectedValues: readonly string[] = [],
 ): void {
   if (root.dataset.comboboxMode === 'number') return;
-  const optionsRoot = root.querySelector<HTMLElement>('[data-combobox-options]');
+  const optionsRoot = root.querySelector<HTMLElement>(
+    '[data-combobox-options]',
+  );
   const empty = root.querySelector<HTMLElement>('[data-combobox-empty]');
   if (!optionsRoot || !empty) return;
 
-  optionsRoot.querySelectorAll('[data-combobox-option]').forEach((node) => node.remove());
-  root.querySelectorAll('template[data-combobox-tag-template]').forEach((node) => node.remove());
+  optionsRoot
+    .querySelectorAll('[data-combobox-option]')
+    .forEach((node) => node.remove());
+  root
+    .querySelectorAll('template[data-combobox-tag-template]')
+    .forEach((node) => node.remove());
 
   options.forEach((option, index) => {
     const button = document.createElement('button');
@@ -190,7 +193,10 @@ export function setComboboxOptions(
     button.setAttribute('aria-selected', 'false');
     if (option.disabled) button.setAttribute('aria-disabled', 'true');
     button.dataset.comboboxOption = option.value;
-    button.dataset.comboboxSearchText = [option.label, option.description ?? ''].join(' ');
+    button.dataset.comboboxSearchText = [
+      option.label,
+      option.description ?? '',
+    ].join(' ');
     button.dataset.interactionAccent = 'start';
 
     const content = document.createElement('span');

package/src/patterns/Fullscreen/FullscreenControl.astro

@@ -12,7 +12,11 @@ type FullscreenUnsupportedFallback = {
   target?: '_blank' | '_self';
 };
 
-type Props = Omit<HTMLAttributes<'button'>, 'aria-controls' | 'type'> & {
+type Props = Omit<
+  HTMLAttributes<'button'>,
+  'aria-controls' | 'disabled' | 'type'
+> & {
+  disabled?: boolean;
   enterLabel: string;
   exitLabel: string;
   targetId: string;

package/src/patterns/Fullscreen/fullscreenController.ts

@@ -1,9 +1,7 @@
 const initializedAttribute = 'data-fullscreen-initialized';
 const noop = (): void => undefined;
 
-export function initFullscreenControl(
-  control: HTMLButtonElement,
-): () => void {
+export function initFullscreenControl(control: HTMLButtonElement): () => void {
   if (control.getAttribute(initializedAttribute) === 'true') return noop;
 
   const targetId = control.dataset.fullscreenTarget;

package/src/patterns/MapViewport/geometry.ts

@@ -1,7 +1,4 @@
-import type {
-  MapViewportModel,
-  MapViewportSizing,
-} from './contracts';
+import type { MapViewportModel, MapViewportSizing } from './contracts';
 
 export type MapViewportSceneGeometry = {
   aspectRatio: string;

package/src/patterns/Modal/Modal.css

@@ -108,10 +108,7 @@ html:has(.modal[open]) [data-site-viewport] {
     padding-inline: 0;
   }
 
-  .modal:not(
-      [data-sizing='adaptive'],
-      [data-sizing='confirmation']
-    )
+  .modal:not([data-sizing='adaptive'], [data-sizing='confirmation'])
     .modal__content
     [data-surface] {
     border-radius: 0;

package/src/patterns/Modal/ModalOpen.astro

@@ -3,7 +3,11 @@ import type { HTMLAttributes } from 'astro/types';
 import type { Tone } from '../../theme/contracts';
 import Button from '../../components/actions/Button/Button.astro';
 
-type Props = Omit<HTMLAttributes<'button'>, 'aria-controls' | 'type'> & {
+type Props = Omit<
+  HTMLAttributes<'button'>,
+  'aria-controls' | 'disabled' | 'type'
+> & {
+  disabled?: boolean;
   label: string;
   targetId: string;
   tone?: Tone;

package/src/patterns/Table/Table.astro

@@ -114,7 +114,7 @@ const resolvedRows = rows.map((row, index): TableRow => ({
   ...row,
   key: row.key ?? `${paginationKey ?? 'table'}-${index + 1}`,
 }));
-const inferredProgressive =
+const inferredProgressive: TableProgressiveModel | undefined =
   progressive === undefined && resolvedRows.length > batchSize
     ? {
         batchSize,
@@ -128,7 +128,7 @@ const inferredProgressive =
 const progressiveModel =
   progressive === false
     ? undefined
-    : configuredProgressive ?? inferredProgressive;
+    : (configuredProgressive ?? inferredProgressive);
 const hasProgressiveRows = Boolean(
   progressiveModel && progressiveModel.entries.length > batchSize,
 );
@@ -171,7 +171,9 @@ if (clientProgressive && !paginationMessages) {
   throw new Error('Client-progressive tables require localized messages');
 }
 if (progressiveModel?.sources && !paginationKey) {
-  throw new Error('External progressive tables require a stable pagination key');
+  throw new Error(
+    'External progressive tables require a stable pagination key',
+  );
 }
 if (rowKeys.size !== resolvedRows.length) {
   throw new Error('Table rows require unique keys');
@@ -193,9 +195,9 @@ if (
   data-table-client-progressive={clientProgressive ? true : undefined}
   data-table-density={density}
   data-table-inline-overflow={inlineOverflow}
-  data-table-index-minimum-rem={
-    minimumInlineSize ? Number.parseFloat(minimumInlineSize) : undefined
-  }
+  data-table-index-minimum-rem={minimumInlineSize
+    ? Number.parseFloat(minimumInlineSize)
+    : undefined}
   data-table-layout={layout}
   data-table-loading-state={initialLoadingState}
   data-table-preparation={preparation}
@@ -209,10 +211,8 @@ if (
     preparesRows ? (
       <script is:inline>
         document.documentElement.setAttribute('data-nox-table-enhanced', '');
-        document.currentScript?.parentElement?.setAttribute(
-          'aria-busy',
-          'true',
-        );
+        document.currentScript?.parentElement?.setAttribute( 'aria-busy',
+        'true', );
       </script>
     ) : null
   }

package/src/patterns/Table/TableBody.astro

@@ -6,10 +6,7 @@ import TableSortIcon from '../../components/icons/TableSortIcon.astro';
 import TextBlock from '../../primitives/text/TextBlock/TextBlock.astro';
 import TableCellContent from './TableCell.astro';
 import TableSkeleton from './TableSkeleton.astro';
-import {
-  getTableColumnAlignment,
-  type TableLayout,
-} from './tableLayout';
+import { getTableColumnAlignment, type TableLayout } from './tableLayout';
 
 type Props = HTMLAttributes<'div'> & {
   caption: string;

package/src/patterns/Table/TableBody.css

@@ -47,8 +47,7 @@
   min-inline-size: 100%;
 }
 
-.table[data-table-layout='index'][data-table-index-overflow]
-  .table-body__cell {
+.table[data-table-layout='index'][data-table-index-overflow] .table-body__cell {
   overflow: visible;
 }
 
@@ -155,8 +154,7 @@
   display: none;
 }
 
-.table[data-table-layout='index']
-  .table-body__row:not([data-table-state]) {
+.table[data-table-layout='index'] .table-body__row:not([data-table-state]) {
   block-size: var(--table-index-row-block-size);
   min-block-size: var(--table-index-row-block-size);
   overflow: hidden;

package/src/patterns/Table/TablePagination.astro

@@ -37,17 +37,15 @@ const {
         hidden={progressive || !pagination?.nextHref}
       >
         <div class="table-pagination__content">
-          {
-            pagination?.nextHref ? (
-              <a
-                class="table-pagination__link"
-                href={pagination.nextHref}
-                data-table-pagination-link
-              >
-                {nextLabel}
-              </a>
-            ) : null
-          }
+          {pagination?.nextHref ? (
+            <a
+              class="table-pagination__link"
+              href={pagination.nextHref}
+              data-table-pagination-link
+            >
+              {nextLabel}
+            </a>
+          ) : null}
           <span
             class="table-pagination__status"
             data-table-pagination-status
@@ -62,25 +60,20 @@ const {
           />
         </div>
       </TableFooter>
-      {
-        progressive && pagination?.nextHref ? (
-          <noscript>
-            <TableFooter
-              class:list={['table-pagination', className]}
-              padding="none"
-            >
-              <div class="table-pagination__content">
-                <a
-                  class="table-pagination__link"
-                  href={pagination.nextHref}
-                >
-                  {nextLabel}
-                </a>
-              </div>
-            </TableFooter>
-          </noscript>
-        ) : null
-      }
+      {progressive && pagination?.nextHref ? (
+        <noscript>
+          <TableFooter
+            class:list={['table-pagination', className]}
+            padding="none"
+          >
+            <div class="table-pagination__content">
+              <a class="table-pagination__link" href={pagination.nextHref}>
+                {nextLabel}
+              </a>
+            </div>
+          </TableFooter>
+        </noscript>
+      ) : null}
     </>
   ) : null
 }

package/src/patterns/Table/TableSkeleton.astro

@@ -13,11 +13,7 @@ const rowCount = Math.max(1, Math.floor(rows));
 
 {
   Array.from({ length: rowCount }, () => (
-    <tr
-      class="table-skeleton__row"
-      data-table-skeleton-row
-      aria-hidden="true"
-    >
+    <tr class="table-skeleton__row" data-table-skeleton-row aria-hidden="true">
       {columns.map((column) => (
         <td
           class="table-skeleton__cell"

package/src/patterns/Table/tableClientController.ts

@@ -189,8 +189,8 @@ export function createClientTablePagination<TItem>({
       if (!nextCursor) observer?.disconnect();
       shouldContinue = Boolean(
         nextCursor &&
-          sentinel &&
-          sentinel.getBoundingClientRect().top <= window.innerHeight + 512,
+        sentinel &&
+        sentinel.getBoundingClientRect().top <= window.innerHeight + 512,
       );
     } catch (error) {
       if (disposed) return;

package/src/patterns/Table/tableFilterController.ts

@@ -50,9 +50,7 @@ function setTokenAttribute(
   }
 
   const tokens = new Set(
-    (element.getAttribute(attribute) ?? '')
-      .split(/\s+/)
-      .filter(Boolean),
+    (element.getAttribute(attribute) ?? '').split(/\s+/).filter(Boolean),
   );
   if (enabled) tokens.add(normalizedKey);
   else tokens.delete(normalizedKey);

package/src/patterns/Table/tableHeaderOverflowController.ts

@@ -27,10 +27,7 @@ function truncateLabel(label: HeaderLabel): void {
 
   while (lowerBound < upperBound) {
     const candidateLength = Math.ceil((lowerBound + upperBound) / 2);
-    text.textContent = characters
-      .slice(0, candidateLength)
-      .join('')
-      .trimEnd();
+    text.textContent = characters.slice(0, candidateLength).join('').trimEnd();
 
     if (text.scrollWidth - text.clientWidth <= overflowTolerance) {
       lowerBound = candidateLength;