zone5 1.4.0 → 1.6.0

package/README.md

@@ -94,7 +94,23 @@ widths = [400, 800, 1200, 1600, 2400]
 
 Zone5 supports three layout modes:
 
-#### Wall Mode (Default)
+#### Justified Mode (Default)
+
+Row-based layout (like Flickr/Google Photos). Each row fills the full width while preserving aspect ratios. Panoramic images (aspect ratio > 3) automatically get their own row.
+
+```svelte
+<Zone5 images={images} mode="justified" />
+
+<!-- With custom row height and gap -->
+<Zone5
+  images={images}
+  mode="justified"
+  targetRowHeight={250}
+  gap={12}
+/>
+```
+
+#### Wall Mode
 
 Fixed-height grid layout. Images are cropped to fill their containers.
 
@@ -117,22 +133,6 @@ Column-based masonry layout. Images are distributed across columns and maintain
 />
 ```
 
-#### Justified Mode
-
-Row-based layout (like Flickr/Google Photos). Each row fills the full width while preserving aspect ratios. Panoramic images (aspect ratio > 3) automatically get their own row.
-
-```svelte
-<Zone5 images={images} mode="justified" />
-
-<!-- With custom row height and gap -->
-<Zone5
-  images={images}
-  mode="justified"
-  targetRowHeight={250}
-  gap={12}
-/>
-```
-
 ### Setting Mode in Markdown
 
 Use the `zone5mode` frontmatter property:

package/dist/cli/index.js

@@ -8198,7 +8198,15 @@ async function vh(t, i, a, n) {
   }
 }
 async function wh(t, i) {
-  const n = `# Photo Gallery
+  const n = `---
+# Zone5 Gallery Configuration
+# https://cwygoda.github.io/zone5/docs/reference/remark-plugin-api#frontmatter-options
+
+# Gallery layout mode: "justified" (default) | "wall" | "waterfall"
+# zone5mode: justified
+---
+
+# Photo Gallery
 
 ${i.map(({ relativePath: s }) => {
     const l = Rt(s);

package/dist/components/Zone5.svelte

@@ -26,7 +26,7 @@
 
 	let {
 		images,
-		mode = 'wall',
+		mode = 'justified',
 		nocaption = false,
 		columnBreakpoints = DEFAULT_COLUMN_BREAKPOINTS,
 		targetRowHeight = DEFAULT_TARGET_ROW_HEIGHT,

package/dist/config.d.ts

@@ -17,6 +17,7 @@ declare const ConfigSchema: z.ZodObject<{
         }>>;
         resize_gamma: z.ZodOptional<z.ZodNumber>;
         variants: z.ZodDefault<z.ZodArray<z.ZodNumber>>;
+        strip_gps: z.ZodDefault<z.ZodBoolean>;
     }, z.core.$strip>>>;
     gallery: z.ZodPrefault<z.ZodPipe<z.ZodPrefault<z.ZodObject<{
         mode: z.ZodOptional<z.ZodEnum<{
@@ -55,6 +56,7 @@ export declare const load: (configDir?: string | undefined) => Promise<{
     processor: {
         resize_kernel: any;
         variants: number[];
+        strip_gps: boolean;
         resize_gamma?: number | undefined;
     };
     gallery: {
@@ -76,6 +78,7 @@ export declare const load: (configDir?: string | undefined) => Promise<{
     processor: {
         resize_kernel: any;
         variants: number[];
+        strip_gps: boolean;
         resize_gamma?: number | undefined;
     };
     gallery: {

package/dist/processor/config.d.ts

@@ -5,6 +5,8 @@ export declare const ProcessorConfigSchema: z.ZodPrefault<z.ZodObject<{
     }>>;
     resize_gamma: z.ZodOptional<z.ZodNumber>;
     variants: z.ZodDefault<z.ZodArray<z.ZodNumber>>;
+    strip_gps: z.ZodDefault<z.ZodBoolean>;
 }, z.core.$strip>>;
 export type ProcessorConfig = z.infer<typeof ProcessorConfigSchema>;
+export type ProcessorConfigInput = z.input<typeof ProcessorConfigSchema>;
 export declare const configHash: (config: ProcessorConfig) => string;

package/dist/processor/config.js

@@ -6,6 +6,7 @@ export const ProcessorConfigSchema = z
     resize_kernel: z.enum(Object.values(sharp.kernel)).default(sharp.kernel.mks2021),
     resize_gamma: z.number().min(1.0).max(3.0).optional(),
     variants: z.array(z.number().int().min(1)).default([640, 768, 1280, 1920, 2560]),
+    strip_gps: z.boolean().default(false),
 })
     .prefault({});
 export const configHash = (config) => {

package/dist/processor/index.d.ts

@@ -1,6 +1,6 @@
 import type { BaseConfigType } from '../config.js';
 import { type DominantColor } from './color.js';
-import { type ProcessorConfig } from './config.js';
+import { type ProcessorConfigInput } from './config.js';
 import type { ExifItem } from './exif/exif.js';
 import type { GeojsonPoint } from './exif/types.js';
 export interface ItemFeature {
@@ -19,7 +19,7 @@ export interface ItemFeature {
 }
 declare const processor: (options: {
     base: BaseConfigType;
-    processor: ProcessorConfig;
+    processor: ProcessorConfigInput;
     sourceFile: string;
     clear?: boolean;
     forceOverwrite?: boolean;

package/dist/processor/index.js

@@ -4,7 +4,7 @@ import { join, parse, relative } from 'path';
 import sharp from 'sharp';
 import { generateBlurhash } from './blurhash.js';
 import { getDominantColors } from './color.js';
-import { configHash } from './config.js';
+import { configHash, ProcessorConfigSchema } from './config.js';
 import exifFromFilePath from './exif/index.js';
 import { fileExists, sourceFileHash } from './file.js';
 import { generateImageVariants } from './variants.js';
@@ -12,7 +12,9 @@ const tracer = trace.getTracer('zone5-processor');
 const processor = async (options) => {
     return tracer.startActiveSpan('zone5.processor', async (span) => {
         try {
-            const { base, processor: processorConfig, sourceFile, clear = false, forceOverwrite = false } = options;
+            const { base, processor: processorInput, sourceFile, clear = false, forceOverwrite = false } = options;
+            // Parse config to apply defaults
+            const processorConfig = ProcessorConfigSchema.parse(processorInput);
             const { name: fileBasename } = parse(sourceFile);
             const sourceHash = sourceFileHash(base.root, sourceFile);
             const procConfigHash = configHash(processorConfig);
@@ -35,9 +37,11 @@ const processor = async (options) => {
                     generateImageVariants({ sourceFile, processor: processorConfig, cacheDir, clear, forceOverwrite }),
                     sharp(sourceFile).metadata(),
                 ]);
+                // Strip GPS data if configured (for privacy)
+                const geometry = processorConfig.strip_gps ? null : exifFeature.geometry;
                 const feature = {
                     type: 'Feature',
-                    geometry: exifFeature.geometry,
+                    geometry,
                     id: sourceHash,
                     properties: {
                         ...exifFeature.properties,

package/dist/processor/variants.d.ts

@@ -1,10 +1,10 @@
-import type { ProcessorConfig } from './config.js';
+import { type ProcessorConfigInput } from './config.js';
 export interface GeneratedVariant {
     width: number;
     path: string;
 }
 export declare function generateImageVariants(options: {
-    processor: ProcessorConfig;
+    processor: ProcessorConfigInput;
     sourceFile: string;
     cacheDir: string;
     clear?: boolean;

package/dist/processor/variants.js

@@ -2,6 +2,7 @@ import { SpanStatusCode, trace } from '@opentelemetry/api';
 import { rm } from 'fs/promises';
 import { join, parse } from 'path';
 import sharp from 'sharp';
+import { ProcessorConfigSchema } from './config.js';
 import { ensureDirectoryExists, fileExists } from './file.js';
 const tracer = trace.getTracer('zone5-processor-variants');
 const addDebugText = async (img, width, height) => {
@@ -13,7 +14,8 @@ const addDebugText = async (img, width, height) => {
 export async function generateImageVariants(options) {
     return tracer.startActiveSpan('zone5.generateImageVariants', async (span) => {
         try {
-            const { processor, sourceFile, cacheDir, clear = false, forceOverwrite = false } = options;
+            const { processor: processorInput, sourceFile, cacheDir, clear = false, forceOverwrite = false } = options;
+            const processor = ProcessorConfigSchema.parse(processorInput);
             // Parse file path components
             const { name: fileBasename, ext: fileExtension } = parse(sourceFile);
             // Get source image metadata to check dimensions

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "zone5",
-	"version": "1.4.0",
+	"version": "1.6.0",
 	"repository": {
 		"url": "https://github.com/cwygoda/zone5"
 	},