@apps-in-toss/web-framework 0.0.0-dev.1740740040772 → 0.0.0-dev.1740746154601

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1,26 @@
1
+ /**
2
+ * @public
3
+ * @name getSchemeUri
4
+ * @tag BedrockModule
5
+ * @category BedrockModules
6
+ * @kind function
7
+ * @description 처음에 화면에 진입한 스킴 값이에요. 페이지 이동으로 인한 URI 변경은 반영되지 않아요.
8
+ * @returns {string} 처음에 화면에 진입한 스킴 값을 반환해요.
9
+ *
10
+ * @example
11
+ * ### 처음 진입한 스킴 값 가져오기
12
+ *
13
+ * ```tsx
14
+ * import { getSchemeUri } from '@apps-in-toss/web-framework';
15
+ *
16
+ *
17
+ * function MyPage() {
18
+ * const schemeUri = getSchemeUri();
19
+ *
20
+ * return <span>처음에 화면에 진입한 스킴 값: {schemeUri}</span>
21
+ * }
22
+ * ```
23
+ */
24
+ export declare function getSchemeUri(): string;
25
+
1
26
  export {};
package/dist/index.cjs ADDED
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from === "object" || typeof from === "function") {
8
+ for (let key of __getOwnPropNames(from))
9
+ if (!__hasOwnProp.call(to, key) && key !== except)
10
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
+ }
12
+ return to;
13
+ };
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
15
+
16
+ // src/index.ts
17
+ var src_exports = {};
18
+ module.exports = __toCommonJS(src_exports);
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export const createEvents=()=>({emit(event,args){for(let callbacks=this.events[event]||[],i=0,length=callbacks.length;i<length;i++){callbacks[i](args)}},events:{},on(event,cb){var _this_events,_event;((_this_events=this.events)[_event=event]||(_this_events[_event]=[])).push(cb);return()=>{var _this_events_event;this.events[event]=(_this_events_event=this.events[event])===null||_this_events_event===void 0?void 0:_this_events_event.filter(i=>cb!==i)}}});const createEventId=()=>Math.random().toString(36).substring(2,15);const deserializeError=value=>{if(value&&value.__isError){const err=new Error(value.message);err.name=value.name;err.stack=value.stack;return err}return value};window.__BEDROCK_NATIVE_EMITTER=createEvents();export function closeView(){if(!window.ReactNativeWebView){throw new Error("This closeView is not available in browser environment")}if("closeView"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["closeView"]}throw new Error("closeView is not a constant handler")}export function generateHapticFeedback(){if(!window.ReactNativeWebView){throw new Error("This generateHapticFeedback is not available in browser environment")}if("generateHapticFeedback"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["generateHapticFeedback"]}throw new Error("generateHapticFeedback is not a constant handler")}export function share(){if(!window.ReactNativeWebView){throw new Error("This share is not available in browser environment")}if("share"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["share"]}throw new Error("share is not a constant handler")}export function setSecureScreen(){if(!window.ReactNativeWebView){throw new Error("This setSecureScreen is not available in browser environment")}if("setSecureScreen"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["setSecureScreen"]}throw new Error("setSecureScreen is not a constant handler")}export function setScreenAwakeMode(){if(!window.ReactNativeWebView){throw new Error("This setScreenAwakeMode is not available in browser environment")}if("setScreenAwakeMode"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["setScreenAwakeMode"]}throw new Error("setScreenAwakeMode is not a constant handler")}export function getNetworkStatus(){if(!window.ReactNativeWebView){throw new Error("This getNetworkStatus is not available in browser environment")}if("getNetworkStatus"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getNetworkStatus"]}throw new Error("getNetworkStatus is not a constant handler")}export function getLocale(){if(!window.ReactNativeWebView){throw new Error("This getLocale is not available in browser environment")}if("getLocale"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getLocale"]}throw new Error("getLocale is not a constant handler")}export function getSchemeUri(){if(!window.ReactNativeWebView){throw new Error("This getSchemeUri is not available in browser environment")}if("getSchemeUri"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getSchemeUri"]}throw new Error("getSchemeUri is not a constant handler")}export function getDeviceId(){if(!window.ReactNativeWebView){throw new Error("This getDeviceId is not available in browser environment")}if("getDeviceId"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getDeviceId"]}throw new Error("getDeviceId is not a constant handler")}export function setClipboardText(...args){if(!window.ReactNativeWebView){throw new Error("This setClipboardText is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setClipboardText/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setClipboardText/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"setClipboardText",eventId,args}))})}export function getClipboardText(...args){if(!window.ReactNativeWebView){throw new Error("This getClipboardText is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getClipboardText/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getClipboardText/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"getClipboardText",eventId,args}))})}export function fetchContacts(...args){if(!window.ReactNativeWebView){throw new Error("This fetchContacts is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchContacts/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchContacts/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"fetchContacts",eventId,args}))})}export function fetchAlbumPhotos(...args){if(!window.ReactNativeWebView){throw new Error("This fetchAlbumPhotos is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchAlbumPhotos/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchAlbumPhotos/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"fetchAlbumPhotos",eventId,args}))})}export var Accuracy=function(Accuracy){Accuracy[Accuracy["Lowest"]=1]="Lowest";Accuracy[Accuracy["Low"]=2]="Low";Accuracy[Accuracy["Balanced"]=3]="Balanced";Accuracy[Accuracy["High"]=4]="High";Accuracy[Accuracy["Highest"]=5]="Highest";Accuracy[Accuracy["BestForNavigation"]=6]="BestForNavigation";return Accuracy}({});export function getCurrentLocation(...args){if(!window.ReactNativeWebView){throw new Error("This getCurrentLocation is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getCurrentLocation/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getCurrentLocation/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"getCurrentLocation",eventId,args}))})}export function openCamera(...args){if(!window.ReactNativeWebView){throw new Error("This openCamera is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`openCamera/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`openCamera/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"openCamera",eventId,args}))})}export function startUpdateLocation({onEvent,onError,options}){if(!window.ReactNativeWebView){onError(new Error("This startUpdateLocation is not available in browser environment"));return()=>{}}const eventId=createEventId();const removes=[window.__BEDROCK_NATIVE_EMITTER.on(`startUpdateLocation/onEvent/${eventId}`,response=>{onEvent(response)}),window.__BEDROCK_NATIVE_EMITTER.on(`startUpdateLocation/onError/${eventId}`,error=>{onError(deserializeError(error))})];window.ReactNativeWebView.postMessage(JSON.stringify({type:"addEventListener",functionName:"startUpdateLocation",eventId,args:options}));return()=>{window.ReactNativeWebView.postMessage(JSON.stringify({type:"removeEventListener",functionName:"startUpdateLocation",eventId}));for(const remove of removes){remove()}}}
1
+ export const createEvents=()=>({emit(event,args){for(let callbacks=this.events[event]||[],i=0,length=callbacks.length;i<length;i++){callbacks[i](args)}},events:{},on(event,cb){var _this_events,_event;((_this_events=this.events)[_event=event]||(_this_events[_event]=[])).push(cb);return()=>{var _this_events_event;this.events[event]=(_this_events_event=this.events[event])===null||_this_events_event===void 0?void 0:_this_events_event.filter(i=>cb!==i)}}});const createEventId=()=>Math.random().toString(36).substring(2,15);const deserializeError=value=>{if(value&&value.__isError){const err=new Error(value.message);err.name=value.name;err.stack=value.stack;return err}return value};window.__BEDROCK_NATIVE_EMITTER=createEvents();export function closeView(...args){if(!window.ReactNativeWebView){throw new Error("This closeView is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`closeView/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`closeView/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"closeView",eventId,args}))})}export function generateHapticFeedback(...args){if(!window.ReactNativeWebView){throw new Error("This generateHapticFeedback is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`generateHapticFeedback/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`generateHapticFeedback/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"generateHapticFeedback",eventId,args}))})}export function share(...args){if(!window.ReactNativeWebView){throw new Error("This share is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`share/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`share/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"share",eventId,args}))})}export function setSecureScreen(...args){if(!window.ReactNativeWebView){throw new Error("This setSecureScreen is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setSecureScreen/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setSecureScreen/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"setSecureScreen",eventId,args}))})}export function setScreenAwakeMode(...args){if(!window.ReactNativeWebView){throw new Error("This setScreenAwakeMode is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setScreenAwakeMode/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setScreenAwakeMode/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"setScreenAwakeMode",eventId,args}))})}export function getNetworkStatus(...args){if(!window.ReactNativeWebView){throw new Error("This getNetworkStatus is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getNetworkStatus/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getNetworkStatus/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"getNetworkStatus",eventId,args}))})}export function getLocale(){if(!window.ReactNativeWebView){throw new Error("This getLocale is not available in browser environment")}if("getLocale"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getLocale"]}throw new Error("getLocale is not a constant handler")}export function getSchemeUri(){if(!window.ReactNativeWebView){throw new Error("This getSchemeUri is not available in browser environment")}if("getSchemeUri"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getSchemeUri"]}throw new Error("getSchemeUri is not a constant handler")}export function getDeviceId(){if(!window.ReactNativeWebView){throw new Error("This getDeviceId is not available in browser environment")}if("getDeviceId"in window.__CONSTANT_HANDLER_MAP){return window.__CONSTANT_HANDLER_MAP["getDeviceId"]}throw new Error("getDeviceId is not a constant handler")}export function setClipboardText(...args){if(!window.ReactNativeWebView){throw new Error("This setClipboardText is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setClipboardText/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`setClipboardText/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"setClipboardText",eventId,args}))})}export function getClipboardText(...args){if(!window.ReactNativeWebView){throw new Error("This getClipboardText is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getClipboardText/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getClipboardText/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"getClipboardText",eventId,args}))})}export function fetchContacts(...args){if(!window.ReactNativeWebView){throw new Error("This fetchContacts is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchContacts/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchContacts/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"fetchContacts",eventId,args}))})}export function fetchAlbumPhotos(...args){if(!window.ReactNativeWebView){throw new Error("This fetchAlbumPhotos is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchAlbumPhotos/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`fetchAlbumPhotos/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"fetchAlbumPhotos",eventId,args}))})}export var Accuracy=function(Accuracy){Accuracy[Accuracy["Lowest"]=1]="Lowest";Accuracy[Accuracy["Low"]=2]="Low";Accuracy[Accuracy["Balanced"]=3]="Balanced";Accuracy[Accuracy["High"]=4]="High";Accuracy[Accuracy["Highest"]=5]="Highest";Accuracy[Accuracy["BestForNavigation"]=6]="BestForNavigation";return Accuracy}({});export function getCurrentLocation(...args){if(!window.ReactNativeWebView){throw new Error("This getCurrentLocation is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getCurrentLocation/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`getCurrentLocation/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"getCurrentLocation",eventId,args}))})}export function openCamera(...args){if(!window.ReactNativeWebView){throw new Error("This openCamera is not available in browser environment")}const eventId=createEventId();const emitters=[];const unsubscribe=()=>{for(const emitter of emitters){emitter()}};return new Promise((resolve,reject)=>{emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`openCamera/resolve/${eventId}`,args=>{unsubscribe();resolve(args)}));emitters.push(window.__BEDROCK_NATIVE_EMITTER.on(`openCamera/reject/${eventId}`,error=>{unsubscribe();reject(deserializeError(error))}));window.ReactNativeWebView.postMessage(JSON.stringify({type:"method",functionName:"openCamera",eventId,args}))})}export function startUpdateLocation({onEvent,onError,options}){if(!window.ReactNativeWebView){onError(new Error("This startUpdateLocation is not available in browser environment"));return()=>{}}const eventId=createEventId();const removes=[window.__BEDROCK_NATIVE_EMITTER.on(`startUpdateLocation/onEvent/${eventId}`,response=>{onEvent(response)}),window.__BEDROCK_NATIVE_EMITTER.on(`startUpdateLocation/onError/${eventId}`,error=>{onError(deserializeError(error))})];window.ReactNativeWebView.postMessage(JSON.stringify({type:"addEventListener",functionName:"startUpdateLocation",eventId,args:options}));return()=>{window.ReactNativeWebView.postMessage(JSON.stringify({type:"removeEventListener",functionName:"startUpdateLocation",eventId}));for(const remove of removes){remove()}}}
@@ -1 +1,69 @@
1
+ /**
2
+ * @public
3
+ * @tag BedrockModule
4
+ * @category BedrockModules
5
+ * @kind function
6
+ * @name setScreenAwakeMode
7
+ * @description
8
+ * `setScreenAwakeMode` 함수는 화면이 항상 켜져 있도록 설정하거나 해제하는 기능을 제공해요.
9
+ * 이 기능은 웹툰, 동영상, 문서 읽기 등 화면을 지속해서 켜두어야 하는 상황에서 유용해요.
10
+ *
11
+ * `enabled` 옵션을 `true`로 설정하면 화면이 꺼지지 않게 유지하고, `false`로 설정하면 기본 화면 보호기 시간에 따라 화면이 꺼져요. 특히, 이 함수는 앱 전체에 영향을 미치므로 특정 화면에서만 사용하려면 화면을 벗어날 때 이전 상태로 복구하는 추가 작업이 필요해요.
12
+ *
13
+ * 예를 들어, 미디어 콘텐츠 감상 화면에서는 항상 켜짐 모드를 활성화하고, 화면을 떠날 때 설정을 복구해서 불필요한 배터리 소모를 방지할 수 있어요.
14
+ *
15
+ * 다만, 앱에서 벗어나는 상황에서는 항상 켜짐 모드가 비활성화될 수 있으니 주의해야 해요.
16
+ *
17
+ * @param {object} options 화면 항상 켜짐 모드의 설정 값이에요.
18
+ * @param {boolean} options.enabled 화면 항상 켜짐 모드를 켜거나 끄는 옵션이에요.
19
+ * `true`로 설정하면 화면이 항상 켜지고, `false`로 설정하면 화면 보호기 시간에 따라 꺼져요.
20
+ *
21
+ * @returns {object} 현재 화면 항상 켜짐 모드의 설정 상태를 반환해요.
22
+ * @returns {boolean} enabled 화면 항상 켜짐 모드가 켜져 있는지 여부를 나타내는 값이에요.
23
+ *
24
+ * @example
25
+ * ### 화면 항상 켜짐 모드 설정하기
26
+ *
27
+ * ```tsx
28
+ *
29
+ * import { setScreenAwakeMode } from '@apps-in-toss/web-framework';
30
+ *
31
+ * function SetScreenAwakeMode() {
32
+ * return (
33
+ * <input type="button"
34
+ * value="화면 항상 켜기"
35
+ * onClick={() => {
36
+ * setScreenAwakeMode({ enabled: true });
37
+ * }}
38
+ * />
39
+ * );
40
+ * }
41
+ * ```
42
+ *
43
+ * ### 화면 항상 켜짐 모드 복구하기
44
+ * 특정 화면을 벗어날 때 이전 상태로 복구하려면 다음과 같이 `useEffect`를 사용하세요.
45
+ *
46
+ * ```tsx
47
+ * import { useEffect } from 'react';
48
+ * import { setScreenAwakeMode, cleanUp } from '@apps-in-toss/web-framework';
49
+ *
50
+ * function MediaScreen() {
51
+ * useEffect(() => {
52
+ * setScreenAwakeMode({ enabled: true });
53
+ *
54
+ * return () => {
55
+ * setScreenAwakeMode({ enabled: false }); // 설정을 이전 상태로 복구해요.
56
+ * };
57
+ * }, []);
58
+ *
59
+ * return <span>미디어 콘텐츠를 감상하는 화면</span>;
60
+ * }
61
+ * ```
62
+ */
63
+ export declare function setScreenAwakeMode(options: {
64
+ enabled: boolean;
65
+ }): Promise<{
66
+ enabled: boolean;
67
+ }>;
68
+
1
69
  export {};
