accomadesc 0.1.15 → 0.1.17

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/basic/Button.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { getIcon } from './icons.js';
-  import { randomID } from '../names/gen.ts';
+  import { randomID } from '../names/gen.js';
 
   const {
     text = null,

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "accomadesc",
-	"version": "0.1.15",
+	"version": "0.1.17",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",