react-native-my-uploader-android 1.0.21 → 1.0.22

package/package.json

@@ -1,161 +1,161 @@
-{
-  "name": "react-native-my-uploader-android",
-  "version": "1.0.21",
-  "description": "file uploader",
-  "main": "./lib/module/index.js",
-  "types": "./src/index.d.ts",
-  "exports": {
-    ".": {
-      "source": "./src/index.tsx",
-      "types": "./src/index.d.ts",
-      "default": "./lib/module/index.js"
-    }
-  },
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "react-native.config.js",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
-  ],
-  "scripts": {
-    "example": "yarn workspace react-native-my-uploader-example",
-    "test": "jest",
-    "typecheck": "tsc",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "release": "release-it --only-version"
-  },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://www.npmjs.com/~yrncskn.git"
-  },
-  "author": "Yaren Coskun <yarencoskunceng@gmail.com> (https://www.npmjs.com/~yrncskn)",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://www.npmjs.com/~yrncskn/issues"
-  },
-  "homepage": "https://www.npmjs.com/~yrncskn#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^19.8.1",
-    "@eslint/compat": "^1.3.2",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.35.0",
-    "@evilmartians/lefthook": "^1.12.3",
-    "@react-native-community/bob": "^0.17.1",
-    "@react-native-community/cli": "20.0.1",
-    "@react-native/babel-preset": "0.81.1",
-    "@react-native/eslint-config": "^0.81.1",
-    "@release-it/conventional-changelog": "^10.0.1",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^19.1.0",
-    "@typescript-eslint/eslint-plugin": "^8.46.4",
-    "@typescript-eslint/parser": "^8.46.4",
-    "commitlint": "^19.8.1",
-    "del-cli": "^6.0.0",
-    "eslint": "^9.35.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-ft-flow": "^3.0.11",
-    "eslint-plugin-jest": "^29.0.1",
-    "eslint-plugin-prettier": "^5.5.4",
-    "eslint-plugin-react-native": "^5.0.0",
-    "jest": "^29.7.0",
-    "prettier": "^3.6.2",
-    "react": "19.1.0",
-    "react-native": "0.81.1",
-    "react-native-builder-bob": "^0.40.14",
-    "release-it": "^19.0.4",
-    "turbo": "^2.5.6",
-    "typescript": "^5.9.2"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "workspaces": [
-    "example"
-  ],
-  "packageManager": "yarn@3.6.1",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "github": {
-      "release": true
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": {
-          "name": "angular"
-        }
-      }
-    }
-  },
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      [
-        "module",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
-        }
-      ]
-    ]
-  },
-  "create-react-native-library": {
-    "languages": "kotlin-objc",
-    "type": "turbo-module",
-    "version": "0.54.8"
-  }
-}
+{
+  "name": "react-native-my-uploader-android",
+  "version": "1.0.22",
+  "description": "file uploader",
+  "main": "./lib/module/index.js",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./src/index.d.ts",
+      "default": "./lib/module/index.js"
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-my-uploader-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://www.npmjs.com/~yrncskn.git"
+  },
+  "author": "Yaren Coskun <yarencoskunceng@gmail.com> (https://www.npmjs.com/~yrncskn)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://www.npmjs.com/~yrncskn/issues"
+  },
+  "homepage": "https://www.npmjs.com/~yrncskn#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.8.1",
+    "@eslint/compat": "^1.3.2",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.35.0",
+    "@evilmartians/lefthook": "^1.12.3",
+    "@react-native-community/bob": "^0.17.1",
+    "@react-native-community/cli": "20.0.1",
+    "@react-native/babel-preset": "0.81.1",
+    "@react-native/eslint-config": "^0.81.1",
+    "@release-it/conventional-changelog": "^10.0.1",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^19.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@typescript-eslint/parser": "^8.46.4",
+    "commitlint": "^19.8.1",
+    "del-cli": "^6.0.0",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-ft-flow": "^3.0.11",
+    "eslint-plugin-jest": "^29.0.1",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react-native": "^5.0.0",
+    "jest": "^29.7.0",
+    "prettier": "^3.6.2",
+    "react": "19.1.0",
+    "react-native": "0.81.1",
+    "react-native-builder-bob": "^0.40.14",
+    "release-it": "^19.0.4",
+    "turbo": "^2.5.6",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "turbo-module",
+    "version": "0.54.8"
+  }
+}

package/src/NativeMyUploader.ts