@@ -1 +1,34 @@
1
+ /**
2
+ * @public
3
+ * @name setSecureScreen
4
+ * @tag BedrockModule
5
+ * @category BedrockModules
6
+ * @kind function
7
+ * @description
8
+ * 화면 캡쳐를 차단해서 민감한 정보가 유출되지 않도록 보호하거나, 필요할 경우 캡쳐를 허용하도록 설정해요. 예를 들어 보안이 중요한 화면에서 사용할 수 있어요.
9
+ *
10
+ * @param {object} options 화면 캡쳐 설정 옵션이에요.
11
+ * @param {boolean} options.enabled 화면 캡쳐를 차단할지 여부를 설정해요. `true`면 캡쳐를 차단하고, `false`면 허용해요.
12
+ * @returns {enabled: boolean} 현재 설정된 캡쳐 차단 상태를 반환해요.
13
+ *
14
+ * @example
15
+ * ### 캡쳐 허용 상태 변경하기
16
+ *
17
+ * ```tsx
18
+ *
19
+ * import { setSecureScreen } from '@apps-in-toss/web-framework';
20
+ *
21
+ * function SetSecureScreen() {
22
+ * return <input type="button" value="캡쳐 막기" onClick={async () => {
23
+ * await setSecureScreen({ enabled: true });
24
+ * }} />;
25
+ * }
26
+ * ```
27
+ */
28
+ export declare function setSecureScreen(options: {
29
+ enabled: boolean;
30
+ }): Promise<{
31
+ enabled: boolean;
32
+ }>;
33
+
1
34
  export {};
