martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-23 01:55:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

consolodating asset download functionality

Browse Source
This commit is contained in:
balzack 2025-01-17 23:07:18 -08:00
parent 3b05cc1aa8
commit 33d822397b
8 changed files with 38 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/client/mobile/src/download.ts Normal file
View File

@ -0,0 +1,25 @@
import { Platform, Share } from 'react-native';
import fileType from 'react-native-file-type'
import RNFS from 'react-native-fs';
import RNFetchBlob from 'rn-fetch-blob';
export async function Download(uri: string, name: string, extension?: string) {
const options = { fileCache: true, filename: name };
const download = await RNFetchBlob.config(options).fetch("GET", uri);
const downloadPath = download.path();
const type = extension ? extension : (await fileType(downloadPath))?.ext;
console.log(type, extension);
const dir = Platform.OS === 'ios' ? RNFS.DocumentDirectoryPath : RNFS.DownloadDirectoryPath;
const sharePath = `${dir}/${name}.${type}`;
if (await RNFS.exists(sharePath)) {
await RNFS.unlink(sharePath);
}
await RNFS.moveFile(downloadPath, sharePath);
await Share.share({ url: sharePath });
await RNFS.unlink(sharePath);
}

3
app/client/mobile/src/message/audioAsset/useAudioAsset.hook.ts
View File

@ -4,6 +4,7 @@ import { DisplayContext } from '../../context/DisplayContext'
import { Focus } from 'databag-client-sdk'
import { ContextType } from '../../context/ContextType'
import { MediaAsset } from '../../conversation/Conversation';
import { Download } from '../../download';
export function useAudioAsset(topicId: string, asset: MediaAsset) {
const app = useContext(AppContext) as ContextType
@ -33,7 +34,7 @@ export function useAudioAsset(topicId: string, asset: MediaAsset) {
download: async () => {
try {
updateState({ failed: false });
await Share.share({ url: state.dataUrl });
await Download(state.dataUrl, topicId);
} catch (err) {
console.log(err);
updateState({ faled: true });

6
app/client/mobile/src/message/binaryAsset/BinaryAsset.tsx
View File

@ -7,7 +7,6 @@ import { styles } from './BinaryAsset.styled'
import {BlurView} from '@react-native-community/blur';
import Video from 'react-native-video'
import thumb from '../../images/binary.png';
import RNFetchBlob from 'rn-fetch-blob';
export function BinaryAsset({ topicId, asset, loaded, show }: { topicId: string, asset: MediaAsset, loaded: ()=>void, show: boolean }) {
const { state, actions } = useBinaryAsset(topicId, asset);
@ -28,10 +27,7 @@ export function BinaryAsset({ topicId, asset, loaded, show }: { topicId: string,
const share = async () => {
try {
setAlert('');
const extension = asset.binary?.extension || asset.encrypted?.extension;
const options = { fileCache: true, appendExt: extension.toLowerCase() };
const download = await RNFetchBlob.config(options).fetch("GET", state.dataUrl);
await Share.share({ url: download.path() });
await actions.download();
} catch (err) {
console.log(err);
setAlert(state.strings.operationFailed)

5
app/client/mobile/src/message/binaryAsset/useBinaryAsset.hook.ts
View File

@ -4,6 +4,7 @@ import { DisplayContext } from '../../context/DisplayContext';
import { Focus } from 'databag-client-sdk'
import { ContextType } from '../../context/ContextType'
import { MediaAsset } from '../../conversation/Conversation';
import { Download } from '../../download';
export function useBinaryAsset(topicId: string, asset: MediaAsset) {
const app = useContext(AppContext) as ContextType
@ -30,7 +31,9 @@ export function useBinaryAsset(topicId: string, asset: MediaAsset) {
download: async () => {
try {
updateState({ failed: false });
await Share.share({ url: state.dataUrl });
const extension = asset.binary?.extension || asset.encrypted?.extension;
const name = asset.binary?.label || asset.encrypted?.label;
await Download(state.dataUrl, name, extension);
} catch (err) {
console.log(err);
updateState({ faled: true });

1
app/client/mobile/src/message/imageAsset/ImageAsset.styled.ts
View File

@ -40,7 +40,6 @@ export const styles = StyleSheet.create({
flexGrow: 1,
},
closeIcon: {
backgroundColor: 'transparent',
},
progress: {
position: 'absolute',

2
app/client/mobile/src/message/imageAsset/ImageAsset.tsx
View File

@ -1,5 +1,5 @@
import React, { useState, useEffect, useRef } from 'react';
import { SafeAreaView, Share, Modal, Pressable, Animated, View, Image, useAnimatedValue } from 'react-native'
import { SafeAreaView, Modal, Pressable, Animated, View, Image, useAnimatedValue } from 'react-native'
import { Text, ProgressBar, IconButton } from 'react-native-paper'
import { useImageAsset } from './useImageAsset.hook';
import { MediaAsset } from '../../conversation/Conversation';

4
app/client/mobile/src/message/imageAsset/useImageAsset.hook.ts
View File

@ -1,9 +1,11 @@
import { useState, useContext, useEffect, useRef } from 'react'
import { Share } from 'react-native'
import { AppContext } from '../../context/AppContext'
import { DisplayContext } from '../../context/DisplayContext'
import { Focus } from 'databag-client-sdk'
import { ContextType } from '../../context/ContextType'
import { MediaAsset } from '../../conversation/Conversation';
import { Download } from '../../download';
export function useImageAsset(topicId: string, asset: MediaAsset) {
const app = useContext(AppContext) as ContextType
@ -62,7 +64,7 @@ export function useImageAsset(topicId: string, asset: MediaAsset) {
download: async () => {
try {
updateState({ failed: false });
await Share.share({ url: state.dataUrl });
await Download(state.dataUrl, topicId);
} catch (err) {
console.log(err);
updateState({ faled: true });

3
app/client/mobile/src/message/videoAsset/useVideoAsset.hook.ts
View File

@ -4,6 +4,7 @@ import { DisplayContext } from '../../context/DisplayContext';
import { Focus } from 'databag-client-sdk'
import { ContextType } from '../../context/ContextType'
import { MediaAsset } from '../../conversation/Conversation';
import { Download } from '../../download';
export function useVideoAsset(topicId: string, asset: MediaAsset) {
const app = useContext(AppContext) as ContextType
@ -56,7 +57,7 @@ export function useVideoAsset(topicId: string, asset: MediaAsset) {
download: async () => {
try {
updateState({ failed: false });
await Share.share({ url: state.dataUrl });
await Download(state.dataUrl, topicId);
} catch (err) {
console.log(err);
updateState({ faled: true });