accomadesc 0.1.16 → 0.1.18

package/dist/Calendar.svelte

@@ -4,6 +4,7 @@
 
   let {
     url,
+    debug = false,
     calendarTranslation,
     toggleGridOffset,
     gridMonthNumbers,
@@ -14,12 +15,13 @@
     rowsFirstMonth,
     rowsMaxWidth,
     translateFunc,
-  }: CalendarContent & I18nFacade = $props();
+  }: CalendarContent & I18nFacade & { debug?: boolean } = $props();
 </script>
 
 <div class="cal-wrapper">
   <OccuPlanWrapper
     {url}
+    {debug}
     {toggleGridOffset}
     gridNumberOfMonths={gridMonthNumbers}
     {gridFirstMonth}

package/dist/Calendar.svelte.d.ts

@@ -1,5 +1,7 @@
 import type { CalendarContent, I18nFacade } from './types.js';
-type $$ComponentProps = CalendarContent & I18nFacade;
+type $$ComponentProps = CalendarContent & I18nFacade & {
+    debug?: boolean;
+};
 declare const Calendar: import("svelte").Component<$$ComponentProps, {}, "">;
 type Calendar = ReturnType<typeof Calendar>;
 export default Calendar;

package/dist/CalendarAvailable.svelte

@@ -6,11 +6,12 @@
 
   let {
     url,
+    debug = true,
     search = [3, 7, 14],
     maxFutureDate = DateTime.now().plus({ years: 2 }).toISO(),
     formatFunc,
     translateFunc,
-  }: CalendarAvailableContent & I18nFacade = $props();
+  }: CalendarAvailableContent & I18nFacade & { debug?: boolean } = $props();
 
   let availHeader = $derived(translateFunc ? translateFunc('availability') : '[AVAILABILITY]');
 
@@ -32,7 +33,7 @@
 <div class="cal-wrapper">
   <h3>{availHeader}</h3>
 
