app-expo-cli 1.1.0 → 1.1.2

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,31 @@
+name: Node.js Package Publish
+
+on:
+  push:
+    branches:
+      - main # Publish when pushing to the main branch
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      # Step 1: Checkout the source code
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # Step 2: Setup Node.js and configure NPM registry
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          registry-url: 'https://registry.npmjs.org'
+
+      # Step 3: Install all dependencies
+      - name: Install dependencies
+        run: npm install
+
+      # Step 4: Publish to NPM with public access
+      - name: Publish to NPM
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/README.md

@@ -66,6 +66,8 @@ my-awesome-app/
 └── ... (other expo files)
 ```
 
+---
+
 ### 📚 Dependencies Auto-Installed
 
 আপনার প্রজেক্টের সাথে এই প্রয়োজনীয় প্যাকেজগুলো অটোমেটিক কনফিগার হয়ে যাবে:
@@ -82,6 +84,8 @@ my-awesome-app/
 
 **- Features & Utilities: expo-image-picker ও react-native-otp-entry**
 
+---
+
 ### 🤝 Contributing
 
 আপনি যদি এই টেমপ্লেটে কোনো পরিবর্তন বা নতুন ফিচার যোগ করতে চান, তবে অবশ্যই একটি Pull Request ওপেন করবেন।
@@ -90,7 +94,9 @@ GitHub (CLI): https://github.com/arifbiswas/app-expo-cli
 
 GitHub (Library): https://github.com/arifbiswas/lib
 
-## 👤 Author
+---
+
+### 👤 Author
 
 Arif Biswas
 
@@ -100,7 +106,7 @@ GitHub: https://github.com/arifbiswas
 
 NPM: https://www.npmjs.com/package/app-expo-cli
 
-### 🌐 Social Links
+<!-- ### 🌐 Social Links -->
 
 <!-- আপনি চাইলে এখানে আরও সোশ্যাল লিংক যোগ করতে পারেন:
 
@@ -120,4 +126,8 @@ LinkedIn: https://linkedin.com/in/arifbiswas
 
 Twitter (X): https://x.com/arifbiswas -->
 
+---
+
 © 2026 Arif Biswas. All rights reserved.
+
+---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-expo-cli",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A powerful CLI to bootstrap Expo projects with professional architecture",
   "keywords": [
     "expo",

package/template/src/lib/DateTimePicker/DateTimePicker.tsx

@@ -1,63 +0,0 @@
-import DatePicker, { DatePickerProps } from "react-native-date-picker";
-import { Text, TouchableOpacity, View } from "react-native";
-
-import { IconCalendar } from "@/icons/icons";
-import { PrimaryColor } from "../../utils/utils";
-import React from "react";
-import { SvgXml } from "react-native-svg";
-import tw from "../tailwind";
-
-interface DateTimePickerProps {
-  getCurrentDate?: (value: string) => any;
-  dateProps?: DatePickerProps;
-  title: string;
-}
-
-const DateTimePicker = ({
-  dateProps,
-  getCurrentDate,
-  title,
-}: DateTimePickerProps) => {
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <View>
-      <View>
-        <TouchableOpacity
-          onPress={() => {
-            setOpen(true);
-          }}
-        >
-          <View
-            style={tw`bg-white h-12 px-2 rounded-md flex-row items-center justify-between`}
-          >
-            <Text style={tw`text-sm text-gray-500 font-DegularDisplayRegular`}>
-              {title}
-            </Text>
-            <SvgXml xml={IconCalendar} />
-          </View>
-        </TouchableOpacity>
-      </View>
-      <DatePicker
-        style={tw`border-0 h-12 rounded-lg bg-transparent`}
-        mode="time"
-        modal
-        theme="dark"
-        dividerColor={PrimaryColor}
-        buttonColor={PrimaryColor}
-        open={open}
-        date={new Date()}
-        onConfirm={(currentData: any) => {
-          if (currentData) {
-            getCurrentDate && getCurrentDate(currentData?.toISOString());
-          }
-          setOpen(false);
-        }}
-        onCancel={() => setOpen(false)}
-        {...dateProps}
-      />
-    </View>
-  );
-};
-
-export default DateTimePicker;

package/template/src/lib/Empty/EmptyCard.tsx

@@ -1,67 +0,0 @@
-import { ActivityIndicator, Text, TouchableOpacity, View } from "react-native";
-
-import React from "react";
-import { SvgXml } from "react-native-svg";
-import tw from "../tailwind";
-
-interface NoFoundCardProps {
-  title?: string;
-  description?: string;
-  hight?: number;
-  isLoading?: boolean;
-  reload?: () => void;
-}
-
-const EmptyCard = ({
-  description,
-  title,
-  hight = 200,
-  isLoading,
-  reload,
-}: NoFoundCardProps) => {
-  return (
-    <View>
-      <View
-        style={[
-          tw`flex-1 justify-center items-center gap-3  opacity-15`,
-          {
-            height: hight && hight,
-          },
-        ]}
-      >
-        {isLoading ? (
-          <ActivityIndicator color={"white"} size={"large"} />
-        ) : (
-          <>
-            <SvgXml
-              height={60}
-              width={60}
-              // opacity={0.2}
-              xml={`<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 512.784 512.784" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M256.49 512.611c-39.223 0-76.087-8.051-109.57-23.929-9.98-4.733-14.234-16.66-9.501-26.641s16.661-14.234 26.641-9.501c182.603 84.249 373.961-104.925 287.358-288.361-10.496-24.22 23.859-40.738 36.143-17.138 81.565 167.692-45.06 367.114-231.071 365.57zM52.124 376.652c9.964-4.768 14.175-16.71 9.407-26.674C-25.292 167.823 166.08-25.438 348.923 61.684c9.98 4.732 21.906.477 26.638-9.503s.479-21.908-9.501-26.641C147.806-76.935-76.809 149.894 25.452 367.246c4.782 10.061 16.93 14.133 26.672 9.406zM34.632 506.753l472-472c7.811-7.811 7.811-20.474 0-28.284s-20.474-7.811-28.284 0l-472 472c-7.811 7.811-7.811 20.474 0 28.284 7.811 7.811 20.474 7.811 28.284 0z" fill="#FFF" opacity="1" data-original="#FFF" class=""></path></g></svg>
-`}
-            />
-            <Text
-              style={tw`text-white font-InterRegular text-base text-center`}
-            >
-              {title ? title : "Data not exists"}
-            </Text>
-          </>
-        )}
-      </View>
-      {reload && (
-        <TouchableOpacity
-          onPress={reload}
-          style={tw`absolute bottom-0 right-0 left-0`}
-        >
-          <Text
-            style={tw`text-primary font-InterRegular text-base text-center`}
-          >
-            Reload
-          </Text>
-        </TouchableOpacity>
-      )}
-    </View>
-  );
-};
-
-export default EmptyCard;

package/template/src/lib/Error/GlobalErrorBoundary.tsx

@@ -1,111 +0,0 @@
-import { Text, TouchableOpacity, View } from "react-native";
-
-import React from "react";
-import tw from "../tailwind";
-
-export default class GlobalErrorBoundary extends React.Component {
-  constructor(props = {}) {
-    super(props);
-    this.state = { hasError: false, error: null } as any;
-  }
-
-  static getDerivedStateFromError(error = null) {
-    return { hasError: true, error };
-  }
-
-  componentDidCatch(error, info) {
-    console.log("GLOBAL ERROR:", error, info);
-  }
-
-  resetError = () => {
-    this.setState({ hasError: false, error: null });
-  };
-
-  render() {
-    if (this.state.hasError) {
-      return (
-        <View
-          style={{
-            flex: 1,
-            justifyContent: "center",
-            alignItems: "center",
-            padding: 24,
-            backgroundColor: tw.color("base"),
-          }}
-        >
-          {/* Error Illustration */}
-          <View
-            style={{
-              width: 120,
-              height: 120,
-              borderRadius: 60,
-              backgroundColor: "#FFE5E0",
-              justifyContent: "center",
-              alignItems: "center",
-              marginBottom: 25,
-            }}
-          >
-            <Text style={{ fontSize: 55 }}>⚠️</Text>
-          </View>
-
-          {/* Title */}
-          <Text
-            style={{
-              fontSize: 22,
-              fontWeight: "700",
-              color: "#333",
-              textAlign: "center",
-              marginBottom: 10,
-            }}
-          >
-            Something went wrong
-          </Text>
-
-          {/* Subtitle */}
-          <Text
-            style={{
-              fontSize: 15,
-              color: "#666",
-              textAlign: "center",
-              marginBottom: 30,
-              lineHeight: 20,
-              width: "85%",
-            }}
-          >
-            An unexpected error occurred. Please try again or restart the app.
-          </Text>
-
-          {/* Button */}
-          <TouchableOpacity
-            onPress={this.resetError}
-            style={{
-              backgroundColor: "#ED6237",
-              paddingVertical: 12,
-              paddingHorizontal: 28,
-              borderRadius: 10,
-              shadowColor: "#000",
-              shadowOpacity: 0.1,
-              shadowRadius: 4,
-            }}
-          >
-            <Text
-              style={{
-                color: "#fff",
-                fontSize: 16,
-                fontWeight: "600",
-              }}
-            >
-              Try Again
-            </Text>
-          </TouchableOpacity>
-        </View>
-      );
-    }
-
-    return this.props.children;
-  }
-}
-
-export const GlobalErrorBoundaryProvider = ({ children }: any) => {
-  return <GlobalErrorBoundary>{children}</GlobalErrorBoundary>;
-};

package/template/src/lib/animate/AniImage.tsx

@@ -1,32 +0,0 @@
-import { ActivityIndicator } from "react-native";
-import { AnimatedImage } from "react-native-ui-lib";
-import { AnimatedImageProps } from "react-native-ui-lib/src/components/animatedImage";
-import React from "react";
-import tw from "../tailwind";
-
-interface IAniImage extends AnimatedImageProps {
-  source: { uri: string };
-  containerStyle?: any;
-  imageStyle?: any;
-}
-
-const AniImage = ({
-  source,
-  containerStyle,
-  imageStyle,
-  ...props
-}: IAniImage) => {
-  return (
-    <AnimatedImage
-      containerStyle={[tw`  items-center rounded-md`, containerStyle]}
-      errorSource={source}
-      animationDuration={500}
-      style={[tw` rounded-md`, imageStyle]}
-      loader={<ActivityIndicator color="white" size={"small"} />}
-      source={source}
-      {...props}
-    />
-  );
-};
-
-export default AniImage;

package/template/src/lib/backHeader/BackButton.tsx

@@ -1,62 +0,0 @@
-import { Text, TouchableOpacity, View } from "react-native";
-
-import React from "react";
-import { SvgXml } from "react-native-svg";
-import tw from "../tailwind";
-
-interface BackButtonProps {
-  onPress?: () => void;
-  titleStyle?: any;
-  title?: any;
-  containerStyle?: any;
-  buttonStyle?: any;
-}
-
-const BackButton = ({
-  onPress,
-  containerStyle,
-  titleStyle,
-  title,
-  buttonStyle,
-}: BackButtonProps) => {
-  return (
-    <TouchableOpacity
-      activeOpacity={0.5}
-      onPress={onPress}
-      style={[
-        tw` flex-row px-4 pt-4 pb-3  items-center gap-2 `,
-        containerStyle,
-      ]}
-    >
-      <TouchableOpacity
-        onPress={onPress}
-        style={tw`flex-row items-center gap-3 `}
-      >
-        <View
-          style={[
-            tw`bg-[#3D3D3D] w-12 h-12 justify-center items-center rounded-full `,
-            buttonStyle,
-          ]}
-        >
-          <SvgXml
-            xml={`<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.477124 9.99984L9.69575 18L12 16.0003L3.9335 9L12 1.99969L9.69575 0L0.477124 8.00016C0.171621 8.26536 0 8.625 0 9C0 9.375 0.171621 9.73464 0.477124 9.99984Z" fill="white"/>
-</svg>
-
-
-
-`}
-          />
-        </View>
-        <Text
-          numberOfLines={1}
-          style={[tw`text-white  font-InterSemiBold text-base`, titleStyle]}
-        >
-          {title ? title : null}
-        </Text>
-      </TouchableOpacity>
-    </TouchableOpacity>
-  );
-};
-
-export default BackButton;

