@apps-in-toss/framework 0.0.4 → 0.0.5

package/dist/index.cjs

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Accuracy: () => Accuracy,
+  WebView: () => WebView,
   fetchAlbumPhotos: () => fetchAlbumPhotos,
   fetchContacts: () => fetchContacts,
   getClipboardText: () => getClipboardText,
@@ -168,14 +169,48 @@ async function openCamera(options) {
   return photo;
 }
 
-// src/hooks/useGeolocation.ts
+// src/components/WebView.tsx
+var import_react_native_webview = require("@react-native-bedrock/native/react-native-webview");
 var import_react = require("react");
 var import_react_native_bedrock = require("react-native-bedrock");
+
+// src/components/getAppsInTossWebViewUrl.tsx
+function getAppsInTossWebViewUrl({
+  appName,
+  groupId,
+  localhostPort,
+  env
+}) {
+  if (env === "local") {
+    return `http://localhost:${localhostPort}`;
+  }
+  const subdomain = env === "alpha" ? "alpha-apps" : "apps";
+  return `https://${appName}--${groupId}.${subdomain}.tossmini.com`;
+}
+
+// src/components/WebView.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function WebView({ env, localhostPort = 5173, ...props }) {
+  const uri = (0, import_react.useMemo)(() => {
+    const $env = env ?? (__DEV__ ? "local" : AppsInTossModule.operationalEnvironment === "sandbox" ? "alpha" : "production");
+    return getAppsInTossWebViewUrl({
+      appName: import_react_native_bedrock.Bedrock.appName,
+      groupId: AppsInTossModule.groupId,
+      localhostPort,
+      env: $env
+    });
+  }, [env, localhostPort]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_webview.WebView, { source: { uri }, ...props });
+}
+
+// src/hooks/useGeolocation.ts
+var import_react2 = require("react");
+var import_react_native_bedrock2 = require("react-native-bedrock");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native_bedrock.useVisibility)();
-  const subscriptionRef = (0, import_react.useRef)();
-  const [location, setLocation] = (0, import_react.useState)(null);
-  const subscribe = (0, import_react.useCallback)(async () => {
+  const isVisible = (0, import_react_native_bedrock2.useVisibility)();
+  const subscriptionRef = (0, import_react2.useRef)();
+  const [location, setLocation] = (0, import_react2.useState)(null);
+  const subscribe = (0, import_react2.useCallback)(async () => {
     try {
       const subscription = await startUpdateLocation({
         accuracy,
@@ -188,7 +223,7 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
       console.error("failed to subscribe location", error);
     }
   }, [accuracy, distanceInterval, timeInterval]);
-  const cleanup = (0, import_react.useCallback)(async () => {
+  const cleanup = (0, import_react2.useCallback)(async () => {
     try {
       const prevSubscription = subscriptionRef.current;
       subscriptionRef.current = void 0;
@@ -197,7 +232,7 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
       console.error("failed to cleanup location subscription", error);
     }
   }, []);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (subscriptionRef.current == null && isVisible) {
       subscribe();
     }
@@ -219,6 +254,7 @@ var Accuracy = /* @__PURE__ */ ((Accuracy2) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accuracy,
+  WebView,
   fetchAlbumPhotos,
   fetchContacts,
   getClipboardText,

package/dist/index.d.cts

@@ -1,4 +1,6 @@
 import { EmitterSubscription } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WebViewProps as WebViewProps$1 } from '@react-native-bedrock/native/react-native-webview';
 
 interface EventEmitterSchema<K extends string, P extends unknown[]> {
     name: K;
@@ -507,6 +509,12 @@ interface OpenCameraOptions {
  */
 declare function openCamera(options?: OpenCameraOptions): Promise<ImageResponse>;
 
+interface WebViewProps extends Omit<WebViewProps$1, 'source'> {
+    env?: 'production' | 'alpha' | 'local';
+    localhostPort?: number;
+}
+declare function WebView({ env, localhostPort, ...props }: WebViewProps): react_jsx_runtime.JSX.Element;
+
 type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
 /**
  * @public
@@ -554,4 +562,4 @@ type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
  */
 declare function useGeolocation({ accuracy, distanceInterval, timeInterval }: UseGeolocationOptions): Location | null;
 
-export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };
+export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, WebView, type WebViewProps, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { EmitterSubscription } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WebViewProps as WebViewProps$1 } from '@react-native-bedrock/native/react-native-webview';
 
 interface EventEmitterSchema<K extends string, P extends unknown[]> {
     name: K;
@@ -507,6 +509,12 @@ interface OpenCameraOptions {
  */
 declare function openCamera(options?: OpenCameraOptions): Promise<ImageResponse>;
 
+interface WebViewProps extends Omit<WebViewProps$1, 'source'> {
+    env?: 'production' | 'alpha' | 'local';
+    localhostPort?: number;
+}
+declare function WebView({ env, localhostPort, ...props }: WebViewProps): react_jsx_runtime.JSX.Element;
+
 type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
 /**
  * @public
@@ -554,4 +562,4 @@ type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
  */
 declare function useGeolocation({ accuracy, distanceInterval, timeInterval }: UseGeolocationOptions): Location | null;
 
-export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };
+export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, WebView, type WebViewProps, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };

package/dist/index.js

@@ -134,6 +134,42 @@ async function openCamera(options) {
   return photo;
 }
 
+// src/components/WebView.tsx
+import {
+  WebView as OriginalWebView
+} from "@react-native-bedrock/native/react-native-webview";
+import { useMemo } from "react";
+import { Bedrock } from "react-native-bedrock";
+
+// src/components/getAppsInTossWebViewUrl.tsx
+function getAppsInTossWebViewUrl({
+  appName,
+  groupId,
+  localhostPort,
+  env
+}) {
+  if (env === "local") {
+    return `http://localhost:${localhostPort}`;
+  }
+  const subdomain = env === "alpha" ? "alpha-apps" : "apps";
+  return `https://${appName}--${groupId}.${subdomain}.tossmini.com`;
+}
+
+// src/components/WebView.tsx
+import { jsx } from "react/jsx-runtime";
+function WebView({ env, localhostPort = 5173, ...props }) {
+  const uri = useMemo(() => {
+    const $env = env ?? (__DEV__ ? "local" : AppsInTossModule.operationalEnvironment === "sandbox" ? "alpha" : "production");
+    return getAppsInTossWebViewUrl({
+      appName: Bedrock.appName,
+      groupId: AppsInTossModule.groupId,
+      localhostPort,
+      env: $env
+    });
+  }, [env, localhostPort]);
+  return /* @__PURE__ */ jsx(OriginalWebView, { source: { uri }, ...props });
+}
+
 // src/hooks/useGeolocation.ts
 import { useState, useCallback, useEffect, useRef } from "react";
 import { useVisibility } from "react-native-bedrock";
@@ -184,6 +220,7 @@ var Accuracy = /* @__PURE__ */ ((Accuracy2) => {
 })(Accuracy || {});
 export {
   Accuracy,
+  WebView,
   fetchAlbumPhotos,
   fetchContacts,
   getClipboardText,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Hub package for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -30,31 +30,27 @@
     "dist/**/*"
   ],
   "dependencies": {
-    "@apps-in-toss/cli-presets": "0.0.4"
+    "@apps-in-toss/cli-presets": "0.0.5"
   },
   "devDependencies": {
+    "@react-native-bedrock/native": "0.0.10",
     "@types/react": "18.3.3",
     "eslint": "^9.7.0",
     "react": "18.2.0",
     "react-native": "0.72.6",
-    "react-native-bedrock": "0.0.4",
+    "react-native-bedrock": "0.0.10",
     "tsup": "^8.3.5",
     "typescript": "4.9.5",
     "vitest": "^3.0.3"
   },
   "peerDependencies": {
+    "@react-native-bedrock/native": "*",
     "react": "*",
     "react-native": "*",
-    "react-native-bedrock": "*",
-    "vite": "*"
-  },
-  "peerDependenciesMeta": {
-    "vite": {
-      "optional": true
-    }
+    "react-native-bedrock": "*"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "764e2a63e61e4172b5529e15527123321ca890ad"
+  "gitHead": "1f2a93c6e928096e0626a0f99167fe617d85c722"
 }