@movvjs/svelte-schedule-view 0.4.1-beta-2 → 0.4.1-beta-3

package/.svelte-kit/__package__/schedule-view/Schedule.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script>import "./assets/scss/indie_booking.scss";
-import { Toaster } from "svelte-french-toast";
+import toast, { Toaster } from "svelte-french-toast";
 import { onMount } from "svelte";
 import { writable } from "svelte/store";
 import { cloneDeep } from "lodash-es";
@@ -24,36 +24,6 @@ import ServiceZone from "./ServiceZone.svelte";
 import Plan from "./Plan.svelte";
 import BookingInfo from "./BookingInfo.svelte";
 import Portal from "svelte-portal";
-onMount(() => {
-  googleMaps();
-  function googleMaps() {
-    ;
-    ((g) => {
-      var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
-      b = b[c] || (b[c] = {});
-      var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
-        await (a = m.createElement("script"));
-        e.set("libraries", [...r] + "");
-        for (k in g)
-          e.set(k.replace(/[A-Z]/g, (t2) => "_" + t2[0].toLowerCase()), g[k]);
-        e.set("callback", c + ".maps." + q);
-        a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
-        d[q] = f;
-        a.onerror = () => h = n(Error(p + " could not load."));
-        a.nonce = m.querySelector("script[nonce]")?.nonce || "";
-        m.head.append(a);
-      }));
-      d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
-    })({
-      key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
-      v: "weekly",
-      region: "kr",
-      language: navigator?.language || "en"
-      // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
-      // Add other bootstrap parameters as needed, using camel case.
-    });
-  }
-});
 const { stdt, price, priceDifference, isModifiable } = originalBooking;
 const {
   price: editPrice,
@@ -63,6 +33,7 @@ const {
   fullName,
   selectedPrice
 } = copiedBooking;
+let initialized = false;
 let on = false;
 let resolver;
 $:
@@ -83,6 +54,34 @@ export function init(options) {
     i18nInit({ fallbackLocale: "en", initialLocale: locale });
     dayjs.locale(locale);
   }
+  googleMaps();
+  function googleMaps() {
+    ;
+    ((g) => {
+      var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
+      b = b[c] || (b[c] = {});
+      var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
+        await (a = m.createElement("script"));
+        e.set("libraries", [...r] + "");
+        for (k in g)
+          e.set(k.replace(/[A-Z]/g, (t2) => "_" + t2[0].toLowerCase()), g[k]);
+        e.set("callback", c + ".maps." + q);
+        a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
+        d[q] = f;
+        a.onerror = () => h = n(Error(p + " could not load."));
+        a.nonce = m.querySelector("script[nonce]")?.nonce || "";
+        m.head.append(a);
+      }));
+      d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
+    })({
+      key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
+      v: "weekly",
+      region: "kr",
+      language: navigator?.language || "en"
+      // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
+      // Add other bootstrap parameters as needed, using camel case.
+    });
+  }
   env.set({
     target,
     accessToken: token.accessToken,
@@ -92,6 +91,7 @@ export function init(options) {
     isDev
   });
   consola.withTag("svelte-schedule-view").info("\uC124\uC815\uB41C env", $env);
+  initialized = true;
   return {
     open
   };
@@ -196,14 +196,14 @@ async function save() {
 }
 </script>
 
-<Toaster />
-
 <Portal target="body">
-	{#if !$isLoading}
+	{#if !$isLoading && initialized}
 		<div id="indie_booking_wrapper">
+			<Toaster />
 			<Loader />
 			<Alert />
 			<Confirm />
+
 			<section class="indie_pop_wrap scroll" class:on>
 				{#if on}
 					<div class="pop_base full_2 indie_passengers_info_pop">

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\t\t<meta name=\"referrer\" content=\"no-referrer\" />\n\t\t" + head + "\n\t</head>\n\t<body data-sveltekit-preload-data=\"hover\">\n\t\t<div>" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "3ouolu"
+	version_hash: "jc27ay"
 };
 
 export async function get_hooks() {

package/dist/schedule-view/Schedule.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script>import "./assets/scss/indie_booking.scss";
-import { Toaster } from "svelte-french-toast";
+import toast, { Toaster } from "svelte-french-toast";
 import { onMount } from "svelte";
 import { writable } from "svelte/store";
 import { cloneDeep } from "lodash-es";
@@ -24,36 +24,6 @@ import ServiceZone from "./ServiceZone.svelte";
 import Plan from "./Plan.svelte";
 import BookingInfo from "./BookingInfo.svelte";
 import Portal from "svelte-portal";
-onMount(() => {
-  googleMaps();
-  function googleMaps() {
-    ;
-    ((g) => {
-      var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
-      b = b[c] || (b[c] = {});
-      var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
-        await (a = m.createElement("script"));
-        e.set("libraries", [...r] + "");
-        for (k in g)
-          e.set(k.replace(/[A-Z]/g, (t2) => "_" + t2[0].toLowerCase()), g[k]);
-        e.set("callback", c + ".maps." + q);
-        a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
-        d[q] = f;
-        a.onerror = () => h = n(Error(p + " could not load."));
-        a.nonce = m.querySelector("script[nonce]")?.nonce || "";
-        m.head.append(a);
-      }));
-      d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
-    })({
-      key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
-      v: "weekly",
-      region: "kr",
-      language: navigator?.language || "en"
-      // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
-      // Add other bootstrap parameters as needed, using camel case.
-    });
-  }
-});
 const { stdt, price, priceDifference, isModifiable } = originalBooking;
 const {
   price: editPrice,
@@ -63,6 +33,7 @@ const {
   fullName,
   selectedPrice
 } = copiedBooking;
+let initialized = false;
 let on = false;
 let resolver;
 $:
@@ -83,6 +54,34 @@ export function init(options) {
     i18nInit({ fallbackLocale: "en", initialLocale: locale });
     dayjs.locale(locale);
   }
+  googleMaps();
+  function googleMaps() {
+    ;
+    ((g) => {
+      var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window;
+      b = b[c] || (b[c] = {});
+      var d = b.maps || (b.maps = {}), r = /* @__PURE__ */ new Set(), e = new URLSearchParams(), u = () => h || (h = new Promise(async (f, n) => {
+        await (a = m.createElement("script"));
+        e.set("libraries", [...r] + "");
+        for (k in g)
+          e.set(k.replace(/[A-Z]/g, (t2) => "_" + t2[0].toLowerCase()), g[k]);
+        e.set("callback", c + ".maps." + q);
+        a.src = `https://maps.${c}apis.com/maps/api/js?` + e;
+        d[q] = f;
+        a.onerror = () => h = n(Error(p + " could not load."));
+        a.nonce = m.querySelector("script[nonce]")?.nonce || "";
+        m.head.append(a);
+      }));
+      d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n));
+    })({
+      key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
+      v: "weekly",
+      region: "kr",
+      language: navigator?.language || "en"
+      // Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
+      // Add other bootstrap parameters as needed, using camel case.
+    });
+  }
   env.set({
     target,
     accessToken: token.accessToken,
@@ -92,6 +91,7 @@ export function init(options) {
     isDev
   });
   consola.withTag("svelte-schedule-view").info("\uC124\uC815\uB41C env", $env);
+  initialized = true;
   return {
     open
   };
@@ -196,14 +196,14 @@ async function save() {
 }
 </script>
 
-<Toaster />
-
 <Portal target="body">
-	{#if !$isLoading}
+	{#if !$isLoading && initialized}
 		<div id="indie_booking_wrapper">
+			<Toaster />
 			<Loader />
 			<Alert />
 			<Confirm />
+
 			<section class="indie_pop_wrap scroll" class:on>
 				{#if on}
 					<div class="pop_base full_2 indie_passengers_info_pop">

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@movvjs/svelte-schedule-view",
-	"version": "0.4.1-beta-2",
+	"version": "0.4.1-beta-3",
 	"type": "module",
 	"license": "ISC",
 	"author": {

package/src/lib/schedule-view/Schedule.svelte

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 	import './assets/scss/indie_booking.scss'
-	import { Toaster } from 'svelte-french-toast'
+	import toast, { Toaster } from 'svelte-french-toast'
 	import { onMount } from 'svelte'
 	import { writable } from 'svelte/store'
 	import { cloneDeep } from 'lodash-es'
@@ -42,22 +42,22 @@
 	import BookingInfo from '$scheduleView/BookingInfo.svelte'
 	import Portal from 'svelte-portal'
 
-	onMount(() => {
-		googleMaps()
-
-		function googleMaps() {
-			// https://developers.google.com/maps/documentation/javascript/load-maps-js-api?hl=ko#dynamic-library-import
-			// prettier-ignore
-			;(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
-				key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
-				v: "weekly",
-				region: "kr",
-				language: navigator?.language || "en",
-				// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
-				// Add other bootstrap parameters as needed, using camel case.
-			});
-		}
-	})
+	// onMount(() => {
+	// 	googleMaps()
+
+	// 	function googleMaps() {
+	// 		// https://developers.google.com/maps/documentation/javascript/load-maps-js-api?hl=ko#dynamic-library-import
+	// 		// prettier-ignore
+	// 		;(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
+	// 			key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
+	// 			v: "weekly",
+	// 			region: "kr",
+	// 			language: navigator?.language || "en",
+	// 			// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
+	// 			// Add other bootstrap parameters as needed, using camel case.
+	// 		});
+	// 	}
+	// })
 
 	const { stdt, price, priceDifference, isModifiable } = originalBooking
 	const {
@@ -69,6 +69,7 @@
 		selectedPrice
 	} = copiedBooking
 
+	let initialized = false
 	let on = false
 	let resolver: (value: Awaited<ReturnType<typeof open>>) => void
 
@@ -95,6 +96,21 @@
 			dayjs.locale(locale)
 		}
 
+		googleMaps()
+
+		function googleMaps() {
+			// https://developers.google.com/maps/documentation/javascript/load-maps-js-api?hl=ko#dynamic-library-import
+			// prettier-ignore
+			;(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
+				key: "AIzaSyDe1e91bi67YTTnPGQlKTHXeNqMPOYkjW0",
+				v: "weekly",
+				region: "kr",
+				language: navigator?.language || "en",
+				// Use the 'v' parameter to indicate the version to use (weekly, beta, alpha, etc.).
+				// Add other bootstrap parameters as needed, using camel case.
+			});
+		}
+
 		env.set({
 			target,
 			accessToken: token.accessToken,
@@ -105,6 +121,7 @@
 		})
 
 		consola.withTag('svelte-schedule-view').info('설정된 env', $env)
+		initialized = true
 		return {
 			open
 		}
@@ -238,14 +255,14 @@
 	}
 </script>
 
-<Toaster />
-
 <Portal target="body">
-	{#if !$isLoading}
+	{#if !$isLoading && initialized}
 		<div id="indie_booking_wrapper">
+			<Toaster />
 			<Loader />
 			<Alert />
 			<Confirm />
+
 			<section class="indie_pop_wrap scroll" class:on>
 				{#if on}
 					<div class="pop_base full_2 indie_passengers_info_pop">