package/template/src/lib/backHeader/BackWithCoponent.tsx

@@ -1,112 +0,0 @@
-import { Platform, Text, TouchableOpacity, View } from "react-native";
-
-import React from "react";
-import { SvgXml } from "react-native-svg";
-import tw from "../tailwind";
-
-interface BackButtonProps {
-  onPress?: () => void;
-  titleStyle?: any;
-  title?: any;
-  containerStyle?: any;
-  ComponentBtn?: React.ReactNode;
-  offBack?: boolean;
-  togather?: boolean;
-}
-
-const BackWithComponent = ({
-  onPress,
-  containerStyle,
-  titleStyle,
-  ComponentBtn,
-  title,
-  offBack,
-  togather,
-}: BackButtonProps) => {
-  return (
-    <View
-      style={[
-        tw`flex-row items-center justify-between gap-2 `,
-        containerStyle,
-        {
-          paddingTop: Platform.OS === "android" ? 5 : 0,
-          // paddingBottom: 5,
-        },
-      ]}
-    >
-      {!togather ? (
-        <>
-          {!offBack ? (
-            <TouchableOpacity
-              onPress={onPress}
-              style={tw`flex-row items-center gap-3 `}
-            >
-              <View
-                style={tw`bg-[#3D3D3D] w-12 h-12 justify-center items-center rounded-full`}
-              >
-                <SvgXml
-                  xml={`<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.477124 9.99984L9.69575 18L12 16.0003L3.9335 9L12 1.99969L9.69575 0L0.477124 8.00016C0.171621 8.26536 0 8.625 0 9C0 9.375 0.171621 9.73464 0.477124 9.99984Z" fill="white"/>
-</svg>
-
-
-
-`}
-                />
-              </View>
-            </TouchableOpacity>
-          ) : (
-            title && <View style={tw`w-10 h-10`} />
-          )}
-          <Text
-            numberOfLines={1}
-            style={[tw`text-white font-InterBold text-base`, titleStyle]}
-          >
-            {title}
-          </Text>
-        </>
-      ) : (
-        <>
-          {!offBack ? (
-            <TouchableOpacity
-              activeOpacity={0.5}
-              onPress={onPress}
-              style={[tw` flex-row pl-4 items-center gap-2 `, containerStyle]}
-            >
-              <TouchableOpacity
-                onPress={onPress}
-                style={tw`flex-row items-center gap-3 `}
-              >
-                <View
-                  style={tw`bg-[#3D3D3D] w-12 h-12 justify-center items-center rounded-full`}
-                >
-                  <SvgXml
-                    xml={`<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.477124 9.99984L9.69575 18L12 16.0003L3.9335 9L12 1.99969L9.69575 0L0.477124 8.00016C0.171621 8.26536 0 8.625 0 9C0 9.375 0.171621 9.73464 0.477124 9.99984Z" fill="white"/>
-</svg>
-
-
-
-`}
-                  />
-                </View>
-                <Text
-                  numberOfLines={1}
-                  style={[tw`text-white  font-InterBold text-base`, titleStyle]}
-                >
-                  {title ? title : null}
-                </Text>
-              </TouchableOpacity>
-            </TouchableOpacity>
-          ) : (
-            <View style={tw`w-10 h-10`} />
-          )}
-        </>
-      )}
-
-      {ComponentBtn ? ComponentBtn : null}
-    </View>
-  );
-};
-
-export default BackWithComponent;

