@plaidev/karte-action-sdk 1.1.122 → 1.1.123

package/dist/hydrate/index.es.d.ts

@@ -878,6 +878,44 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
  * @public
  */
 declare function onTime(time: number, fn: Function): () => void;
+/**
+ * アクションのログの記録の管理
+ */
+type LogLevel = "info" | "error" | "warn";
+type Log = {
+    level: LogLevel;
+    message: string;
+    date?: Date;
+};
+type Event = {
+    name: string;
+    values?: any;
+    date?: Date;
+};
+// 実行ログ
+declare let messages: Log[];
+// KARTEイベント
+declare let events: Event[];
+/**
+ * ログを送信する関数群
+ */
+declare const logger: {
+    info: (...messages: any[]) => void;
+    log: (...messages: any[]) => void;
+    error: (...messages: any[]) => void;
+    warn: (...messages: any[]) => void;
+    event: (name: string, values: any) => void;
+    clear: () => void;
+    clearEvents: () => void;
+};
+/**
+ * loggerのログを実行ログに表示する
+ */
+declare function listenLogger(): () => void;
+/**
+ * consoleログを実行ログに表示する
+ */
+declare function listenConsoleLogger(): () => void;
 /**
  * プロパティ
  *
@@ -2840,8 +2878,8 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonStyle, DefaultFormButtonStyle, FormSelectStyle, DefaultFormSelectStyle, FormRatingButtonType, FormRatingButtonTypes, DefaultFormRatingButtonType, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
-export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
+export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, messages, events, logger, listenLogger, listenConsoleLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonStyle, DefaultFormButtonStyle, FormSelectStyle, DefaultFormSelectStyle, FormRatingButtonType, FormRatingButtonTypes, DefaultFormRatingButtonType, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
+export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';

package/dist/hydrate/index.es.js

@@ -904,6 +904,157 @@ const setAutoStart = (on = true) => {
     setStopped();
 };
 
+/**
+ * アクションのログの記録の管理
+ */
+const MESSAGES_LIMIT = 1000;
+const EVENTS_LIMIT = 1000;
+// 実行ログ
+let messages = [];
+// KARTEイベント
+let events = [];
+// iframe内の場合は親windowを参照する
+function w(w) {
+    return w.parent === w ? w : w.parent;
+}
+/**
+ * ログを送信する関数群
+ */
+const logger = {
+    info: (...messages) => {
+        const log = { level: 'info', message: formatLog(messages), date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    log: (...messages) => {
+        const log = { level: 'info', message: formatLog(messages), date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    error: (...messages) => {
+        const log = { level: 'error', message: formatLog(messages), date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    warn: (...messages) => {
+        const log = { level: 'warn', message: formatLog(messages), date: new Date() };
+        console.log('aaaaaaaaa', w);
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    event: (name, values) => {
+        const event = values ? { name, values, date: new Date() } : { name, date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'event', event } }, '*');
+    },
+    clear: () => {
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'clear' } }, '*');
+    },
+    clearEvents: () => {
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'clearEvents' } }, '*');
+    },
+};
+/**
+ * loggerのログを実行ログに表示する
+ */
+function listenLogger() {
+    const handler = (event) => {
+        const { type, detail } = event.data;
+        if (event.origin !== location.origin) {
+            return;
+        }
+        if (type !== 'KARTE-ACTION-LOGGER') {
+            return;
+        }
+        if (detail.method === 'clear') {
+            messages = [];
+        }
+        else if (detail.method === 'clearEvents') {
+            events = [];
+        }
+        else if (detail.method === 'log') {
+            if (MESSAGES_LIMIT <= messages.length) {
+                messages.shift();
+            }
+            const { level, message } = detail.log;
+            const log = { level, message, date: new Date() };
+            messages.push(log);
+        }
+        else if (detail.method === 'event') {
+            if (EVENTS_LIMIT <= events.length) {
+                events.shift();
+            }
+            const { name, values } = detail.event;
+            const karteEvent = values
+                ? { name, values, date: new Date() }
+                : { name, date: new Date() };
+            events.push(karteEvent);
+        }
+    };
+    window.addEventListener('message', handler, false);
+    return () => {
+        window.removeEventListener('message', handler, false);
+    };
+}
+const { info, log, error, warn } = console;
+/**
+ * consoleログを実行ログに表示する
+ */
+function listenConsoleLogger() {
+    const cleanup = listenLogger();
+    console.info = function (...messages) {
+        logger.info(...messages);
+        info.apply(this, messages);
+    };
+    console.log = function (...messages) {
+        logger.log(...messages);
+        log.apply(this, messages);
+    };
+    console.error = function (...messages) {
+        logger.error(...messages);
+        error.apply(this, messages);
+    };
+    console.warn = function (...messages) {
+        logger.warn(...messages);
+        warn.apply(this, messages);
+    };
+    return () => {
+        cleanup();
+        console.info = info;
+        console.log = log;
+        console.error = error;
+        console.warn = warn;
+    };
+}
+function formatLog(texts) {
+    if (!texts)
+        return '';
+    const s = texts
+        .reduce((acc, t) => {
+        let text = '';
+        try {
+            if (typeof t === 'string') {
+                text += t;
+            }
+            else if (t instanceof Error) {
+                text += formatError(t);
+            }
+            else {
+                text += JSON.stringify(t, undefined, 2);
+            }
+        }
+        catch (e) {
+            //pass
+        }
+        acc += text + ' ';
+        return acc;
+    }, '')
+        .trim();
+    return s.length > 3000 ? s.substr(0, 3000) + '...' : s;
+}
+function formatError(error) {
+    if (!error)
+        return '';
+    if (error.stack)
+        return error.stack;
+    return error.message;
+}
+
 function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
     if (direction === 'down' && deltaRate > 0) {
         downFn();
@@ -1415,6 +1566,7 @@ function create(App, options = {
         }
         return cleanup;
     };
+    const loggerCleanup = listenConsoleLogger() ;
     if (options.onCreate) {
         options.onCreate(actionProps);
     }
@@ -1440,6 +1592,7 @@ function create(App, options = {
         close();
         hideCleanup();
         showCleanup();
+        loggerCleanup();
         window.removeEventListener(ACTION_SHOW_EVENT, show);
         window.removeEventListener(ACTION_CLOSE_EVENT, handleClose);
     };
@@ -1749,6 +1902,9 @@ function createApp(App, options = {
     };
 }
 
+const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
+    ? __FLYER_GEN_COLLECTION_API_ENDPOINT__
+    : 'https://t.karte.io/collection';
 /**
  * アクションテーブルを管理するメソッドを取得する
  *
@@ -1759,7 +1915,7 @@ function createApp(App, options = {
  * @public
  */
 function collection$1(config) {
-    const endpoint = config.endpoint || "https://t.karte.test/collection";
+    const endpoint = config.endpoint || DEFAULT_COLLECTION_ENDPOINT;
     const api_key = config.api_key;
     const table = config.table;
     return {
@@ -8233,4 +8389,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
+export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, events, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenConsoleLogger, listenLogger, loadGlobalScript, loadGlobalStyle, loadStyle, logger, messages, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };

package/dist/index.es.d.ts

@@ -878,6 +878,44 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
  * @public
  */
 declare function onTime(time: number, fn: Function): () => void;
+/**
+ * アクションのログの記録の管理
+ */
+type LogLevel = "info" | "error" | "warn";
+type Log = {
+    level: LogLevel;
+    message: string;
+    date?: Date;
+};
+type Event = {
+    name: string;
+    values?: any;
+    date?: Date;
+};
+// 実行ログ
+declare let messages: Log[];
+// KARTEイベント
+declare let events: Event[];
+/**
+ * ログを送信する関数群
+ */
+declare const logger: {
+    info: (...messages: any[]) => void;
+    log: (...messages: any[]) => void;
+    error: (...messages: any[]) => void;
+    warn: (...messages: any[]) => void;
+    event: (name: string, values: any) => void;
+    clear: () => void;
+    clearEvents: () => void;
+};
+/**
+ * loggerのログを実行ログに表示する
+ */
+declare function listenLogger(): () => void;
+/**
+ * consoleログを実行ログに表示する
+ */
+declare function listenConsoleLogger(): () => void;
 /**
  * プロパティ
  *
@@ -2840,8 +2878,8 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonStyle, DefaultFormButtonStyle, FormSelectStyle, DefaultFormSelectStyle, FormRatingButtonType, FormRatingButtonTypes, DefaultFormRatingButtonType, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
-export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
+export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, messages, events, logger, listenLogger, listenConsoleLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonStyle, DefaultFormButtonStyle, FormSelectStyle, DefaultFormSelectStyle, FormRatingButtonType, FormRatingButtonTypes, DefaultFormRatingButtonType, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
+export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';

package/dist/index.es.js

@@ -956,6 +956,157 @@ const setAutoStart = (on = true) => {
     setStopped(!on);
 };
 
+/**
+ * アクションのログの記録の管理
+ */
+const MESSAGES_LIMIT = 1000;
+const EVENTS_LIMIT = 1000;
+// 実行ログ
+let messages = [];
+// KARTEイベント
+let events = [];
+// iframe内の場合は親windowを参照する
+function w(w) {
+    return w.parent === w ? w : w.parent;
+}
+/**
+ * ログを送信する関数群
+ */
+const logger = {
+    info: (...messages) => {
+        const log = { level: 'info', message: formatLog(messages), date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    log: (...messages) => {
+        const log = { level: 'info', message: formatLog(messages), date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    error: (...messages) => {
+        const log = { level: 'error', message: formatLog(messages), date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    warn: (...messages) => {
+        const log = { level: 'warn', message: formatLog(messages), date: new Date() };
+        console.log('aaaaaaaaa', w);
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'log', log } }, '*');
+    },
+    event: (name, values) => {
+        const event = values ? { name, values, date: new Date() } : { name, date: new Date() };
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'event', event } }, '*');
+    },
+    clear: () => {
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'clear' } }, '*');
+    },
+    clearEvents: () => {
+        w(window).postMessage({ type: 'KARTE-ACTION-LOGGER', detail: { method: 'clearEvents' } }, '*');
+    },
+};
+/**
+ * loggerのログを実行ログに表示する
+ */
+function listenLogger() {
+    const handler = (event) => {
+        const { type, detail } = event.data;
+        if (event.origin !== location.origin) {
+            return;
+        }
+        if (type !== 'KARTE-ACTION-LOGGER') {
+            return;
+        }
+        if (detail.method === 'clear') {
+            messages = [];
+        }
+        else if (detail.method === 'clearEvents') {
+            events = [];
+        }
+        else if (detail.method === 'log') {
+            if (MESSAGES_LIMIT <= messages.length) {
+                messages.shift();
+            }
+            const { level, message } = detail.log;
+            const log = { level, message, date: new Date() };
+            messages.push(log);
+        }
+        else if (detail.method === 'event') {
+            if (EVENTS_LIMIT <= events.length) {
+                events.shift();
+            }
+            const { name, values } = detail.event;
+            const karteEvent = values
+                ? { name, values, date: new Date() }
+                : { name, date: new Date() };
+            events.push(karteEvent);
+        }
+    };
+    window.addEventListener('message', handler, false);
+    return () => {
+        window.removeEventListener('message', handler, false);
+    };
+}
+const { info, log, error, warn } = console;
+/**
+ * consoleログを実行ログに表示する
+ */
+function listenConsoleLogger() {
+    const cleanup = listenLogger();
+    console.info = function (...messages) {
+        logger.info(...messages);
+        info.apply(this, messages);
+    };
+    console.log = function (...messages) {
+        logger.log(...messages);
+        log.apply(this, messages);
+    };
+    console.error = function (...messages) {
+        logger.error(...messages);
+        error.apply(this, messages);
+    };
+    console.warn = function (...messages) {
+        logger.warn(...messages);
+        warn.apply(this, messages);
+    };
+    return () => {
+        cleanup();
+        console.info = info;
+        console.log = log;
+        console.error = error;
+        console.warn = warn;
+    };
+}
+function formatLog(texts) {
+    if (!texts)
+        return '';
+    const s = texts
+        .reduce((acc, t) => {
+        let text = '';
+        try {
+            if (typeof t === 'string') {
+                text += t;
+            }
+            else if (t instanceof Error) {
+                text += formatError(t);
+            }
+            else {
+                text += JSON.stringify(t, undefined, 2);
+            }
+        }
+        catch (e) {
+            //pass
+        }
+        acc += text + ' ';
+        return acc;
+    }, '')
+        .trim();
+    return s.length > 3000 ? s.substr(0, 3000) + '...' : s;
+}
+function formatError(error) {
+    if (!error)
+        return '';
+    if (error.stack)
+        return error.stack;
+    return error.message;
+}
+
 function doPresent({ direction, deltaRate }, downFn, upFn, condition = false) {
     if (direction === 'down' && deltaRate > 0) {
         downFn();
@@ -1864,6 +2015,9 @@ function createApp(App, options = {
     };
 }
 
+const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
+    ? __FLYER_GEN_COLLECTION_API_ENDPOINT__
+    : 'https://t.karte.io/collection';
 /**
  * アクションテーブルを管理するメソッドを取得する
  *
@@ -1874,7 +2028,7 @@ function createApp(App, options = {
  * @public
  */
 function collection$1(config) {
-    const endpoint = config.endpoint || "https://t.karte.test/collection";
+    const endpoint = config.endpoint || DEFAULT_COLLECTION_ENDPOINT;
     const api_key = config.api_key;
     const table = config.table;
     return {
@@ -7733,4 +7887,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
+export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultFormButtonStyle, DefaultFormRatingButtonType, DefaultFormSelectStyle, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonTypes, FormRatingButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, events, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, listenConsoleLogger, listenLogger, loadGlobalScript, loadGlobalStyle, loadStyle, logger, messages, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };

package/dist/templates.js

@@ -1,6 +1,5 @@
 function createAppScript(script = '') {
-    return `\
-<script lang="ts">
+    return `<script lang="ts">
 // SDK generated imports: DON'T TOUCH THIS
 // @ts-ignore
 import type { ActionProps, CustomVariables } from "@plaidev/karte-action-sdk";
@@ -8,11 +7,8 @@ import type { Data, Props, Variables } from './gen';
 import { onMount } from 'svelte';
 import { writable } from 'svelte/store';
 import {
-  // functions
   state,
   customVariables,
-
-  // Layout
   State,
   StateItem,
   Modal,
@@ -20,8 +16,8 @@ import {
   GridItem,
   List,
   ListItem,
-
-  // Elements
+  Slide,
+  SlideItem,
   TextElement,
   ImageElement,
   TextButtonElement,
@@ -33,8 +29,6 @@ import {
   FormSelect,
   FormCheckBoxes,
   FormRatingButtons,
-  Slide,
-  SlideItem,
 } from '@plaidev/karte-action-sdk';
 
 export let send: (event_name: string, values?: any) => void;
@@ -63,8 +57,7 @@ $: {
 </script>`;
 }
 function createIndexTsx(script = '') {
-    return `\
-import type { KarteAction, Send, Props, Variables } from "./gen";
+    return `import type { KarteAction, Send, Props, Variables } from "./gen";
 
 import "https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver";
 import { create } from "@plaidev/karte-action-sdk";
@@ -85,8 +78,7 @@ const action = (options: { send: Send; props: Props; variables: Variables }): Ka
 export default action;`;
 }
 function createCustomScript(script = '') {
-    return `\
-/**
+    return `/**
  * アクションをカスタマイズするスクリプト
  */
 // ここでSDKをインポートしてください

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.122",
+  "version": "1.1.123",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",