package/dist/share.d.ts CHANGED
@@ -1 +1,37 @@
1
+ /**
2
+ * @public
3
+ * @tag BedrockModule
4
+ * @category BedrockModules
5
+ * @kind function
6
+ * @name share
7
+ * @description
8
+ * 사용자가 콘텐츠를 다른 사람과 공유할 수 있도록 네이티브 공유 시트를 표시해요.
9
+ * `options.message` 속성에 공유할 메시지를 전달하면, 사용자가 선택할 수 있는 앱 목록이 표시돼요.
10
+ * 예를 들어, 사용자가 텍스트 메시지를 공유하거나 메모 앱에 저장하려고 할 때 유용해요.
11
+ * @param {object} options - 공유할 메시지를 담은 객체예요.
12
+ * @param {string} options.message - 공유할 텍스트 문자열이에요. 예를 들어, "안녕하세요! 이 내용을 공유합니다."
13
+ *
14
+ * @example
15
+ * ### 공유하기 기능 구현하기
16
+ *
17
+ * 아래는 버튼을 클릭하면 메시지를 공유하는 간단한 예제예요.
18
+ *
19
+ * ```tsx
20
+ * import { share } from '@apps-in-toss/web-framework';
21
+ *
22
+ *
23
+ * function MyPage() {
24
+ * return (
25
+ * <input type="button"
26
+ * value="공유"
27
+ * onClick={() => share({ message: '공유할 메시지입니다.' })}
28
+ * />
29
+ * );
30
+ * }
31
+ * ```
32
+ */
33
+ export declare function share(message: {
34
+ message: string;
35
+ }): Promise<void>;
36
+
1
37
  export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@apps-in-toss/web-framework",
