@apps-in-toss/web-framework 1.0.2 → 1.1.0

package/dist/cli/index.js

@@ -65180,36 +65180,23 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
   const _io0 = (input) => "object" === typeof input.commands && null !== input.commands && _io1(input.commands) && ("object" === typeof input.brand && null !== input.brand && _io2(input.brand)) && (void 0 === input.webViewProps || "object" === typeof input.webViewProps && null !== input.webViewProps && false === Array.isArray(input.webViewProps) && _io3(input.webViewProps)) && (Array.isArray(input.permissions) && input.permissions.every((elem) => "object" === typeof elem && null !== elem && _iu0(elem)));
   const _io1 = (input) => "string" === typeof input.build;
   const _io2 = (input) => "string" === typeof input.displayName && "string" === typeof input.primaryColor && "string" === typeof input.icon && ("basic" === input.bridgeColorMode || "inverted" === input.bridgeColorMode);
-  const _io3 = (input) => (void 0 === input.type || "partner" === input.type || "external" === input.type || "game" === input.type) && (void 0 === input.header || "object" === typeof input.header && null !== input.header && false === Array.isArray(input.header) && _io4(input.header)) && (void 0 === input.allowsInlineMediaPlayback || "boolean" === typeof input.allowsInlineMediaPlayback) && (void 0 === input.bounces || "boolean" === typeof input.bounces) && (void 0 === input.pullToRefreshEnabled || "boolean" === typeof input.pullToRefreshEnabled) && (void 0 === input.overScrollMode || "always" === input.overScrollMode || "content" === input.overScrollMode || "never" === input.overScrollMode) && (void 0 === input.mediaPlaybackRequiresUserAction || "boolean" === typeof input.mediaPlaybackRequiresUserAction) && (void 0 === input.allowsBackForwardNavigationGestures || "boolean" === typeof input.allowsBackForwardNavigationGestures);
-  const _io4 = (input) => (void 0 === input.withBackButton || "boolean" === typeof input.withBackButton) && (void 0 === input.initialAccessoryButtons || Array.isArray(input.initialAccessoryButtons) && input.initialAccessoryButtons.every((elem) => "object" === typeof elem && null !== elem && _io5(elem)));
-  const _io5 = (input) => "string" === typeof input.id && "string" === typeof input.title && ("object" === typeof input.icon && null !== input.icon && _iu1(input.icon));
-  const _io6 = (input) => "object" === typeof input.source && null !== input.source && _io7(input.source) && (null !== input.name && void 0 === input.name);
-  const _io7 = (input) => "string" === typeof input.uri;
-  const _io8 = (input) => "string" === typeof input.name && (null !== input.source && void 0 === input.source);
-  const _io9 = (input) => "clipboard" === input.name && ("read" === input.access || "write" === input.access);
-  const _io10 = (input) => "geolocation" === input.name && "access" === input.access;
-  const _io11 = (input) => "contacts" === input.name && ("read" === input.access || "write" === input.access);
-  const _io12 = (input) => "photos" === input.name && ("read" === input.access || "write" === input.access);
-  const _io13 = (input) => "camera" === input.name && "access" === input.access;
+  const _io3 = (input) => (void 0 === input.type || "partner" === input.type || "external" === input.type || "game" === input.type) && (void 0 === input.allowsInlineMediaPlayback || "boolean" === typeof input.allowsInlineMediaPlayback) && (void 0 === input.bounces || "boolean" === typeof input.bounces) && (void 0 === input.pullToRefreshEnabled || "boolean" === typeof input.pullToRefreshEnabled) && (void 0 === input.overScrollMode || "always" === input.overScrollMode || "content" === input.overScrollMode || "never" === input.overScrollMode) && (void 0 === input.mediaPlaybackRequiresUserAction || "boolean" === typeof input.mediaPlaybackRequiresUserAction) && (void 0 === input.allowsBackForwardNavigationGestures || "boolean" === typeof input.allowsBackForwardNavigationGestures);
+  const _io4 = (input) => "clipboard" === input.name && ("read" === input.access || "write" === input.access);
+  const _io5 = (input) => "geolocation" === input.name && "access" === input.access;
+  const _io6 = (input) => "contacts" === input.name && ("read" === input.access || "write" === input.access);
+  const _io7 = (input) => "photos" === input.name && ("read" === input.access || "write" === input.access);
+  const _io8 = (input) => "camera" === input.name && "access" === input.access;
   const _iu0 = (input) => (() => {
     if ("camera" === input.name)
-      return _io13(input);
+      return _io8(input);
     else if ("photos" === input.name)
-      return _io12(input);
+      return _io7(input);
     else if ("contacts" === input.name)
-      return _io11(input);
+      return _io6(input);
     else if ("geolocation" === input.name)
-      return _io10(input);
+      return _io5(input);
     else if ("clipboard" === input.name)
-      return _io9(input);
-    else
-      return false;
-  })();
-  const _iu1 = (input) => (() => {
-    if ("string" === typeof input.name)
-      return _io8(input);
-    else if ("object" === typeof input.source && null !== input.source && _io7(input.source))
-      return _io6(input);
+      return _io4(input);
     else
       return false;
   })();
