@apps-in-toss/web-framework 0.0.32 → 0.0.33

package/dist/cli/index.js

@@ -65323,6 +65323,7 @@ async function babelBuild({
   const prebuilt = fileURLToPath3(import.meta.resolve(`@apps-in-toss/web-framework/prebuilt/prod/${platform2}`));
   const bundle = await fs2.promises.readFile(prebuilt, "utf-8");
   const result = await transform(bundle, {
+    babelrc: false,
     sourceMaps: true,
     plugins: [
       [
@@ -65340,6 +65341,7 @@ async function babelBuild({
             brandBridgeColorMode: config.brand.bridgeColorMode,
             webViewType: config.webViewProps.type,
             webViewHeaderWithBackButton: config.webViewProps.header?.withBackButton,
+            webViewInitialAccessoryButtons: JSON.stringify(config.webViewProps.header?.initialAccessoryButtons ?? []),
             ...config.webViewProps
           },
           identifierName: "Ait"
@@ -67801,6 +67803,7 @@ var createApp = ({ appName, web, permissions, webViewProps, brand }) => {
       return c4.body(transformCache.get(key));
     }
     const result = await transform2(bundle, {
+      babelrc: false,
       plugins: [
         [
           babelJsonReplacementPlugin,
@@ -67817,6 +67820,7 @@ var createApp = ({ appName, web, permissions, webViewProps, brand }) => {
               brandBridgeColorMode: brand.bridgeColorMode,
               webViewType: webViewProps.type,
               webViewHeaderWithBackButton: webViewProps.header?.withBackButton,
+              webViewInitialAccessoryButtons: JSON.stringify(webViewProps.header?.initialAccessoryButtons ?? []),
               ...webViewProps
             },
             identifierName: "Ait"

package/dist/config/index.d.ts

@@ -5,6 +5,20 @@ 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: {
@@ -33,6 +47,23 @@ interface AppsInTossWebConfig extends AppsInTossPluginOptions {
              * 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[];
         };
         /**
          *
@@ -87,4 +118,4 @@ interface AppsInTossWebConfig extends AppsInTossPluginOptions {
 type AppsInTossWebConfigResponse = DeepRequiredKeysOnly<AppsInTossWebConfig>;
 declare const defineConfig: (config: AppsInTossWebConfig) => AppsInTossWebConfigResponse;
 
-export { type AppsInTossWebConfig, type AppsInTossWebConfigResponse, defineConfig };
+export { type AppsInTossWebConfig, type AppsInTossWebConfigResponse, type InitialAccessoryButton, defineConfig };

package/dist/config/index.js

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