-  <OccuPlanAvailableInfo {search} {url}>
+  <OccuPlanAvailableInfo {debug} {search} {url}>
     {#snippet children(av: AvailableSpans)}
       <ul>
         {#each search as s}

package/dist/CalendarAvailable.svelte.d.ts

@@ -1,5 +1,7 @@
 import type { CalendarAvailableContent, I18nFacade } from './types.js';
-type $$ComponentProps = CalendarAvailableContent & I18nFacade;
+type $$ComponentProps = CalendarAvailableContent & I18nFacade & {
+    debug?: boolean;
+};
 declare const CalendarAvailable: import("svelte").Component<$$ComponentProps, {}, "">;
 type CalendarAvailable = ReturnType<typeof CalendarAvailable>;
 export default CalendarAvailable;

package/dist/CalendarGrid.svelte

@@ -2,12 +2,18 @@
   import type { CalendarGridContent, I18nFacade } from './types.js';
   import OccuPlanGrid from './occuplan/OccuPlanGrid.svelte';
 
-  let { url, calendarTranslation, translateFunc }: CalendarGridContent & I18nFacade = $props();
+  let {
+    url,
+    debug = false,
+    calendarTranslation,
+    translateFunc,
+  }: CalendarGridContent & I18nFacade & { debug?: boolean } = $props();
 </script>
 
 <div class="cal-wrapper">
   <OccuPlanGrid
     {url}
+    {debug}
     header={translateFunc ? translateFunc('calendarHeader') : ''}
     {...calendarTranslation}
   />

package/dist/CalendarGrid.svelte.d.ts

@@ -1,5 +1,7 @@
 import type { CalendarGridContent, I18nFacade } from './types.js';
-type $$ComponentProps = CalendarGridContent & I18nFacade;
+type $$ComponentProps = CalendarGridContent & I18nFacade & {
+    debug?: boolean;
+};
 declare const CalendarGrid: import("svelte").Component<$$ComponentProps, {}, "">;
 type CalendarGrid = ReturnType<typeof CalendarGrid>;
 export default CalendarGrid;

package/dist/CalendarRows.svelte

@@ -2,12 +2,18 @@
   import type { CalendarRowsContent, I18nFacade } from './types.js';
   import OccuPlanRows from './occuplan/OccuPlanRows.svelte';
 
-  let { url, calendarTranslation, translateFunc }: CalendarRowsContent & I18nFacade = $props();
+  let {
+    url,
+    debug,
+    calendarTranslation,
+    translateFunc,
+  }: CalendarRowsContent & I18nFacade & { debug?: boolean } = $props();
 </script>
 
 <div class="cal-wrapper">
   <OccuPlanRows
     {url}
+    {debug}
     header={translateFunc ? translateFunc('calendarHeader') : ''}
     {...calendarTranslation}
   />

package/dist/CalendarRows.svelte.d.ts

@@ -1,5 +1,7 @@
 import type { CalendarRowsContent, I18nFacade } from './types.js';
-type $$ComponentProps = CalendarRowsContent & I18nFacade;
+type $$ComponentProps = CalendarRowsContent & I18nFacade & {
+    debug?: boolean;
+};
 declare const CalendarRows: import("svelte").Component<$$ComponentProps, {}, "">;
 type CalendarRows = ReturnType<typeof CalendarRows>;
 export default CalendarRows;

package/dist/index.d.ts

@@ -23,6 +23,7 @@ import Section from './Section.svelte';
 import Text from './Text.svelte';
 import Weather from './Weather.svelte';
 import PageComponent from './PageComponent.svelte';
-export type { GridPhoto, LeafletMap as LeafletMapI, LeafletMapContent, Calendar as CalendarI, CalendarContent, CalendarAvailable as CalendarAvailableI, CalendarAvailableContent, CalendarGrid as CalendarGridI, CalendarGridContent, CalendarRows as CalendarRowsI, CalendarRowsContent, Text as TextI, TextContent, Weather as WeatherI, WeatherContent, Photo as PhotoI, PhotoContent, PhotoGallery as PhotoGalleryI, PhotoGalleryContent, Pricing as PricingI, PricingContent, PricingShort as PricingShortI, PricingShortContent, PricingEntry, PricingRange, PricingColumn, StaticRangeDate, StaticPricingRange, AmenitiesCore as AmenitiesCoreI, AmenitiesCoreContent, AccoCard as AccoCardI, AccoCardContent, ContactForm as ContactFormI, ContactFormContent, BookingRequest as BookingRequestI, BookingRequestContent, CardContent, AccoDescription as AccoDescriptionI, AccoDescriptionContent, Section as SectionI, I18nFacade, OccuplanTranslation, Block, PageProps, Nav as NavI, } from './types.js';
+export type { OccuplanTranslations } from './occuplan/state.svelte.ts';
+export type { GridPhoto, LeafletMap as LeafletMapI, LeafletMapContent, Calendar as CalendarI, CalendarContent, CalendarAvailable as CalendarAvailableI, CalendarAvailableContent, CalendarGrid as CalendarGridI, CalendarGridContent, CalendarRows as CalendarRowsI, CalendarRowsContent, Text as TextI, TextContent, Weather as WeatherI, WeatherContent, Photo as PhotoI, PhotoContent, PhotoGallery as PhotoGalleryI, PhotoGalleryContent, Pricing as PricingI, PricingContent, PricingShort as PricingShortI, PricingShortContent, PricingEntry, PricingRange, PricingColumn, StaticRangeDate, StaticPricingRange, AmenitiesCore as AmenitiesCoreI, AmenitiesCoreContent, AccoCard as AccoCardI, AccoCardContent, ContactForm as ContactFormI, ContactFormContent, BookingRequest as BookingRequestI, BookingRequestContent, CardContent, AccoDescription as AccoDescriptionI, AccoDescriptionContent, Section as SectionI, I18nFacade, Block, PageProps, Nav as NavI, FormatSpec, FormatTemplateName, SiteConfig, SiteTranslation, FontSpec, } from './types.js';
 export { PRICING_COLUMNS, isAccoCard, isText, isPhoto, isGallery, isLeafletMap, isWeather, isAmenitiesCore, isCalendarAvailable, isCalendar, isCalendarGrid, isCalendarRows, isPricing, isPricingShort, isAccoDescription, isBookingRequest, isContactForm, } from './types.js';
 export { randomID, randomName, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, };

package/dist/occuplan/OccuPlanAvailableInfo.svelte

@@ -5,6 +5,7 @@
   import {
     OCCUPATION_STATE,
     OccupationState,
+    getOccupationState,
     type AvailableSpans,
   } from './state.svelte.js';
   import Spinner from '../basic/Spinner.svelte';
@@ -12,11 +13,13 @@
 
   let {
     url,
+    debug = false,
     search = [3, 7, 14],
     maxFutureDate = normalizeDate(DateTime.utc().plus({ years: 1 })),
     children,
   }: {
     url: string;
+    debug?: boolean;
     search?: number[];
     maxFutureDate?: DateTime;
     children: Snippet<[AvailableSpans]>;
@@ -27,7 +30,7 @@
 
   $effect(() => {
     if (!occupationState && browser) {
-      occupationState = new OccupationState(url);
+      occupationState = getOccupationState(url, debug);
       setContext(oStateID, occupationState);
     }
   });

package/dist/occuplan/OccuPlanAvailableInfo.svelte.d.ts

@@ -3,6 +3,7 @@ import { type Snippet } from 'svelte';
 import { type AvailableSpans } from './state.svelte.js';
 type $$ComponentProps = {
     url: string;
+    debug?: boolean;
     search?: number[];
     maxFutureDate?: DateTime;
     children: Snippet<[AvailableSpans]>;

package/dist/occuplan/OccuPlanGrid.svelte

@@ -7,6 +7,7 @@
     defaultWeekdayLabels,
     OCCUPATION_STATE,
     OccupationState,
+    getOccupationState,
     occupationTypeFormatting,
     realFirstMonth,
     type FirstMonth,
@@ -20,6 +21,7 @@
 
   let {
     url,
+    debug = false,
     header = '',
     footer = '',
     nextPage = '>',
@@ -39,6 +41,7 @@
     },
   }: OccuplanTranslations & {
     url: string;
+    debug?: boolean;
     numberOfMonth?: number;
     firstMonth?: FirstMonth;
     minDate?: DateTime;
@@ -50,7 +53,7 @@
   let occupationState: OccupationState = $state(getContext(oStateID));
   $effect(() => {
     if (!occupationState && browser) {
-      occupationState = new OccupationState(url);
+      occupationState = getOccupationState(url, debug);
       setContext(oStateID, occupationState);
     }
   });

package/dist/occuplan/OccuPlanGrid.svelte.d.ts

@@ -2,6 +2,7 @@ import { DateTime } from 'luxon';
 import { type FirstMonth, type OccuplanTranslations } from './state.svelte.js';
 type $$ComponentProps = OccuplanTranslations & {
     url: string;
+    debug?: boolean;
     numberOfMonth?: number;
     firstMonth?: FirstMonth;
     minDate?: DateTime;

package/dist/occuplan/OccuPlanPicker.svelte

@@ -7,6 +7,7 @@
     defaultWeekdayLabels,
     OCCUPATION_STATE,
     OccupationState,
+    getOccupationState,
     realFirstMonth,
     type OccuplanTranslations,
   } from './state.svelte.js';
@@ -18,6 +19,7 @@
 
   let {
     url,
+    debug = false,
     arrival = undefined,
     leave = undefined,
     nextPage = '>',
@@ -46,6 +48,7 @@
     },
   }: OccuplanTranslations & {
     url: string;
+    debug?: boolean;
     arrival?: DateTime;
     leave?: DateTime;
     showArrival?: boolean;
@@ -60,7 +63,7 @@
   let occupationState: OccupationState = $state(getContext(oStateID));
   $effect(() => {
     if (!occupationState && browser) {
-      occupationState = new OccupationState(url);
+      occupationState = getOccupationState(url, debug);
       setContext(oStateID, occupationState);
     }
   });

package/dist/occuplan/OccuPlanPicker.svelte.d.ts

@@ -2,6 +2,7 @@ import { DateTime } from 'luxon';
 import { type OccuplanTranslations } from './state.svelte.js';
 type $$ComponentProps = OccuplanTranslations & {
     url: string;
+    debug?: boolean;
     arrival?: DateTime;
     leave?: DateTime;
     showArrival?: boolean;

package/dist/occuplan/OccuPlanRows.svelte

@@ -4,6 +4,7 @@
     defaultMonthLabels,
     defaultWeekendLabel,
     OccupationState,
+    getOccupationState,
     occupationTypeFormatting,
     type OccupationType,
     type OccuplanTranslations,
@@ -19,6 +20,7 @@
 
   let {
     url,
+    debug = false,
     header = '',
     footer = '',
     weekendLabel = defaultWeekendLabel,
@@ -35,6 +37,7 @@
     },
   }: OccuplanTranslations & {
     url: string;
+    debug?: boolean;
     numberOfMonth?: number;
     firstMonth?: FirstMonth;
     minDate?: DateTime;
@@ -46,7 +49,7 @@
   let occupationState: OccupationState = $state(getContext(oStateID));
   $effect(() => {
     if (!occupationState && browser) {
-      occupationState = new OccupationState(url);
+      occupationState = getOccupationState(url, debug);
       setContext(oStateID, occupationState);
     }
   });

package/dist/occuplan/OccuPlanRows.svelte.d.ts

@@ -2,6 +2,7 @@ import { DateTime } from 'luxon';
 import { type OccuplanTranslations, type FirstMonth } from './state.svelte.js';
 type $$ComponentProps = OccuplanTranslations & {
     url: string;
+    debug?: boolean;
     numberOfMonth?: number;
     firstMonth?: FirstMonth;
     minDate?: DateTime;

package/dist/occuplan/OccuPlanWrapper.svelte

@@ -19,6 +19,7 @@
     url,
     header = '',
     footer = '',
+    debug = false,
     weekendLabel = defaultWeekendLabel,
     monthLabels = defaultMonthLabels,
     weekdayLabels = defaultWeekdayLabels,
@@ -42,16 +43,6 @@
     },
   }: OccuplanTranslations & OccuplanMiscProps = $props();
 
-  /*const oStateID = `i-${url}-${OCCUPATION_STATE}`;
-  let occupationState: OccupationState = getContext(oStateID);
-  $effect(() => {
-    if (browser && !occupationState) {
-      occupationState = new OccupationState(url);
-      setContext(oStateID, occupationState);
-    }
-  });
-  */
-
   /*
     use different component based on different media size.
   */
@@ -76,6 +67,7 @@
 <div class="calendar-wrapper" bind:clientWidth={w}>
   {#if showRows}
     <OccuPlanRows
+      {debug}
       {url}
       {header}
       {footer}
@@ -90,6 +82,7 @@
     />
   {:else if showGrid}
     <OccuPlanGrid
+      {debug}
       {url}
       {header}
       {footer}

package/dist/occuplan/state.svelte.d.ts

@@ -51,6 +51,7 @@ export type PrevMonthNumbers = '-1' | '-2' | '-3' | '-4' | '-5' | '-6' | '-7' |
 export type FirstMonth = MonthNumbers | NextMonthNumbers | PrevMonthNumbers | 0;
 export interface OccuplanMiscProps {
     url: string;
+    debug?: boolean;
     gridNumberOfMonths?: number;
     gridFirstMonth?: FirstMonth;
     gridMaxWidth?: string;
@@ -71,7 +72,8 @@ export declare class OccupationState {
     occupiedDays: Record<string, boolean>;
     occupations: Occupation[];
     loading: boolean;
-    constructor(iCalURL: string);
+    debug: boolean;
+    constructor(iCalURL: string, debug?: boolean);
     private loadOccupations;
     private eventsIncomingCallback;
     private dayKey;
@@ -87,4 +89,4 @@ export declare class OccupationState {
     validRequest: (from: DateTime, to: DateTime) => boolean;
     occupationStyle: (d: DayHelper, highlightWeekend: boolean | undefined, maxDate: DateTime) => string;
 }
-export declare const getOccupationState: (url: string) => OccupationState;
+export declare const getOccupationState: (url: string, debug?: boolean) => OccupationState;

package/dist/occuplan/state.svelte.js

@@ -179,11 +179,17 @@ export class OccupationState {
     occupiedDays = $state({});
     occupations = $state([]);
     loading = $state(false);
-    constructor(iCalURL) {
+    debug = $state(false);
+    constructor(iCalURL, debug = false) {
+        this.debug = debug;
+        if (this.debug)
+            console.log('Constructing OState with CalUrl: ', iCalURL);
         this.iCalURL = iCalURL;
         this.loadOccupations();
     }
     loadOccupations = async () => {
+        if (this.debug)
+            console.log('(Re)Loading Occupations');
         this.loading = true;
         if (this.iCalURL) {
             const eventsResult = await getEvents(this.iCalURL, this.eventsIncomingCallback);
@@ -193,6 +199,8 @@ export class OccupationState {
         return false;
     };
     eventsIncomingCallback = (o) => {
+        if (this.debug)
+            console.log('Occupation incoming: ', o);
         this.occupations.push(o);
         this.updateOccupiedDays(o);
     };
@@ -373,11 +381,13 @@ export class OccupationState {
     };
 }
 let _instances = {};
-export const getOccupationState = (url) => {
+export const getOccupationState = (url, debug = false) => {
+    if (debug)
+        console.log('Get OState /w url', url);
     const currentInstance = _instances[url];
     if (currentInstance)
         return currentInstance;
-    const newInstance = new OccupationState(url);
+    const newInstance = new OccupationState(url, debug);
     _instances[url] = newInstance;
     return _instances[url];
 };

package/dist/types.d.ts

@@ -1,22 +1,13 @@
 import { type Dinero, type DineroSnapshot } from 'dinero.js';
-import type { FirstMonth } from './occuplan/state.svelte.js';
+import type { FirstMonth, OccuplanTranslations } from './occuplan/state.svelte.js';
 import type { DateTime, MonthNumbers, WeekdayNumbers } from 'luxon';
+import type { CookieType, Translation as CookieTranslation } from 'gdpr-cooco-banner';
 export type WeekdayLabels = {
     [key in WeekdayNumbers]: string;
 };
 export type MonthLabels = {
     [key in MonthNumbers]: string;
 };
-export interface OccuplanTranslation {
-    weekendLabel?: string;
-    weekdayLabels?: WeekdayLabels;
-    monthLabels?: MonthLabels;
-    monthHeaderFormat?: string;
-    typeNames?: {
-        defaultOccupationTypeName: string;
-        [key: string]: string;
-    };
-}
 export interface GridPhoto {
     photo: Photo;
     zoomed: boolean;
@@ -288,6 +279,52 @@ export interface BookingRequestContent {
     explainer?: string;
 }
 export type Block = Text | Photo | PhotoGallery | Calendar | CalendarAvailable | CalendarGrid | CalendarRows | Pricing | PricingShort | AmenitiesCore | Weather | LeafletMap | AccoCard | AccoDescription | ContactForm | BookingRequest | undefined;
+export interface FontSpec {
+    shortName: string;
+    cssName: string;
+    variant: string;
+    fallback: string;
+    fontsource: boolean;
+}
+export interface SiteTranslation {
+    calendar: OccuplanTranslations;
+    cookies: CookieTranslation;
+    site: Record<string, string>;
+}
+export declare const FORMAT_TEMPLATE_NAMES: string[];
+export type FormatTemplateName = (typeof FORMAT_TEMPLATE_NAMES)[number];
+export interface FormatSpec {
+    locale: string;
+    [tmpl: TemplateName]: string;
+}
+export interface SiteConfig {
+    settings: {
+        ACCOMADE_USER_ID: string;
+        PUBLIC_SUPABASE_URL: string;
+    };
+    cookies: {
+        types: CookieType[];
+        showIcon: boolean;
+    };
+    fonts: {
+        main: FontSpec;
+        nav: FontSpec;
+        pageTitle: FontSpec;
+        landingTitle: FontSpec;
+        header: FontSpec;
+    };
+    nav: Nav;
+    pages: {
+        '/': PageProps;
+        [key: string]: PageProps;
+    };
+    lang: {
+        defaultLang: string;
+        supportedLangs: string[];
+        translations: Record<string, SiteTranslation>;
+        formats: Record<string, FormatSpec>;
+    };
+}
 export interface PageProps {
     id: string;
     path: string;
@@ -330,7 +367,7 @@ export interface Section {
 export interface I18nFacade {
     currentLang?: string;
     supportedLangs?: string[];
-    calendarTranslation?: OccuplanTranslation;
+    calendarTranslation?: OccuplanTranslations;
     translateFunc?: (ref: string) => string;
     formatFunc?: (formatter: string, props: Record<string, any>) => string;
     formatMoneyFunc?: (d: Dinero<number> | DineroSnapshot<number>) => string;

package/dist/types.js

@@ -13,6 +13,20 @@ export const PRICING_COLUMNS = [
     'extraPerson',
     'minNumNights',
 ];
+export const FORMAT_TEMPLATE_NAMES = [
+    'dateFormat',
+    'monthHeader',
+    'nothingAvailable',
+    'availableFromFor',
+    'minimumPrice',
+    'maximumPrice',
+    'additionalPersonPrice',
+    'minNumberOfNights',
+    'seating',
+    'numberOf',
+    'size',
+    'bed',
+];
 export const isAccoCard = (b) => {
     if (!b)
         return false;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "accomadesc",
-	"version": "0.1.16",
+	"version": "0.1.18",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",
@@ -42,6 +42,7 @@
 		"@sveltejs/package": "^2.3.7",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@types/luxon": "^3.4.2",
+		"gdpr-cooco-banner": "^0.0.11",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"publint": "^0.3.2",