@drawnagency/primitives 0.1.25 → 0.1.27

package/src/lib/text.ts

@@ -0,0 +1,8 @@
+export function stripHtmlToPlainText(html: string): string {
+  return html.replace(/<\/[^>]+>/g, " ").replace(/<[^>]*>/g, "").replace(/\s+/g, " ").trim();
+}
+
+export function truncate(text: string, maxLength: number): string {
+  if (text.length <= maxLength) return text;
+  return text.slice(0, maxLength) + "...";
+}

package/src/lib/timestamp.ts

@@ -1,3 +1,26 @@
+export function formatDate(iso: string): string {
+  return new Date(iso).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+  });
+}
+
+export function formatDateTime(iso: string): string {
+  const date = new Date(iso);
+  const datePart = date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+  });
+  const timePart = date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true,
+  });
+  return `${datePart} | ${timePart}`;
+}
+
 export function formatTimestamp(iso: string): string {
   const date = new Date(iso);
   const now = new Date();

package/src/media/index.ts

@@ -1,12 +1,21 @@
-import type { MediaAdapter, MediaManifest } from "./types";
-import { createGitHubMediaAdapter } from "./github";
+import type { MediaProvider } from "./provider";
 
 export * from "./types";
+export * from "./provider";
 export * from "./utils";
 export * from "./queue";
 export * from "./resolve";
 export { generateVideoPoster } from "./videoPoster";
 
-export function createMediaAdapter(manifest: MediaManifest): MediaAdapter {
-  return createGitHubMediaAdapter(manifest);
+let _provider: MediaProvider | null = null;
+
+export function setMediaProvider(p: MediaProvider): void {
+  _provider = p;
+}
+
+export function getMediaProvider(): MediaProvider {
+  if (!_provider) {
+    throw new Error("No MediaProvider registered. Call setMediaProvider() before using getMediaProvider().");
+  }
+  return _provider;
 }

package/src/media/provider.ts

@@ -0,0 +1,7 @@
+import type { MediaManifest, MediaItem, ResolvedMedia } from "./types";
+
+export interface MediaProvider {
+  getManifest(): Promise<MediaManifest>;
+  resolve(item: MediaItem, sizes: number[]): ResolvedMedia | null;
+  exists(hash: string, manifest: MediaManifest): boolean;
+}

package/src/media/resolve.ts

@@ -1,14 +1,16 @@
 import type { MediaManifest, ResolvedMedia } from "./types";
-import { createMediaAdapter } from "./index";
+import type { MediaProvider } from "./provider";
 
 export function resolveMedia(
   item: { imageId?: string; src?: string },
   manifest: MediaManifest,
   sizes: number[],
+  provider: MediaProvider,
 ): ResolvedMedia | null {
   if (!item.imageId) return null;
-  const adapter = createMediaAdapter(manifest);
-  return adapter.resolve(item.imageId, sizes);
+  const mediaItem = manifest.images[item.imageId];
+  if (!mediaItem) return null;
+  return provider.resolve(mediaItem, sizes);
 }
 
 /**
@@ -22,9 +24,10 @@ export function resolveManifestReferences(
   content: unknown,
   manifest: MediaManifest,
   sizes: number[],
+  provider: MediaProvider,
 ): unknown {
   if (Array.isArray(content)) {
-    return content.map((item) => resolveManifestReferences(item, manifest, sizes));
+    return content.map((item) => resolveManifestReferences(item, manifest, sizes, provider));
   }
 
   if (content !== null && typeof content === "object") {
@@ -33,7 +36,7 @@ export function resolveManifestReferences(
     // If this object has an imageId, resolve it and merge resolved fields
     if (typeof obj.imageId === "string") {
       const manifestItem = manifest.images[obj.imageId];
-      const resolved = resolveMedia({ imageId: obj.imageId }, manifest, sizes);
+      const resolved = resolveMedia({ imageId: obj.imageId }, manifest, sizes, provider);
       const patch: Record<string, unknown> = {
         alt: manifestItem?.alt ?? "",
       };
@@ -54,7 +57,7 @@ export function resolveManifestReferences(
     // Recurse into all values
     const result: Record<string, unknown> = {};
     for (const [key, value] of Object.entries(obj)) {
-      result[key] = resolveManifestReferences(value, manifest, sizes);
+      result[key] = resolveManifestReferences(value, manifest, sizes, provider);
     }
     return result;
   }

package/src/media/types.ts

@@ -47,12 +47,3 @@ export interface ResolvedVideo {
 }
 
 export type ResolvedMedia = ResolvedImage | ResolvedAnimated | ResolvedVideo;
-
-export interface MediaAdapter {
-  hash(file: MediaFile): Promise<string>;
-  exists(hash: string): Promise<boolean>;
-  process(file: MediaFile, hash: string, sizes: number[]): Promise<MediaItem>;
-  delete(id: string): Promise<void>;
-  resolve(id: string, sizes: number[]): ResolvedMedia | null;
-  list(): Promise<MediaItem[]>;
-}

package/src/schemas/media.ts

@@ -31,7 +31,6 @@ export const ImageManifestSchema = z.object({
 export type MediaManifest = z.infer<typeof ImageManifestSchema>;
 
 export const MediaConfigSchema = z.object({
-  adapter: z.enum(["github"]).default("github"),
   sizes: z.array(z.number()).default([640, 1080, 1920]),
   maxFileSize: z.number().default(5242880),
   quality: z.number().min(1).max(100).default(85),

package/src/schemas/site-config.ts

@@ -18,6 +18,7 @@ export const IndexSchema = z.object({
   siteId: z.string(),
   order: z.array(z.string()),
   sections: z.record(z.string(), SectionMetaSchema),
+  lastModified: z.string().nullable().optional(),
 }).refine(
   (data) => data.order.every((id) => id in data.sections),
   { message: "All order entries must have a corresponding section in sections" }

package/src/storage/index.ts

@@ -0,0 +1 @@
+export type { StorageProvider, FileWrite } from "./types";

package/src/storage/types.ts

@@ -0,0 +1,23 @@
+export interface StorageProvider {
+  writeFiles(
+    files: FileWrite[],
+    message: string,
+  ): Promise<{ version: string }>;
+
+  readFile(
+    path: string,
+    options?: { draft?: boolean },
+  ): Promise<Uint8Array | null>;
+
+  promoteDraft(): Promise<{ version: string }>;
+
+  getVersion(): Promise<string>;
+
+  listDirectory(path: string, options?: { draft?: boolean }): Promise<string[]>;
+}
+
+export type FileWrite = {
+  path: string;
+  content: string | Uint8Array | null;
+  encoding?: "utf-8" | "base64";
+};

package/dist/components/sections/SplitContent/SplitContentSettings.d.ts

@@ -1,9 +0,0 @@
-export declare function SplitContentSettings({ imagePosition: initialPos, border: initialBorder, onChange, }: {
-    imagePosition: "left" | "right";
-    border: boolean;
-    onChange: (values: {
-        imagePosition: "left" | "right";
-        border: boolean;
-    }) => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SplitContentSettings.d.ts.map

package/dist/components/sections/SplitContent/SplitContentSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitContentSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/SplitContent/SplitContentSettings.tsx"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EAAE,UAAU,EACzB,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAClF,2CA6BA"}

package/dist/media/github.d.ts

@@ -1,3 +0,0 @@
-import type { MediaAdapter, MediaManifest } from "./types";
-export declare function createGitHubMediaAdapter(manifest: MediaManifest): MediaAdapter;
-//# sourceMappingURL=github.d.ts.map

package/dist/media/github.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../src/media/github.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAwB,aAAa,EAAiB,MAAM,SAAS,CAAC;AAGhG,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,aAAa,GAAG,YAAY,CAoE9E"}

package/src/components/sections/SplitContent/SplitContentSettings.d.ts

@@ -1,9 +0,0 @@
-export declare function SplitContentSettings({ imagePosition: initialPos, border: initialBorder, onChange, }: {
-    imagePosition: "left" | "right";
-    border: boolean;
-    onChange: (values: {
-        imagePosition: "left" | "right";
-        border: boolean;
-    }) => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SplitContentSettings.d.ts.map

package/src/components/sections/SplitContent/SplitContentSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitContentSettings.d.ts","sourceRoot":"","sources":["SplitContentSettings.tsx"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EAAE,UAAU,EACzB,MAAM,EAAE,aAAa,EACrB,QAAQ,GACT,EAAE;IACD,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAClF,2CA6BA"}

package/src/components/sections/SplitContent/SplitContentSettings.tsx

@@ -1,42 +0,0 @@
-import { useState } from "react";
-import { Select } from "../../shared/Select";
-import { Checkbox } from "../../shared/Checkbox";
-
-export function SplitContentSettings({
-  imagePosition: initialPos,
-  border: initialBorder,
-  onChange,
-}: {
-  imagePosition: "left" | "right";
-  border: boolean;
-  onChange: (values: { imagePosition: "left" | "right"; border: boolean }) => void;
-}) {
-  const [imagePosition, setImagePosition] = useState(initialPos);
-  const [border, setBorder] = useState(initialBorder);
-
-  const emit = (overrides: Partial<{ imagePosition: "left" | "right"; border: boolean }>) =>
-    onChange({ imagePosition, border, ...overrides });
-
-  return (
-    <div className="space-y-4">
-      <Select
-        label="Image Position"
-        value={imagePosition}
-        onChange={(val) => {
-          const v = val as "left" | "right";
-          setImagePosition(v);
-          emit({ imagePosition: v });
-        }}
-        options={[
-          { value: "left", label: "Left" },
-          { value: "right", label: "Right" },
-        ]}
-      />
-      <Checkbox
-        checked={border}
-        onChange={(v) => { setBorder(v); emit({ border: v }); }}
-        label="Show border"
-      />
-    </div>
-  );
-}

package/src/media/github.ts

@@ -1,72 +0,0 @@
-import type { MediaAdapter, MediaFile, MediaItem, MediaManifest, ResolvedMedia } from "./types";
-import { sanitizeMediaName, mimeToExt, hashFileBuffer } from "./utils";
-
-export function createGitHubMediaAdapter(manifest: MediaManifest): MediaAdapter {
-  return {
-    async hash(file: MediaFile): Promise<string> {
-      return hashFileBuffer(file.buffer);
-    },
-
-    async exists(hash: string): Promise<boolean> {
-      return hash in manifest.images;
-    },
-
-    async process(file: MediaFile, hash: string, _sizes: number[]): Promise<MediaItem> {
-      const name = sanitizeMediaName(file.originalName);
-      const folder = `${name}-${hash}`;
-      return {
-        id: hash, hash, kind: "image", originalName: name,
-        width: 0, height: 0, mimeType: "image/webp", size: 0, folder, variants: [], alt: "",
-      };
-    },
-
-    async delete(id: string): Promise<void> {
-      delete manifest.images[id];
-    },
-
-    resolve(id: string, sizes: number[]): ResolvedMedia | null {
-      const item = manifest.images[id];
-      if (!item) return null;
-
-      if (item.kind === "video") {
-        return {
-          tag: "video",
-          src: `/api/media/${id}/original.${mimeToExt(item.mimeType)}`,
-          poster: `/api/media/${id}/poster.webp`,
-          width: item.width, height: item.height,
-          autoplay: true, loop: true, muted: true,
-        };
-      }
-
-      if (item.kind === "animated") {
-        return {
-          tag: "img",
-          src: `/api/media/${id}/original.${mimeToExt(item.mimeType)}`,
-          width: item.width, height: item.height,
-        };
-      }
-
-      // Static image with srcset
-      const availableVariants = item.variants.filter((v) =>
-        sizes.length === 0 || sizes.includes(v.width),
-      );
-      const sorted = [...availableVariants].sort((a, b) => a.width - b.width);
-      const midIndex = Math.floor(sorted.length / 2);
-      const defaultVariant = sorted[midIndex] ?? sorted[0];
-      if (!defaultVariant) return null;
-
-      const srcSet = sorted.map((v) => `/api/media/${id}/${v.width}.webp ${v.width}w`).join(", ");
-
-      return {
-        tag: "img",
-        src: `/api/media/${id}/${defaultVariant.width}.webp`,
-        srcSet,
-        width: item.width, height: item.height,
-      };
-    },
-
-    async list(): Promise<MediaItem[]> {
-      return Object.values(manifest.images);
-    },
-  };
-}