cursedbelt 5.55.0 → 5.55.2

package/src/react/master-lock/MasterLockProvider.tsx

@@ -55,7 +55,7 @@ import {
 	isSomebodyWatching,
 } from "cursedbelt-core/master-lock";
 import { MasterLockDialog } from "./MasterLockDialog.js";
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /** How often, at most, an interaction becomes a network call. Also bounded by the timeout,
  *  so a short setting still gets pings often enough to matter. */

package/src/react/media/DenseGalleryShell.tsx

@@ -15,7 +15,7 @@ import { Tooltip } from '../components/Tooltip.js';
 import { MediaResizeBar, MediaResizeCorner, useMediaResize } from './MediaResize.js';
 import { STAGE_HEIGHT_KEY } from './stageResize.js';
 import { isSurfaceControl } from './surfaceGesture.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 // The shared dense-gallery layout — extracted from the video gallery so the photo and
 // mixed-media galleries reuse the exact same presentation (thumbnail-maximal browse grid +

package/src/react/media/FocusViewer.tsx

@@ -85,7 +85,7 @@ import {
 	snapshotSize,
 	writeEnhance,
 } from "./videoEnhance.js";
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /** `m:ss`, or `h:mm:ss` past the hour. Local so this module has no app dependency. */
 function formatDuration(seconds: number): string {

package/src/react/media/FrameGrabber.tsx

@@ -29,7 +29,7 @@ import {
   zoomedBy,
   ZOOM_RANGE,
 } from './posterFraming.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 export interface FrameGrabberProps {
   /**

package/src/react/media/HoverScrubVideoThumb.tsx

@@ -6,7 +6,7 @@ import { cn } from '../lib/cn.js';
 import { NO_EDIT, previewTransform, swapsAxes } from './pictureEdit.js';
 import { releaseVideo, useInView, useSettled } from './previewGate.js';
 import type { MediaOrientation } from './VideoTurner.js';
-import { RAW_BUTTON } from '../lib/cn';
+import { RAW_BUTTON } from '../lib/cn.js';
 
 /**
  * The stored turn, as an inline transform for the tile's poster and preview.

package/src/react/media/PictureEditor.tsx

@@ -28,7 +28,7 @@ import {
 } from './pictureEdit.js';
 
 import { Tooltip } from '../components/Tooltip.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 /** What the editor hands back. The APP decides what to do with it — see `mode`. */
 export interface PictureEditResult {
   /** The baked bytes. */

package/src/react/media/PlayerStrip.tsx

@@ -57,7 +57,7 @@ import { Tooltip } from "../components/Tooltip.js";
 import { cn } from "../lib/cn.js";
 import { splitActions } from "./splitActions.js";
 import "./playerStrip.css";
-import { RAW_BUTTON } from '../lib/cn';
+import { RAW_BUTTON } from '../lib/cn.js';
 
 export type PlayerStripRepeat = "off" | "one" | "all";
 

package/src/react/media/VideoChapterEditor.tsx

@@ -13,7 +13,7 @@ import {
   normalizeChapters,
   type VideoChapter,
 } from './videoChapters.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /**
  * Put markers on a video at points in time and NAME them — the dialog.

package/src/react/media/VideoCutEditor.tsx

@@ -20,7 +20,7 @@ import {
   toggleSegment,
   type VideoCut,
 } from 'cursedbelt-core/media/video-cuts';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /**
  * Mark the parts of a video to cut out, and send the marks off to be executed.

package/src/react/media/VideoTurner.tsx

@@ -5,7 +5,7 @@ import { Button } from '../components/Button.js';
 import { Modal } from '../components/Modal.js';
 import { flip, NO_EDIT, type PictureEdit, previewTransform, rotate, swapsAxes } from './pictureEdit.js';
 import { Tooltip } from '../components/Tooltip.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /** The three integers a turn amounts to — the same shape `MediaGalleryItem.orientation` carries. */
 export interface MediaOrientation {

package/src/react/media/controlBar.tsx

@@ -8,7 +8,7 @@ import { useMediaPlayer, useMediaState } from '@vidstack/react';
 import type { DefaultVideoLayoutSlots } from '@vidstack/react/player/layouts/default';
 import { useMemo } from 'react';
 import { chapterSpans, sectionJump, type VideoChapter } from './videoChapters.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /**
  * A button that rides INSIDE Vidstack's control bar — the file step and the section step both.

package/src/react/media-gallery/GalleryTable.tsx

@@ -41,7 +41,7 @@ import { releaseVideo, useInView, useSettled } from '../media/previewGate.js';
 import { createdLabel, type MediaCache, ThumbImg, useItemMedia } from './galleryItemMedia.js';
 import { galleryItemCategory } from './mediaGalleryModel.js';
 import type { MediaGalleryItem, MediaGalleryOrder } from './types.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 /**
  * Row height in px. It is a CONSTANT rather than a measurement because the spacer-row

package/src/react/media-gallery/MediaGallery.tsx

@@ -141,7 +141,7 @@ import { createdLabel, type MediaCache, ThumbImg, useItemMedia } from './gallery
 import { Tooltip } from '../components/Tooltip.js';
 
 import { TruncatedText } from '../components/TruncatedText.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 // The reusable media gallery — the plugin-era mixed gallery generalised to EVERY binary
 // kind the fleet stores. Same design as plugin-media-gallery: a thumbnail-maximal browse
 // grid (hover-scrub video tiles, still photo tiles, type-icon tiles for other binaries)

package/src/react/nav/BreadcrumbTrail.tsx

@@ -58,7 +58,7 @@ import {
 } from './breadcrumbModel.js';
 import { NavLink, type NavNavigationProps } from './navShared.js';
 import { TAP_TARGET } from '../lib/tapTarget.js';
-import { RAW_BUTTON } from '../lib/cn';
+import { RAW_BUTTON } from '../lib/cn.js';
 
 /** Fallback width for the `…` trigger before one has ever been rendered. */
 const ESTIMATED_TRIGGER_WIDTH = 36;

package/src/react/nav/HubTileGrid.tsx

@@ -28,7 +28,7 @@ import {
 
 import { Tooltip } from '../components/Tooltip.js';
 import { TAP_TARGET } from '../lib/tapTarget.js';
-import { RAW_BUTTON } from '../lib/cn';
+import { RAW_BUTTON } from '../lib/cn.js';
 export interface HubTileGridProps extends NavNavigationProps {
   /** The domain whose items become tiles. */
   domain: NavDomain;

package/src/react/nav/SideNavCustomize.tsx

@@ -30,7 +30,7 @@ import { NavItemMenu } from './NavItemMenu.js';
 import { type IconResolver, renderIcon } from './navShared.js';
 import { Tooltip } from '../components/Tooltip.js';
 import { TAP_TARGET } from '../lib/tapTarget.js';
-import { cn, RAW_BUTTON } from '../lib/cn';
+import { cn, RAW_BUTTON } from '../lib/cn.js';
 
 export interface ReorderableRowsProps {
   domains: NavDomain[];

package/src/relativeSpecifiersCarryJs.spec.ts

@@ -0,0 +1,44 @@
+import { describe, expect, it } from 'bun:test';
+
+/**
+ * Every relative specifier in shipped source names its `.js` (2026-10-04).
+ *
+ * `dist` is plain tsc output, and tsc copies a specifier through untouched. Bun and
+ * every bundler resolve `'../lib/cn'`; plain Node does not, and throws
+ * ERR_MODULE_NOT_FOUND on the first import. Task 269 gave every specifier its `.js`;
+ * forge tasks 2749/2762 then added `import { RAW_BUTTON } from '../lib/cn'` to ~50 files, every
+ * app (bun + Vite) stayed green, and cursedbelt@5.55.0 PUBLISHED with 31 of its 82
+ * entries unimportable under Node — caught only by publish-libs.sh's post-publish
+ * proveInstall, after the version was immutable (forge task 2771).
+ *
+ * The scan is of SOURCE, so it fails at `bun test` instead of after a publish.
+ */
+// 🔴 Bun.Glob + Bun.file, NOT node:fs — the test preload mocks node:fs (see
+// publishShape.spec.ts), and a scan through it would read nothing and pass.
+const SPECIFIER = /(?:\bfrom\s*|\bimport\s*\(\s*|\bimport\s+)'(\.{1,2}\/[^']*)'/g;
+const RESOLVED = /\.(js|mjs|css|json|svg|png|woff2?)$/;
+
+const extensionless = (text: string): string[] =>
+	[...text.matchAll(SPECIFIER)].map((m) => m[1] as string).filter((s) => !RESOLVED.test(s));
+
+describe('relative specifiers in shipped source', () => {
+	it('flags a specifier with no extension, and passes one with .js', () => {
+		expect(extensionless("import { RAW_BUTTON } from '../lib/cn';")).toEqual(['../lib/cn']);
+		expect(extensionless("export * from './x';\nimport './side';\nawait import('./lazy')")).toEqual([
+			'./x',
+			'./side',
+			'./lazy',
+		]);
+		expect(extensionless("import { cn } from '../lib/cn.js';\nimport './a.css';")).toEqual([]);
+	});
+
+	it('every non-spec file under src/ names its .js, so Node can import dist', async () => {
+		const offenders: string[] = [];
+		for (const rel of new Bun.Glob('**/*.{ts,tsx}').scanSync({ cwd: import.meta.dir })) {
+			if (/\.(spec|test)\.tsx?$/.test(rel) || rel.endsWith('.d.ts')) continue;
+			const text = await Bun.file(`${import.meta.dir}/${rel}`).text();
+			for (const spec of extensionless(text)) offenders.push(`src/${rel}: '${spec}'`);
+		}
+		expect(offenders).toEqual([]);
+	});
+});

package/src/testing/designBaseline.ts

@@ -26,7 +26,7 @@ import {
   type DesignViolation,
   type EvaluatingPage,
   formatDesignViolations,
-} from './designAudit';
+} from './designAudit.js';
 
 /** A page that can also be resized — Playwright's `Page`, structurally. */
 export interface ResizablePage extends EvaluatingPage {