3
3
  "type": "module",
4
- "version": "0.0.0-dev.1740740040772",
4
+ "version": "0.0.0-dev.1740746154601",
5
5
  "description": "Web Framework for Apps In Toss",
6
6
  "scripts": {
7
7
  "prepack": "yarn build",
@@ -36,7 +36,7 @@
36
36
  "react-native"
37
37
  ],
38
38
  "devDependencies": {
39
- "@react-native-bedrock/bridgepack": "^0.0.0-dev.1740740040772",
39
+ "@react-native-bedrock/bridgepack": "^0.0.0-dev.1740746154601",
40
40
  "@types/babel__core": "^7.20.5",
41
41
  "@types/debug": "^4",
42
42
  "@types/node": "^22.10.2",
@@ -48,9 +48,9 @@
48
48
  "vitest": "^3.0.5"
49
49
  },
50
50
  "dependencies": {
51
- "@apps-in-toss/babel-plugin-json": "0.0.0-dev.1740740040772",
52
- "@apps-in-toss/cli": "0.0.0-dev.1740740040772",
53
- "@apps-in-toss/framework": "0.0.0-dev.1740740040772",
51
+ "@apps-in-toss/babel-plugin-json": "0.0.0-dev.1740746154601",
52
+ "@apps-in-toss/cli": "0.0.0-dev.1740746154601",
53
+ "@apps-in-toss/framework": "0.0.0-dev.1740746154601",
54
54
  "@babel/core": "7.23.9",
55
55
  "@babel/plugin-proposal-class-properties": "^7.16.7",
56
56
  "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
@@ -63,18 +63,18 @@
63
63
  "@babel/preset-react": "^7.16.7",
64
64
  "@babel/preset-typescript": "^7.16.7",
65
65
  "@babel/runtime": "7.18.9",
66
- "@react-native-bedrock/mpack-next": "0.0.0-dev.1740739857744",
67
- "@react-native-bedrock/native": "0.0.0-dev.1740739857744",
66
+ "@react-native-bedrock/mpack-next": "^0.0.0-dev.1740746154601",
67
+ "@react-native-bedrock/native": "0.0.0-dev.1740743071951",
68
68
  "@types/react": "18.3.3",
69
69
  "es-toolkit": "^1.32.0",
70
70
  "picocolors": "^1.1.1",
71
71
  "react": "18.2.0",
72
72
  "react-native": "0.72.6",
73
- "react-native-bedrock": "0.0.0-dev.1740739857744",
73
+ "react-native-bedrock": "^0.0.0-dev.1740746154601",
74
74
  "zod": "^3.24.1"
75
75
  },