@@ -65241,12 +65228,12 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     path: _path + ".permissions",
     expected: "Array<Permission>",
     value: input.permissions
-  })) && input.permissions.map((elem, _index3) => ("object" === typeof elem && null !== elem || _report(_exceptionable, {
-    path: _path + ".permissions[" + _index3 + "]",
+  })) && input.permissions.map((elem, _index2) => ("object" === typeof elem && null !== elem || _report(_exceptionable, {
+    path: _path + ".permissions[" + _index2 + "]",
     expected: "(CameraPermission | ClipboardPermission | ContactsPermission | GeolocationPermission | PhotosPermission)",
     value: elem
-  })) && _vu0(elem, _path + ".permissions[" + _index3 + "]", _exceptionable) || _report(_exceptionable, {
-    path: _path + ".permissions[" + _index3 + "]",
+  })) && _vu0(elem, _path + ".permissions[" + _index2 + "]", _exceptionable) || _report(_exceptionable, {
+    path: _path + ".permissions[" + _index2 + "]",
     expected: "(CameraPermission | ClipboardPermission | ContactsPermission | GeolocationPermission | PhotosPermission)",
     value: elem
   })).every((flag) => flag) || _report(_exceptionable, {
@@ -65280,14 +65267,6 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     path: _path + ".type",
     expected: '("external" | "game" | "partner" | undefined)',
     value: input.type
-  }), void 0 === input.header || ("object" === typeof input.header && null !== input.header && false === Array.isArray(input.header) || _report(_exceptionable, {
-    path: _path + ".header",
-    expected: "(__type.o3 | undefined)",
-    value: input.header
-  })) && _vo4(input.header, _path + ".header", _exceptionable) || _report(_exceptionable, {
-    path: _path + ".header",
-    expected: "(__type.o3 | undefined)",
-    value: input.header
   }), void 0 === input.allowsInlineMediaPlayback || "boolean" === typeof input.allowsInlineMediaPlayback || _report(_exceptionable, {
     path: _path + ".allowsInlineMediaPlayback",
     expected: "(boolean | undefined)",
@@ -65313,80 +65292,7 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     expected: "(boolean | undefined)",
     value: input.allowsBackForwardNavigationGestures
   })].every((flag) => flag);
