@mbrain/epic-react-native-lib 0.0.1 → 0.0.3

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var p=Object.create;var x=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var a=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)x(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of c(t))!d.call(e,r)&&r!==o&&x(e,r,{get:()=>t[r],enumerable:!(n=y(t,r))||n.enumerable});return e};var u=(e,t,o)=>(o=e!=null?p(a(e)):{},f(t||!e||!e.__esModule?x(o,"default",{value:e,enumerable:!0}):o,e)),m=e=>f(x({},"__esModule",{value:!0}),e);var P={};S(P,{Box1:()=>i});module.exports=m(P);var l=u(require("react"),1),s=require("react-native");function i({style:e,children:t}){let[o,n]=(0,l.useState)(0);return l.default.createElement(s.View,{style:e},l.default.createElement(s.Text,{style:B.text,onPress:()=>{n(r=>r+1)}},"Box1 ",o),t)}var B=s.StyleSheet.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});
+"use strict";var S=Object.create;var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},u=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of x(e))!y.call(t,i)&&i!==n&&s(t,i,{get:()=>e[i],enumerable:!(o=l(e,i))||o.enumerable});return t};var d=(t,e,n)=>(n=t!=null?S(m(t)):{},u(e||!t||!t.__esModule?s(n,"default",{value:t,enumerable:!0}):n,t)),L=t=>u(s({},"__esModule",{value:!0}),t);var P={};k(P,{Box1:()=>p,useOrientation:()=>O});module.exports=L(P);var c=d(require("react"),1),r=require("react-native");function p({style:t,children:e}){let[n,o]=(0,c.useState)(0);return c.default.createElement(r.View,{style:t},c.default.createElement(r.Text,{style:g.text,onPress:()=>{o(i=>i+1)}},"Box1 ",n),e)}var g=r.StyleSheet.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});var f=require("react"),a=d(require("expo-screen-orientation"),1);function O(){let[t,e]=(0,f.useState)({orientation:void 0,orientationLock:void 0});return(0,f.useEffect)(()=>{Promise.all([a.getOrientationAsync(),a.getOrientationLockAsync()]).then(([o,i])=>{e({orientation:o,orientationLock:i})});let n=a.addOrientationChangeListener(o=>{e({orientation:o.orientationInfo.orientation,orientationLock:o.orientationLock})});return()=>n.remove()},[]),t}

package/dist/index.mjs

@@ -1 +1 @@
-import e,{useState as n}from"react";import{View as x,Text as f,StyleSheet as i}from"react-native";function p({style:t,children:o}){let[r,s]=n(0);return e.createElement(x,{style:t},e.createElement(f,{style:y.text,onPress:()=>{s(l=>l+1)}},"Box1 ",r),o)}var y=i.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});export{p as Box1};
+import a,{useState as c}from"react";import{View as s,Text as f,StyleSheet as u}from"react-native";function d({style:o,children:n}){let[i,t]=c(0);return a.createElement(s,{style:o},a.createElement(f,{style:p.text,onPress:()=>{t(r=>r+1)}},"Box1 ",i),n)}var p=u.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});import{useEffect as O,useState as S}from"react";import*as e from"expo-screen-orientation";function l(){let[o,n]=S({orientation:void 0,orientationLock:void 0});return O(()=>{Promise.all([e.getOrientationAsync(),e.getOrientationLockAsync()]).then(([t,r])=>{n({orientation:t,orientationLock:r})});let i=e.addOrientationChangeListener(t=>{n({orientation:t.orientationInfo.orientation,orientationLock:t.orientationLock})});return()=>i.remove()},[]),o}export{d as Box1,l as useOrientation};

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export { Box1 } from '@/components/Box1';
+export { Box1 } from './components/Box1';
+export { useOrientation } from './utils/orientation';

package/dist/types/utils/orientation.d.ts

@@ -0,0 +1,24 @@
+import * as ScreenOrientation from 'expo-screen-orientation';
+/**
+ * Provides real-time screen orientation information and orientation lock status.
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * import * as ScreenOrientation from 'expo-screen-orientation';
+ *
+ * // Both values start as undefined and are populated once the initial orientation is determined
+ * const { orientation, orientationLock } = useOrientation();
+ *
+ * const isLandscape = orientation === ScreenOrientation.Orientation.LANDSCAPE_LEFT ||
+ *                    orientation === ScreenOrientation.Orientation.LANDSCAPE_RIGHT;
+ *
+ * const isPortraitLocked = orientationLock === ScreenOrientation.OrientationLock.PORTRAIT_UP;
+ * ```
+ *
+ * @returns Object containing current orientation and orientation lock information
+ */
+export declare function useOrientation(): {
+    orientation: ScreenOrientation.Orientation | undefined;
+    orientationLock: ScreenOrientation.OrientationLock | undefined;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mbrain/epic-react-native-lib",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A set of helpful, battle-tested utilities that simplify common React Native workflows and speed up app development",
   "type": "module",
   "sideEffects": false,
@@ -15,6 +15,8 @@
   },
   "scripts": {
     "dev": "npm run clean && npm-run-all --parallel dev:js dev:types",
+    "dev:js": "node scripts/build.mjs --watch",
+    "dev:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --watch",
     "build": "npm run clean && npm run build:types && npm run build:js",
     "build:js": "NODE_ENV=production node scripts/build.mjs",
     "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
@@ -31,7 +33,9 @@
       "require": "./dist/index.cjs"
     }
   },
-  "dependencies": {},
+  "dependencies": {
+    "expo-screen-orientation": "^9.0.7"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",