76
76
  "publishConfig": {
77
77
  "access": "public"
78
78
  },
79
- "gitHead": "bf62e2a7b092e720e9e14a9e3ef80891bf0cf2bc"
79
+ "gitHead": "fb541edbb7272cec61d6c80ebb7a34066146e526"
80
80
  }
@@ -1,169 +0,0 @@
1
- import { createRequire } from 'module'; const require = createRequire(import.meta.url);
2
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
3
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
4
- }) : x)(function(x) {
5
- if (typeof require !== "undefined") return require.apply(this, arguments);
6
- throw Error('Dynamic require of "' + x + '" is not supported');
7
- });
8
-
9
- // ../../.yarn/__virtual__/tsup-virtual-7254073ea3/0/cache/tsup-npm-8.3.5-ed25596739-7794953cbc.zip/node_modules/tsup/assets/esm_shims.js
10
- import { fileURLToPath } from "url";
11
- import path from "path";
12
- var getFilename = () => fileURLToPath(import.meta.url);
13
- var getDirname = () => path.dirname(getFilename());
14
- var __dirname = /* @__PURE__ */ getDirname();
15
-
16
- // src/plugins/appsInTossWeb.ts
17
- import fs2 from "fs";
18
- import path3 from "path";
19
- import { appsInToss } from "@apps-in-toss/framework/plugins";
20
- import { merge } from "es-toolkit";
21
- import { execa } from "execa";
22
- import picocolors from "picocolors";
23
-
24
- // src/utils/getPackageManager.ts
25
- function getPackageManager({ isExecutor = false } = {}) {
26
- const userAgent = process.env.npm_config_user_agent;
27
- const packageManagerCommands = {
28
- npm: isExecutor ? "npx" : "npm",
29
- pnpm: "pnpm",
30
- yarn: "yarn"
31
- };
32
- if (!userAgent) {
33
- return {
34
- packageManager: packageManagerCommands["npm"],
35
- version: "0.0.0"
36
- };
37
- }
38
- const [packageManagerInfo] = userAgent.match(/(\w+)\/(\d+\.\d+\.\d+)/) || [];
39
- const [packageManager, version] = packageManagerInfo?.split("/") ?? ["npm", null];
40
- if (!packageManager) {
41
- return {
42
- packageManager: packageManagerCommands["npm"],
43
- version: "0.0.0"
44
- };
45
- }
46
- return {
47
- packageManager: packageManagerCommands[packageManager],
48
- version: version ?? "0.0.0"
49
- };
50
- }
51
-
52
- // src/utils/getPackageRoot.ts
53
- import fs from "fs";
54
- import path2 from "path";
55
- function getPackageRoot() {
56
- let cwd = process.cwd();
57
- const root = path2.parse(cwd).root;
58
- while (cwd !== root) {
59
- if (fs.existsSync(path2.join(cwd, "package.json"))) {
60
- return cwd;
61
- }
62
- cwd = path2.dirname(cwd);
63
- }
64
- return cwd;
65
- }
66
-
67
- // src/plugins/appsInTossWeb.ts
68
- function appsInTossWebDev(options) {
69
- const packageRoot = getPackageRoot();
70
- return {
71
- name: "apps-in-toss-web:dev",
72
- dev: {
73
- order: "post",
74
- // pre | post
75
- handler: async ({ host, port }) => {
76
- console.log(picocolors.green(`Server is running on http://${host}:${port}
77
- `));
78
- const { packageManager } = getPackageManager({ isExecutor: true });
79
- await execa(packageManager, options.commands.dev.split(" "), {
80
- cwd: packageRoot,
81
- stdio: "inherit"
82
- });
83
- }
84
- }
85
- };
86
- }
87
- async function updateMetadata(updateData) {
88
- const packageRoot = getPackageRoot();
89
- const projectRootTmp = path3.resolve(packageRoot, ".bedrock");
90
- await fs2.promises.mkdir(projectRootTmp, { recursive: true });
91
- let metadata = {};
92
- try {
93
- const metadataStr = await fs2.promises.readFile(path3.join(projectRootTmp, "metadata.json"), "utf-8");
94
- metadata = JSON.parse(metadataStr);
95
- } catch {
96
- }
97
- await fs2.promises.writeFile(path3.join(projectRootTmp, "metadata.json"), JSON.stringify(merge(metadata, updateData)));
98
- }
99
- function appsInTossBabelConfig(options) {
100
- return {
101
- name: "apps-in-toss-web:babel-config",
102
- dev: {
103
- order: "pre",
104
- handler: async ({ appName }) => {
105
- updateMetadata({ appName, webPort: options.port });
106
- }
107
- },
108
- build: {
109
- order: "pre",
110
- handler: async ({ appName }) => {
111
- updateMetadata({ appName, webPort: options.port });
112
- }
113
- },
114
- config: {
115
- babel: {
116
- conditions: [(_code) => _code.includes("Ait")],
117
- plugins: [
118
- [
119
- __require.resolve("@apps-in-toss/babel-plugin-json"),
120
- { jsonPath: "./.bedrock/metadata.json", identifierName: "Ait" }
121
- ]
122
- ]
123
- }
124
- }
125
- };
126
- }
127
- function appsInTossWebBuild(options) {
128
- const packageRoot = getPackageRoot();
129
- return {
130
- name: "apps-in-toss-web:build",
131
- build: {
132
- order: "pre",
133
- handler: async ({ outdir }) => {
134
- const { packageManager } = getPackageManager({ isExecutor: true });
135
- const webDistDir = path3.join(outdir, "web");
136
- await fs2.promises.rm(outdir, { recursive: true, force: true });
137
- await execa(packageManager, options.commands.build.split(" "), {
138
- cwd: packageRoot,
139
- stdio: "inherit"
140
- });
141
- await fs2.promises.mkdir(webDistDir, { recursive: true });
142
- const items = await fs2.promises.readdir(outdir);
143
- for (const item of items) {
144
- const src = path3.join(outdir, item);
145
- const dest = path3.join(webDistDir, item);
146
- if (src === webDistDir) {
147
- continue;
148
- }
149
- await fs2.promises.rename(src, dest);
150
- }
151
- }
152
- }
153
- };
154
- }
155
- function appsInTossWeb(options) {
156
- return [
157
- appsInToss({
158
- permissions: options.permissions
159
- }),
160
- appsInTossBabelConfig(options),
161
- appsInTossWebBuild(options),
162
- appsInTossWebDev(options)
163
- ];
164
- }
165
-
166
- export {
167
- __dirname,
168
- appsInTossWeb
169
- };