-  const _vo4 = (input, _path, _exceptionable = true) => [void 0 === input.withBackButton || "boolean" === typeof input.withBackButton || _report(_exceptionable, {
-    path: _path + ".withBackButton",
-    expected: "(boolean | undefined)",
-    value: input.withBackButton
-  }), void 0 === input.initialAccessoryButtons || (Array.isArray(input.initialAccessoryButtons) || _report(_exceptionable, {
-    path: _path + ".initialAccessoryButtons",
-    expected: "(Array<InitialAccessoryButton> | undefined)",
-    value: input.initialAccessoryButtons
-  })) && input.initialAccessoryButtons.map((elem, _index4) => ("object" === typeof elem && null !== elem || _report(_exceptionable, {
-    path: _path + ".initialAccessoryButtons[" + _index4 + "]",
-    expected: "InitialAccessoryButton",
-    value: elem
-  })) && _vo5(elem, _path + ".initialAccessoryButtons[" + _index4 + "]", _exceptionable) || _report(_exceptionable, {
-    path: _path + ".initialAccessoryButtons[" + _index4 + "]",
-    expected: "InitialAccessoryButton",
-    value: elem
-  })).every((flag) => flag) || _report(_exceptionable, {
-    path: _path + ".initialAccessoryButtons",
-    expected: "(Array<InitialAccessoryButton> | undefined)",
-    value: input.initialAccessoryButtons
-  })].every((flag) => flag);
-  const _vo5 = (input, _path, _exceptionable = true) => ["string" === typeof input.id || _report(_exceptionable, {
-    path: _path + ".id",
-    expected: "string",
-    value: input.id
-  }), "string" === typeof input.title || _report(_exceptionable, {
-    path: _path + ".title",
-    expected: "string",
-    value: input.title
-  }), ("object" === typeof input.icon && null !== input.icon || _report(_exceptionable, {
-    path: _path + ".icon",
-    expected: "(__type.o4 | __type.o6)",
-    value: input.icon
-  })) && _vu1(input.icon, _path + ".icon", _exceptionable) || _report(_exceptionable, {
-    path: _path + ".icon",
-    expected: "(__type.o4 | __type.o6)",
-    value: input.icon
-  })].every((flag) => flag);
-  const _vo6 = (input, _path, _exceptionable = true) => [("object" === typeof input.source && null !== input.source || _report(_exceptionable, {
-    path: _path + ".source",
-    expected: "__type.o5",
-    value: input.source
-  })) && _vo7(input.source, _path + ".source", _exceptionable) || _report(_exceptionable, {
-    path: _path + ".source",
-    expected: "__type.o5",
-    value: input.source
-  }), (null !== input.name || _report(_exceptionable, {
-    path: _path + ".name",
-    expected: "undefined",
-    value: input.name
-  })) && (void 0 === input.name || _report(_exceptionable, {
-    path: _path + ".name",
-    expected: "undefined",
-    value: input.name
-  }))].every((flag) => flag);
-  const _vo7 = (input, _path, _exceptionable = true) => ["string" === typeof input.uri || _report(_exceptionable, {
-    path: _path + ".uri",
-    expected: "string",
-    value: input.uri
-  })].every((flag) => flag);
-  const _vo8 = (input, _path, _exceptionable = true) => ["string" === typeof input.name || _report(_exceptionable, {
-    path: _path + ".name",
-    expected: "string",
-    value: input.name
-  }), (null !== input.source || _report(_exceptionable, {
-    path: _path + ".source",
-    expected: "undefined",
-    value: input.source
-  })) && (void 0 === input.source || _report(_exceptionable, {
-    path: _path + ".source",
-    expected: "undefined",
-    value: input.source
-  }))].every((flag) => flag);
-  const _vo9 = (input, _path, _exceptionable = true) => ["clipboard" === input.name || _report(_exceptionable, {
+  const _vo4 = (input, _path, _exceptionable = true) => ["clipboard" === input.name || _report(_exceptionable, {
     path: _path + ".name",
     expected: '"clipboard"',
     value: input.name
@@ -65395,7 +65301,7 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     expected: '("read" | "write")',
     value: input.access
   })].every((flag) => flag);
-  const _vo10 = (input, _path, _exceptionable = true) => ["geolocation" === input.name || _report(_exceptionable, {
+  const _vo5 = (input, _path, _exceptionable = true) => ["geolocation" === input.name || _report(_exceptionable, {
     path: _path + ".name",
     expected: '"geolocation"',
     value: input.name
@@ -65404,7 +65310,7 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     expected: '"access"',
     value: input.access
   })].every((flag) => flag);
-  const _vo11 = (input, _path, _exceptionable = true) => ["contacts" === input.name || _report(_exceptionable, {
+  const _vo6 = (input, _path, _exceptionable = true) => ["contacts" === input.name || _report(_exceptionable, {
     path: _path + ".name",
     expected: '"contacts"',
     value: input.name
@@ -65413,7 +65319,7 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     expected: '("read" | "write")',
     value: input.access
   })].every((flag) => flag);
-  const _vo12 = (input, _path, _exceptionable = true) => ["photos" === input.name || _report(_exceptionable, {
+  const _vo7 = (input, _path, _exceptionable = true) => ["photos" === input.name || _report(_exceptionable, {
     path: _path + ".name",
     expected: '"photos"',
     value: input.name
@@ -65422,7 +65328,7 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
     expected: '("read" | "write")',
     value: input.access
   })].every((flag) => flag);
-  const _vo13 = (input, _path, _exceptionable = true) => ["camera" === input.name || _report(_exceptionable, {
+  const _vo8 = (input, _path, _exceptionable = true) => ["camera" === input.name || _report(_exceptionable, {
     path: _path + ".name",
     expected: '"camera"',
     value: input.name
@@ -65433,15 +65339,15 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
   })].every((flag) => flag);
   const _vu0 = (input, _path, _exceptionable = true) => (() => {
     if ("camera" === input.name)
-      return _vo13(input, _path, _exceptionable);
+      return _vo8(input, _path, _exceptionable);
     else if ("photos" === input.name)
-      return _vo12(input, _path, _exceptionable);
+      return _vo7(input, _path, _exceptionable);
     else if ("contacts" === input.name)
-      return _vo11(input, _path, _exceptionable);
+      return _vo6(input, _path, _exceptionable);
     else if ("geolocation" === input.name)
-      return _vo10(input, _path, _exceptionable);
+      return _vo5(input, _path, _exceptionable);
     else if ("clipboard" === input.name)
-      return _vo9(input, _path, _exceptionable);
+      return _vo4(input, _path, _exceptionable);
     else
       return _report(_exceptionable, {
         path: _path,
@@ -65449,18 +65355,6 @@ var validateAppInTossWebPluginOptions = /* @__PURE__ */ (() => {
         value: input
       });
   })();
-  const _vu1 = (input, _path, _exceptionable = true) => (() => {
-    if ("string" === typeof input.name)
-      return _vo8(input, _path, _exceptionable);
-    else if ("object" === typeof input.source && null !== input.source && _vo7(input.source, _path + ".source", false))
-      return _vo6(input, _path, _exceptionable);
-    else
-      return _report(_exceptionable, {
-        path: _path,
-        expected: "(__type.o6 | __type.o4)",
-        value: input
-      });
-  })();
   const __is = (input) => "object" === typeof input && null !== input && _io0(input);
   let errors;
   let _report;
@@ -65653,8 +65547,7 @@ async function babelBuild({ platform: platform2, buildNumber, deploymentId, conf
             brandPrimaryColor: config.brand.primaryColor,
             brandBridgeColorMode: config.brand.bridgeColorMode,
             webViewType: config.webViewProps.type,
-            webViewHeaderWithBackButton: config.webViewProps.header?.withBackButton,
-            webViewInitialAccessoryButtons: JSON.stringify(config.webViewProps.header?.initialAccessoryButtons ?? []),
+            navigationBar: JSON.stringify(config.navigationBar),
             ...config.webViewProps
           },
           identifierName: "Ait"
@@ -68123,7 +68016,7 @@ var createApp = (config) => {
   const wss = createWebSocketServer(app);
   return { app, wss };
 };
-async function buildDevBundle(platform2, { appName, web, brand, webViewProps }) {
+async function buildDevBundle(platform2, { appName, web, brand, webViewProps, navigationBar }) {
   const prebuilt = fileURLToPath4(import.meta.resolve(`@apps-in-toss/web-framework/prebuilt/dev/${platform2}`));
   const bundle = await fs3.promises.readFile(prebuilt, "utf-8");
   const result = await transform2(bundle, {
@@ -68144,8 +68037,7 @@ async function buildDevBundle(platform2, { appName, web, brand, webViewProps })
             brandPrimaryColor: brand.primaryColor,
             brandBridgeColorMode: brand.bridgeColorMode,
             webViewType: webViewProps.type,
-            webViewHeaderWithBackButton: webViewProps.header?.withBackButton,
-            webViewInitialAccessoryButtons: JSON.stringify(webViewProps.header?.initialAccessoryButtons ?? []),
+            navigationBar: JSON.stringify(navigationBar),
             ...webViewProps
           },
           identifierName: "Ait"

package/dist/config/index.d.ts

@@ -5,20 +5,6 @@ type DeepRequiredKeysOnly<T> = {
     [K in keyof T]-?: T[K] extends object ? (T[K] extends F ? T[K] : DeepRequiredKeysOnly<T[K]>) : T[K];
 };
 
-type Icon = {
-    source: {
-        uri: string;
-    };
-    name?: never;
-} | {
-    name: string;
-    source?: never;
-};
-interface InitialAccessoryButton {
-    id: string;
-    title: string;
-    icon: Icon;
-}
 interface AppsInTossWebConfig extends AppsInTossPluginOptions {
     appName: string;
     web: {
@@ -38,33 +24,11 @@ interface AppsInTossWebConfig extends AppsInTossPluginOptions {
          *
          * @default 'partner'
          */
-        type?: 'partner' | 'external' | 'game';
+        type?: 'partner'
         /**
-         * WebView header props
+         * @deprecated Use 'partner' instead.
          */
-        header?: {
-            /**
-             * Defaults to `true` when type is 'partner', `false` when type is 'external'
-             */
-            withBackButton?: boolean;
-            /**
-             * @default []
-             *
-             * @example
-             * ```ts
-             * [
-             *   {
-             *     title: '버튼 이름',
-             *     icon: {
-             *       name: 'icon-name',
-             *       source: 'icon-source',
-             *     },
-             *   },
-             * ]
-             * ```
-             */
-            initialAccessoryButtons?: InitialAccessoryButton[];
-        };
+         | 'external' | 'game';
         /**
          *
          * @default false
@@ -118,4 +82,4 @@ interface AppsInTossWebConfig extends AppsInTossPluginOptions {
 type AppsInTossWebConfigResponse = DeepRequiredKeysOnly<AppsInTossWebConfig>;
 declare const defineConfig: (config: AppsInTossWebConfig) => AppsInTossWebConfigResponse;
 
-export { type AppsInTossWebConfig, type AppsInTossWebConfigResponse, type InitialAccessoryButton, defineConfig };
+export { type AppsInTossWebConfig, type AppsInTossWebConfigResponse, defineConfig };

package/dist/config/index.js

@@ -52,11 +52,11 @@ var defineConfig = (config) => {
       bounces: true,
       allowsBackForwardNavigationGestures: true,
       pullToRefreshEnabled: true,
-      overScrollMode: "always",
-      header: {
-        withBackButton: true,
-        initialAccessoryButtons: []
-      }
+      overScrollMode: "always"
+    },
+    navigationBar: {
+      withBackButton: true,
+      withHomeButton: false
     }
   };
   return merge(defaultConfig, config);