@@ -1,27 +1,25 @@
-import { NativeModules } from 'react-native';
-import type { FileInfo, DocumentPickerOptions } from './types';
-
-
-// Native modülün tip tanımı
-interface MyUploaderType {
-  openDocument(options: DocumentPickerOptions): Promise<FileInfo[]>;
-}
-
-const LINKING_ERROR =
-  `The package 'react--native-my-uploader' doesn't seem to be linked. Make sure: \n\n` +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo Go\n';
-  
-
-const DocumentPicker = NativeModules.DocumentPicker
-  ? (NativeModules.DocumentPicker as MyUploaderType)
-  : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
-
+import { NativeModules } from 'react-native';
+import type { FileInfo, DocumentPickerOptions } from './types';
+
+interface MyUploaderType {
+  openDocument(options: DocumentPickerOptions): Promise<FileInfo[]>;
+}
+
+const LINKING_ERROR =
+  `The package 'react--native-my-uploader' doesn't seem to be linked. Make sure: \n\n` +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+  
+
+const DocumentPicker = NativeModules.DocumentPicker
+  ? (NativeModules.DocumentPicker as MyUploaderType)
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    );
+
 export default DocumentPicker;

package/src/index.d.ts

@@ -1,60 +1,8 @@
-// Dosya: index.d.ts
-
-// ADIM 1: Tipleri DIŞA AKTARARAK (export) doğrudan burada tanımla.
-// (Artık 'import' kullanmıyoruz)
-
-/**
- * Native modülden dönen tek bir dosyanın yapısını tanımlar.
- * Bu tip, paket kullanıcıları tarafından import edilebilir.
- */
-export interface FileInfo {
-  fileName: string;
-  fileSize: number; // in bytes
-  fileType: string | null;
-  fileUri: string;
-  base64: string;
-}
-
-/**
- * `pickFile` fonksiyonuna gönderilebilecek tüm opsiyonları tanımlar.
- * Bu tip, paket kullanıcıları tarafından import edilebilir.
- */
-export interface DocumentPickerOptions {
-  /**
-   * Birden fazla dosya seçimine izin ver.
-   * @default false
-   */
-  multipleFiles?: boolean;
-
-  /**
-   * Filtrelenecek dosya tipleri (MIME types).
-   * @default ['* / *']
-   */
-  fileTypes?: string[];
-
-  /**
-   * MB cinsinden maksimum dosya boyutu.
-   * @default 0 (limitsiz)
-   */
-  maxSize?: number;
-
-  /**
-   * Seçilebilecek maksimum dosya sayısı. `multipleFiles: true` olmalıdır.
-   * Belirtilmezse ve `multipleFiles: true` ise varsayılan olarak 3'tür.
-   */
-  maxFiles?: number;
-
-  /**
-   * Zaten seçilmiş olduğu için tekrar seçilmesi engellenecek dosyaların URI listesi.
-   */
-  excludedUris?: string[];
-}
-
-// ADIM 2: Fonksiyonu da DIŞA AKTARARAK (export) tanımla.
-
-/**
- * Dosya seçiciyi açar ve seçilen dosyaların bilgilerini döndürür.
- * @param options Dosya seçici için yapılandırma ayarları.
- * @returns Seçilen dosya bilgilerini içeren bir Promise<FileInfo[]> döner.
- */
+import * as React from 'react';
+import type {FileInfo,DocumentPickerOptions, MyUploaderProps} from './types';
+
+declare const MyUploader: React.FC<MyUploaderProps>;
+export default MyUploader;
+
+// Fonksiyonu hala export etmek isterseniz
 export function pickFile(options?: DocumentPickerOptions): Promise<FileInfo[]>;

package/src/index.tsx