package/template/src/lib/backHeader/BackWithHeader.tsx

@@ -1,46 +0,0 @@
-import { Platform, Text, TouchableOpacity, View } from "react-native";
-
-import { IconRightArrayGray } from "../../icons/icons";
-import { NavigProps } from "../../interfaces/NaviProps";
-import React from "react";
-import { SvgXml } from "react-native-svg";
-import tw from "../tailwind";
-
-interface IBackWithHeader extends NavigProps<null> {
-  svgIcon?: any;
-  title?: string;
-  titleStyle?: any;
-  containerStyle?: any;
-  offBack?: boolean;
-}
-const BackWithHeader = ({
-  navigation,
-  svgIcon,
-  title,
-  titleStyle,
-  containerStyle,
-  offBack,
-}: IBackWithHeader) => {
-  return (
-    <View
-      style={[
-        tw`px-[4%] ${
-          Platform.OS === "android" ? "pt-5" : "pt-0"
-        }  pb-4 flex-row gap-3 items-center`,
-        containerStyle,
-      ]}
-    >
-      {!offBack && (
-        <TouchableOpacity onPress={() => navigation?.goBack()}>
-          <SvgXml xml={svgIcon || IconRightArrayGray} />
-        </TouchableOpacity>
-      )}
-
-      <Text style={[tw`text-base text-white200 font-RobotoBlack `, titleStyle]}>
-        {title}
-      </Text>
-    </View>
-  );
-};
-
-export default React.memo(BackWithHeader);