@@ -1,58 +1,127 @@
-import { NativeModules } from 'react-native';
-
-// Gerekli tipleri ve arayüzleri import et
-import type { FileInfo, DocumentPickerOptions } from './types';
-
-// Native modülün düzgün bir şekilde bağlanıp bağlanmadığını kontrol eden güvenlik mekanizması
-const LINKING_ERROR = `The package 'react-native-my-uploader' doesn't seem to be linked.`;
-
-const DocumentPicker = NativeModules.DocumentPicker
-  ? NativeModules.DocumentPicker
-  : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
-
-/**
- * Dosya seçiciyi açar ve seçilen dosyaların bilgilerini döndürür.
- * @param options Dosya seçici için yapılandırma ayarları.
- * @returns Seçilen dosya bilgilerini içeren bir Promise<FileInfo[]> döner.
- */
-export async function pickFile(
-  options: DocumentPickerOptions = {}
-): Promise<FileInfo[]> {
-  // Gelen opsiyonları varsayılan değerlerle birleştir
-  const { multipleFiles = false, maxFiles = 0, ...rest } = options;
-
-  if (!multipleFiles && maxFiles > 1) {
-    throw new Error(
-      '`maxFiles` cannot be greater than 1 when `multipleFiles` is false.'
-    );
-  }
-
-  // KURAL: `multipleFiles: true` iken `maxFiles` belirtilmemişse, varsayılan olarak 3 ata.
-  let effectiveMaxFiles = maxFiles;
-  if (multipleFiles && maxFiles === 0) {
-    effectiveMaxFiles = 3;
-  }
-
-  // Native koda gönderilecek nihai, temizlenmiş ve varsayılanları atanmış opsiyonları oluştur.
-  const finalOptions: DocumentPickerOptions = {
-    ...rest,
-    multipleFiles,
-    maxFiles: effectiveMaxFiles,
-    // Diğer opsiyonlar için de null/undefined kontrolü yap
-    excludedUris: options.excludedUris ?? [],
-    fileTypes: options.fileTypes ?? ['*/*'],
-    maxSize: options.maxSize ?? 0,
-  };
-
-  // Nihai opsiyonlarla native modülü çağır
-  return DocumentPicker.openDocument(finalOptions);
-}
-
-export type { FileInfo, DocumentPickerOptions };
+import React from 'react';
+import {NativeModules,TouchableOpacity,Text,StyleSheet} from 'react-native';
+import type {FileInfo,DocumentPickerOptions, MyUploaderProps} from './types';
+
+const LINKING_ERROR = `The package 'react-native-my-uploader' doesn't seem to be linked.`;
+
+const DocumentPicker = NativeModules.DocumentPicker
+  ? NativeModules.DocumentPicker
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    );
+
+// Mevcut pickFile fonksiyonunu dahili (internal) olarak kullanmak üzere saklayalım.
+// İsterseniz bunu dışa aktarmaya devam edebilirsiniz.
+async function pickFile(
+  options: DocumentPickerOptions = {}
+): Promise<FileInfo[]> {
+  const { multipleFiles = false, maxFiles = 0, ...rest } = options;
+
+  if (!multipleFiles && maxFiles > 1) {
+    throw new Error(
+      '`maxFiles` cannot be greater than 1 when `multipleFiles` is false.'
+    );
+  }
+  let effectiveMaxFiles = maxFiles;
+  if (multipleFiles && maxFiles === 0) {
+    effectiveMaxFiles = 3;
+  }
+  const finalOptions: DocumentPickerOptions = {
+    ...rest,
+    multipleFiles,
+    maxFiles: effectiveMaxFiles,
+    excludedUris: options.excludedUris ?? [],
+    fileTypes: options.fileTypes ?? ['*/*'],
+    maxSize: options.maxSize ?? 0,
+  };
+  return DocumentPicker.openDocument(finalOptions);
+}
+
+// YENİ: MyUploader Component'i
+const MyUploader: React.FC<MyUploaderProps> = ({
+  // DocumentPickerOptions
+  multipleFiles = false,
+  maxFiles = 0,
+  fileTypes = ['*/*'],
+  maxSize = 0,
+  excludedUris = [],
+  // UI Props with defaults
+  buttonPlaceHolder = 'Dosya Seçin...',
+  ButtonStyle,
+  ButtonTextStyle,
+  disabled = false,
+  // Callbacks
+  onSelect,
+  onError = (error) => console.error('MyUploader Error:', error),
+}) => {
+  const handlePress = async () => {
+    try {
+      const options: DocumentPickerOptions = {
+        multipleFiles,
+        maxFiles,
+        fileTypes,
+        maxSize,
+        excludedUris,
+      };
+      const selectedFiles = await pickFile(options);
+      
+      // Eğer kullanıcı seçim yapmadan kapatırsa bazı sistemler boş array dönebilir.
+      // Sadece doluysa callback'i tetikleyelim.
+      if (selectedFiles && selectedFiles.length > 0) {
+        onSelect(selectedFiles);
+      }
+
+    } catch (error: any) {
+      // Kullanıcının seçimi iptal etmesi bir "hata" sayılmamalı,
+      // bu yüzden sadece konsola yazdırıp onError'ı tetiklemeyebiliriz.
+      // Native kodunuz "E_PICKER_CANCELLED" koduyla reject ediyor.
+      if (error.code !== 'E_PICKER_CANCELLED') {
+        onError(error);
+      }
+    }
+  };
+
+  return (
+    <TouchableOpacity
+      style={[styles.button, ButtonStyle, disabled && styles.disabledButton]}
+      onPress={handlePress}
+      disabled={disabled}
+    >
+      <Text style={[styles.buttonText, ButtonTextStyle]}>
+        {buttonPlaceHolder}
+      </Text>
+    </TouchableOpacity>
+  );
+};
+
+// Varsayılan stiller
+const styles = StyleSheet.create({
+  button: {
+    backgroundColor: '#007AFF',
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    borderRadius: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  buttonText: {
+    color: '#FFFFFF',
+    fontSize: 16,
+    fontWeight: 'bold',
+  },
+  disabledButton: {
+    backgroundColor: '#A9A9A9',
+  },
+});
+
+// İhtiyaca göre pickFile'ı da export edebilirsiniz.
+export { pickFile };
+export type { FileInfo, DocumentPickerOptions, MyUploaderProps };
+
+// Component'i varsayılan olarak export ediyoruz.
+export default MyUploader;