package/template/src/lib/backHeader/BackWithTitle.tsx

@@ -1,53 +0,0 @@
-import { Text, TouchableOpacity, View } from "react-native";
-
-import React from "react";
-import { SvgXml } from "react-native-svg";
-import tw from "../tailwind";
-
-interface BackWithTitleProps {
-  onPress?: () => void;
-  title: string;
-  titleStyle?: any;
-  containerStyle?: any;
-  backOff?: boolean;
-}
-
-const BackWithTitle = ({
-  onPress,
-  title,
-  containerStyle,
-  titleStyle,
-  backOff,
-}: BackWithTitleProps) => {
-  return (
-    <TouchableOpacity
-      activeOpacity={0.5}
-      onPress={onPress}
-      style={[tw`flex-row items-center gap-3 p-[4%]`, containerStyle]}
-    >
-      <View
-        style={tw`bg-[#3D3D3D] w-12 h-12 justify-center items-center rounded-full`}
-      >
-        <SvgXml
-          xml={`<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.477124 9.99984L9.69575 18L12 16.0003L3.9335 9L12 1.99969L9.69575 0L0.477124 8.00016C0.171621 8.26536 0 8.625 0 9C0 9.375 0.171621 9.73464 0.477124 9.99984Z" fill="white"/>
-</svg>
-
-
-
-`}
-        />
-      </View>
-      <Text
-        style={[
-          tw`text-white50 font-DegularDisplaySemibold text-xl `,
-          titleStyle,
-        ]}
-      >
-        {title}
-      </Text>
-    </TouchableOpacity>
-  );
-};
-
-export default React.memo(BackWithTitle);