getTurboModule(
27 | const std::string &name,
28 | const JavaTurboModule::InitParams ¶ms) override;
29 |
30 | /**
31 | * Test-only method. Allows user to verify whether a TurboModule can be
32 | * created by instances of this class.
33 | */
34 | bool canCreateTurboModule(const std::string &name);
35 | };
36 |
37 | } // namespace react
38 | } // namespace facebook
39 |
--------------------------------------------------------------------------------
/src/lib/files/constant.js:
--------------------------------------------------------------------------------
1 | import FS from 'react-native-fs';
2 |
3 | export const imageExtensions = ['gif', 'heic', 'jpg', 'jpeg', 'png', 'psd', 'webp'];
4 | export const videoExtensions = [
5 | '3gp',
6 | 'avi',
7 | 'flv',
8 | 'm4v',
9 | 'mkv',
10 | 'mov',
11 | 'mp4',
12 | 'mpeg',
13 | 'mpg',
14 | 'ogv',
15 | 'webm',
16 | ];
17 | const audioExtensions = ['mp3', 'wav', 'ogg', 'm4a', 'aac', 'flac', 'midi'];
18 | export const viewableFileExtensions = [
19 | ...imageExtensions,
20 | ...videoExtensions,
21 | ...audioExtensions,
22 | 'css',
23 | 'csv',
24 | 'html',
25 | 'json',
26 | 'pdf',
27 | 'txt',
28 | ];
29 |
30 | export const androidDownloadFolder = FS.DownloadDirectoryPath;
31 | export const documentPath = FS.DocumentDirectoryPath;
32 | export const precloudFolder = `${documentPath}/PRECLOUD`;
33 | export const notesFolderName = 'notes';
34 | export const filesFolderName = 'files';
35 | export const notesFolder = `${precloudFolder}/${notesFolderName}`;
36 | export const filesFolder = `${precloudFolder}/${filesFolderName}`;
37 | export const legacyNotesFolder = `${documentPath}/${notesFolderName}`;
38 | export const legacyFilesFolder = `${documentPath}/${filesFolderName}`;
39 |
40 | export const largeFileExtension = 'precloudlarge';
41 | export const precloudExtension = 'precloud';
42 | export const noteExtension = 'precloudnote';
43 |
--------------------------------------------------------------------------------
/android/app/src/main/java/com/precloud/newarchitecture/components/MainComponentsRegistry.java:
--------------------------------------------------------------------------------
1 | package com.precloud.newarchitecture.components;
2 |
3 | import com.facebook.jni.HybridData;
4 | import com.facebook.proguard.annotations.DoNotStrip;
5 | import com.facebook.react.fabric.ComponentFactory;
6 | import com.facebook.soloader.SoLoader;
7 |
8 | /**
9 | * Class responsible to load the custom Fabric Components. This class has native methods and needs a
10 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/
11 | * folder for you).
12 | *
13 | * Please note that this class is used ONLY if you opt-in for the New Architecture (see the
14 | * `newArchEnabled` property). Is ignored otherwise.
15 | */
16 | @DoNotStrip
17 | public class MainComponentsRegistry {
18 | static {
19 | SoLoader.loadLibrary("fabricjni");
20 | }
21 |
22 | @DoNotStrip private final HybridData mHybridData;
23 |
24 | @DoNotStrip
25 | private native HybridData initHybrid(ComponentFactory componentFactory);
26 |
27 | @DoNotStrip
28 | private MainComponentsRegistry(ComponentFactory componentFactory) {
29 | mHybridData = initHybrid(componentFactory);
30 | }
31 |
32 | @DoNotStrip
33 | public static MainComponentsRegistry register(ComponentFactory componentFactory) {
34 | return new MainComponentsRegistry(componentFactory);
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/ios/Podfile:
--------------------------------------------------------------------------------
1 | require_relative '../node_modules/react-native/scripts/react_native_pods'
2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
3 |
4 | platform :ios, '12.4'
5 | install! 'cocoapods', :deterministic_uuids => false
6 |
7 | target 'PreCloud' do
8 | config = use_native_modules!
9 |
10 | # Flags change depending on the env values.
11 | flags = get_default_flags()
12 |
13 | use_react_native!(
14 | :path => config[:reactNativePath],
15 | # Hermes is now enabled by default. Disable by setting this flag to false.
16 | # Upcoming versions of React Native may rely on get_default_flags(), but
17 | # we make it explicit here to aid in the React Native upgrade process.
18 | :hermes_enabled => true,
19 | :fabric_enabled => flags[:fabric_enabled],
20 | # An absolute path to your application root.
21 | :app_path => "#{Pod::Config.instance.installation_root}/.."
22 | )
23 |
24 | target 'PreCloudTests' do
25 | inherit! :complete
26 | # Pods for testing
27 | end
28 |
29 | post_install do |installer|
30 | react_native_post_install(
31 | installer,
32 | # Set `mac_catalyst_enabled` to `true` in order to apply patches
33 | # necessary for Mac Catalyst builds
34 | :mac_catalyst_enabled => false
35 | )
36 | __apply_Xcode_12_5_M1_post_install_workaround(installer)
37 | end
38 | end
39 |
40 |
--------------------------------------------------------------------------------
/src/components/RootFolders.js:
--------------------------------------------------------------------------------
1 | import { Button, VStack } from 'native-base';
2 | import React from 'react';
3 |
4 | import useColors from '../hooks/useColors';
5 | import { routeNames } from '../router/routes';
6 | import { useStore } from '../store/store';
7 | import FoldersEmptyState from './FoldersEmptyState';
8 | import FoldersList from './FoldersList';
9 | import Icon from './Icon';
10 |
11 | function RootFolders({ navigation, rootFolders }) {
12 | const colors = useColors();
13 | const password = useStore(state => state.activePassword);
14 |
15 | function handleAddFolder() {
16 | navigation.navigate(routeNames.folderForm, { folder: null });
17 | }
18 |
19 | function renderFolders() {
20 | if (!rootFolders.length) {
21 | return ;
22 | }
23 |
24 | return (
25 |
26 | }
30 | variant="solid"
31 | size="xs"
32 | >
33 | Create new folder
34 |
35 |
36 |
37 | );
38 | }
39 |
40 | return {renderFolders()};
41 | }
42 |
43 | export default RootFolders;
44 |
--------------------------------------------------------------------------------
/src/components/PasswordAlert.js:
--------------------------------------------------------------------------------
1 | import { Alert, Box, Button, Text, VStack } from 'native-base';
2 | import React from 'react';
3 |
4 | import { routeNames } from '../router/routes';
5 | import { useStore } from '../store/store';
6 |
7 | function PasswordAlert({ navigate }) {
8 | const isLoadingPasswords = useStore(state => state.isLoadingPasswords);
9 | const activePasswordLabel = useStore(state => state.activePasswordLabel);
10 |
11 | if (isLoadingPasswords) {
12 | return null;
13 | }
14 |
15 | if (!activePasswordLabel) {
16 | return (
17 |
18 |
19 |
20 | Setup your password first
21 |
22 |
23 |
24 |
25 | );
26 | }
27 |
28 | return (
29 |
30 |
31 | Active password: {activePasswordLabel} {' '}
32 | {
35 | navigate(routeNames.passwords);
36 | }}
37 | >
38 | Change
39 |
40 |
41 |
42 | );
43 | }
44 |
45 | export default PasswordAlert;
46 |
--------------------------------------------------------------------------------
/src/components/MoveToButton.js:
--------------------------------------------------------------------------------
1 | import { IconButton } from 'native-base';
2 | import React, { useState } from 'react';
3 |
4 | import useColors from '../hooks/useColors';
5 | import { moveFile } from '../lib/files/actions';
6 | import { showToast } from '../lib/toast';
7 | import FolderPicker from './FolderPicker';
8 | import Icon from './Icon';
9 |
10 | function MoveToButton({ file, folder, onMove, navigate }) {
11 | const colors = useColors();
12 |
13 | const [isPending, setIsPending] = useState(false);
14 | const [showFolderPicker, setShowFolderPicker] = useState(false);
15 |
16 | async function handlePress(newFolder) {
17 | setIsPending(true);
18 | await moveFile(file.path, `${newFolder.path}/${file.name}`);
19 | setShowFolderPicker(false);
20 | onMove();
21 | showToast('Moved!');
22 |
23 | setIsPending(false);
24 | }
25 |
26 | return (
27 | <>
28 | setShowFolderPicker(false)}
31 | onSave={handlePress}
32 | navigate={navigate}
33 | currentFolder={folder}
34 | />
35 | }
37 | size="sm"
38 | variant="subtle"
39 | mr="2"
40 | isDisabled={isPending}
41 | onPress={() => {
42 | setShowFolderPicker(true);
43 | }}
44 | />
45 |
46 | );
47 | }
48 |
49 | export default MoveToButton;
50 |
--------------------------------------------------------------------------------
/ios/PreCloud/Images.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "filename" : "logo-20@2x.png",
5 | "idiom" : "iphone",
6 | "scale" : "2x",
7 | "size" : "20x20"
8 | },
9 | {
10 | "filename" : "logo-20@3x.png",
11 | "idiom" : "iphone",
12 | "scale" : "3x",
13 | "size" : "20x20"
14 | },
15 | {
16 | "filename" : "logo-29@2x.png",
17 | "idiom" : "iphone",
18 | "scale" : "2x",
19 | "size" : "29x29"
20 | },
21 | {
22 | "filename" : "logo-29@3x.png",
23 | "idiom" : "iphone",
24 | "scale" : "3x",
25 | "size" : "29x29"
26 | },
27 | {
28 | "filename" : "logo-40@2x.png",
29 | "idiom" : "iphone",
30 | "scale" : "2x",
31 | "size" : "40x40"
32 | },
33 | {
34 | "filename" : "logo-40@3x.png",
35 | "idiom" : "iphone",
36 | "scale" : "3x",
37 | "size" : "40x40"
38 | },
39 | {
40 | "filename" : "logo-60@2x.png",
41 | "idiom" : "iphone",
42 | "scale" : "2x",
43 | "size" : "60x60"
44 | },
45 | {
46 | "filename" : "logo-60@3x.png",
47 | "idiom" : "iphone",
48 | "scale" : "3x",
49 | "size" : "60x60"
50 | },
51 | {
52 | "filename" : "logo-1024.png",
53 | "idiom" : "ios-marketing",
54 | "scale" : "1x",
55 | "size" : "1024x1024"
56 | }
57 | ],
58 | "info" : {
59 | "author" : "xcode",
60 | "version" : 1
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/src/views/RenameFileForm.js:
--------------------------------------------------------------------------------
1 | import { Button, FormControl, Input, Text } from 'native-base';
2 | import React, { useState } from 'react';
3 |
4 | import AppBar from '../components/AppBar';
5 | import ContentWrapper from '../components/ContentWrapper';
6 | import ScreenWrapper from '../components/ScreenWrapper';
7 | import { renameFile } from '../lib/files/actions';
8 | import { extractFileNameAndExtension } from '../lib/files/helpers';
9 |
10 | function RenameFileForm({
11 | navigation,
12 | route: {
13 | params: { file },
14 | },
15 | }) {
16 | const { fileName, extension } = extractFileNameAndExtension(file?.name);
17 | const [innerFileName, setInnerFileName] = useState('');
18 |
19 | async function handleSave() {
20 | await renameFile(file, innerFileName);
21 | navigation.goBack();
22 | }
23 |
24 | return (
25 |
26 |
27 |
28 |
29 |
30 | Current name:
31 | {fileName}
32 | New name:
33 | {extension}}
37 | />
38 |
39 |
40 |
41 |
42 | );
43 | }
44 |
45 | export default RenameFileForm;
46 |
--------------------------------------------------------------------------------
/android/app/_BUCK:
--------------------------------------------------------------------------------
1 | # To learn about Buck see [Docs](https://buckbuild.com/).
2 | # To run your application with Buck:
3 | # - install Buck
4 | # - `npm start` - to start the packager
5 | # - `cd android`
6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
8 | # - `buck install -r android/app` - compile, install and run application
9 | #
10 |
11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
12 |
13 | lib_deps = []
14 |
15 | create_aar_targets(glob(["libs/*.aar"]))
16 |
17 | create_jar_targets(glob(["libs/*.jar"]))
18 |
19 | android_library(
20 | name = "all-libs",
21 | exported_deps = lib_deps,
22 | )
23 |
24 | android_library(
25 | name = "app-code",
26 | srcs = glob([
27 | "src/main/java/**/*.java",
28 | ]),
29 | deps = [
30 | ":all-libs",
31 | ":build_config",
32 | ":res",
33 | ],
34 | )
35 |
36 | android_build_config(
37 | name = "build_config",
38 | package = "com.precloud",
39 | )
40 |
41 | android_resource(
42 | name = "res",
43 | package = "com.precloud",
44 | res = "src/main/res",
45 | )
46 |
47 | android_binary(
48 | name = "app",
49 | keystore = "//android/keystores:debug",
50 | manifest = "src/main/AndroidManifest.xml",
51 | package_type = "debug",
52 | deps = [
53 | ":app-code",
54 | ],
55 | )
56 |
--------------------------------------------------------------------------------
/src/components/FolderPickerItem.js:
--------------------------------------------------------------------------------
1 | import { Box, HStack, Text, VStack } from 'native-base';
2 | import React, { useEffect, useState } from 'react';
3 |
4 | import useColors from '../hooks/useColors';
5 | import { readFiles } from '../lib/files/file';
6 | import Icon from './Icon';
7 |
8 | function FolderPickerItem({ folder, selectedPath, onPress }) {
9 | const colors = useColors();
10 |
11 | const [subfolders, setSubfolders] = useState([]);
12 |
13 | useEffect(() => {
14 | readFiles(folder.path).then(result => {
15 | setSubfolders(result.folders);
16 | });
17 | }, [folder]);
18 |
19 | return (
20 |
21 |
22 | onPress(folder)}
26 | flex="1"
27 | numberOfLines={1}
28 | >
29 | {folder.name}
30 |
31 | {subfolders.length > 0 && (
32 |
33 | )}
34 |
35 | {subfolders.length > 0 && (
36 |
37 | {subfolders.map(sf => (
38 |
44 | ))}
45 |
46 | )}
47 |
48 | );
49 | }
50 |
51 | export default FolderPickerItem;
52 |
--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
1 | // react-native-fast-openpgp
2 | import 'fast-text-encoding';
3 |
4 | import { NavigationContainer } from '@react-navigation/native';
5 | import { NativeBaseProvider } from 'native-base';
6 | import React, { useEffect } from 'react';
7 | import { withIAPContext } from 'react-native-iap';
8 | import SplashScreen from 'react-native-splash-screen';
9 | import Toast from 'react-native-toast-message';
10 |
11 | import DonateBanner from './components/DonateBanner';
12 | import useInAppPurchase from './hooks/useInAppPurchase';
13 | import { migrateNotesToFolders } from './lib/files/note';
14 | import { getTheme } from './lib/style';
15 | import { navigationRef } from './router/navigationRef';
16 | import Router from './router/Router';
17 | import { useStore } from './store/store';
18 |
19 | function App() {
20 | const theme = getTheme();
21 | useInAppPurchase();
22 |
23 | const getPasswords = useStore(state => state.getPasswords);
24 | const loadRootFolders = useStore(state => state.loadRootFolders);
25 |
26 | useEffect(() => {
27 | SplashScreen.hide();
28 | getPasswords();
29 | migrateNotesToFolders().then(() => {
30 | loadRootFolders();
31 | });
32 | // eslint-disable-next-line react-hooks/exhaustive-deps
33 | }, []);
34 |
35 | return (
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 | );
45 | }
46 |
47 | export default withIAPContext(App);
48 |
--------------------------------------------------------------------------------
/src/lib/files/note.js:
--------------------------------------------------------------------------------
1 | import FS from 'react-native-fs';
2 |
3 | import { asyncForEach } from '../array';
4 | import { deleteFile, moveFile, readFolder } from './actions';
5 | import { filesFolder, legacyNotesFolder, noteExtension, notesFolder } from './constant';
6 | import { extractFileNameAndExtension } from './helpers';
7 |
8 | export function getNoteTitle(note) {
9 | return extractFileNameAndExtension(note?.name)?.fileName;
10 | }
11 |
12 | export async function migrateNotesToFolders() {
13 | let notesPath = null;
14 |
15 | const notesExists = await FS.exists(notesFolder);
16 | const legacyExists = await FS.exists(legacyNotesFolder);
17 | if (notesExists) {
18 | notesPath = notesFolder;
19 | } else if (legacyExists) {
20 | notesPath = legacyNotesFolder;
21 | }
22 |
23 | if (notesPath) {
24 | const result = await readFolder(notesPath);
25 | const notebooks = result.filter(n => n.isDirectory());
26 | await asyncForEach(notebooks, async notebook => {
27 | const newPath = `${filesFolder}/${notebook.name}`;
28 | const notebookExists = await FS.exists(newPath);
29 | if (notebookExists) {
30 | const notes = await readFolder(notebook.path);
31 | const filtered = notes.filter(n => n.isFile() && n.name.endsWith(noteExtension));
32 | await asyncForEach(filtered, async note => {
33 | await moveFile(note.path, `${newPath}/${note.name}`);
34 | });
35 | await deleteFile(notebook.path);
36 | } else {
37 | await moveFile(notebook.path, newPath);
38 | }
39 | });
40 |
41 | await deleteFile(notesPath);
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp:
--------------------------------------------------------------------------------
1 | #include "MainApplicationTurboModuleManagerDelegate.h"
2 | #include "MainApplicationModuleProvider.h"
3 |
4 | namespace facebook {
5 | namespace react {
6 |
7 | jni::local_ref
8 | MainApplicationTurboModuleManagerDelegate::initHybrid(
9 | jni::alias_ref) {
10 | return makeCxxInstance();
11 | }
12 |
13 | void MainApplicationTurboModuleManagerDelegate::registerNatives() {
14 | registerHybrid({
15 | makeNativeMethod(
16 | "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid),
17 | makeNativeMethod(
18 | "canCreateTurboModule",
19 | MainApplicationTurboModuleManagerDelegate::canCreateTurboModule),
20 | });
21 | }
22 |
23 | std::shared_ptr
24 | MainApplicationTurboModuleManagerDelegate::getTurboModule(
25 | const std::string &name,
26 | const std::shared_ptr &jsInvoker) {
27 | // Not implemented yet: provide pure-C++ NativeModules here.
28 | return nullptr;
29 | }
30 |
31 | std::shared_ptr
32 | MainApplicationTurboModuleManagerDelegate::getTurboModule(
33 | const std::string &name,
34 | const JavaTurboModule::InitParams ¶ms) {
35 | return MainApplicationModuleProvider(name, params);
36 | }
37 |
38 | bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule(
39 | const std::string &name) {
40 | return getTurboModule(name, nullptr) != nullptr ||
41 | getTurboModule(name, {.moduleName = name}) != nullptr;
42 | }
43 |
44 | } // namespace react
45 | } // namespace facebook
46 |
--------------------------------------------------------------------------------
/src/components/NoteItem.js:
--------------------------------------------------------------------------------
1 | import { HStack, IconButton, Pressable, Text } from 'native-base';
2 | import React, { useMemo, useState } from 'react';
3 |
4 | import useColors from '../hooks/useColors';
5 | import { getNoteTitle } from '../lib/files/note';
6 | import { useStore } from '../store/store';
7 | import Icon from './Icon';
8 | import NoteItemActions from './NoteItemActions';
9 |
10 | function NoteItem({ folder, note, onOpen, onMoved, navigation }) {
11 | const colors = useColors();
12 | const password = useStore(state => state.activePassword);
13 | const fileName = useMemo(() => getNoteTitle(note), [note]);
14 |
15 | const [showActions, setShowActions] = useState(false);
16 |
17 | function handleOpen() {
18 | if (password) {
19 | onOpen(note);
20 | setShowActions(false);
21 | }
22 | }
23 |
24 | return (
25 | <>
26 |
27 |
28 |
29 | {fileName}
30 |
31 | }
33 | onPress={() => setShowActions(true)}
34 | />
35 |
36 |
37 | setShowActions(false)}
42 | isNoteDetails={false}
43 | onView={handleOpen}
44 | navigation={navigation}
45 | onMoved={onMoved}
46 | />
47 |
48 | );
49 | }
50 |
51 | export default NoteItem;
52 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # PreCloud - Encrypt before upload
2 |
3 | Encrypt your texts and files before uploading them to cloud.
4 |
5 | **Open source, no tracking and free forever.**
6 |
7 | **PreCloud has no server, everything happens on your device**: Your master password, the encryption process, the encrypted texts and files.
8 |
9 | You can safely upload the encrypted texts or files to wherever you want, making any cloud provider an encrypted storage.
10 |
11 | **Everything is encrypted by the very well established algorithm PGP** (https://en.wikipedia.org/wiki/Pretty_Good_Privacy). The algorithm is used by [Proton](https://proton.me/), [Mailvelope](https://mailvelope.com/), [Encrypt.to](https://encrypt.to/) and many others.
12 |
13 | **NOTE**: Please keep your master password in a safe place, like a password manager. If you lose it, you can't decrypt your texts and files!
14 |
15 | ---
16 |
17 | ## Get the App:
18 |
19 | 
20 |
21 | 
22 |
23 | ---
24 |
25 | ## What's coming next:
26 | - [x] Release Android version;
27 | - [x] Release iOS version;
28 | - [ ] Buy the precloud.me domain, if there are 1000 app downloads;
29 | - [ ] Create web version, if there are 1000 app downloads;
30 | - [x] Encrypt large files. Now you can encrypt files that are up to 1GB;
31 |
32 | ---
33 |
34 | Write to me, I reply to all emails: peng@duck.com
35 |
36 | ---
37 |
38 | ## Donate
39 |
40 | ❤️ Consider donating to this free and open source app: [Ko-Fi](https://ko-fi.com/penghuili) or [PayPal](https://paypal.me/penghuili/)
41 |
--------------------------------------------------------------------------------
/src/components/AppBar.js:
--------------------------------------------------------------------------------
1 | import { Avatar, HStack, IconButton, Text } from 'native-base';
2 | import React from 'react';
3 | import { useWindowDimensions } from 'react-native';
4 |
5 | import logo from '../assets/logo.png';
6 | import useColors from '../hooks/useColors';
7 | import { navigationRef } from '../router/navigationRef';
8 | import { routeNames } from '../router/routes';
9 | import Icon from './Icon';
10 |
11 | function AppBar({ title, hasBack, rightIconName, onRightIconPress }) {
12 | const colors = useColors();
13 | const { width } = useWindowDimensions();
14 |
15 | function handleGoBack() {
16 | if (navigationRef.canGoBack()) {
17 | navigationRef.goBack();
18 | } else {
19 | navigationRef.navigate('BottomTab', { screen: routeNames.folders });
20 | }
21 | }
22 |
23 | return (
24 |
32 |
33 | {hasBack ? (
34 | }
37 | onPress={handleGoBack}
38 | />
39 | ) : (
40 |
41 | )}
42 |
43 |
50 | {title}
51 |
52 |
53 | {!!rightIconName && (
54 | }
57 | onPress={onRightIconPress}
58 | />
59 | )}
60 |
61 | );
62 | }
63 |
64 | export default AppBar;
65 |
--------------------------------------------------------------------------------
/scripts/bump-build-numbers.js:
--------------------------------------------------------------------------------
1 | const { join } = require('path');
2 | const { writeFileSync, readFileSync } = require('fs');
3 | const { execSync } = require('child_process');
4 |
5 | // bump android build number
6 | const properties = require('properties-parser');
7 | const gradlePath = join(__dirname, '../android/gradle.properties');
8 | const gradlePropsEditor = properties.createEditor(gradlePath);
9 | const versionCode = gradlePropsEditor.get('releaseVersionCode');
10 | const newAndroidNumber = (+versionCode + 1).toString();
11 | gradlePropsEditor.set('releaseVersionCode', newAndroidNumber);
12 | gradlePropsEditor.save(gradlePath);
13 | console.log(`Android build number ${newAndroidNumber} is written to ${gradlePath}`);
14 |
15 | // bump ios build number
16 | const plist = require('simple-plist');
17 | const plistPath = join(__dirname, '../ios/PreCloud/Info.plist');
18 | const infoPlist = plist.parse(String(readFileSync(plistPath)));
19 | const newIOSNumber = ((+infoPlist.CFBundleVersion || 0) + 1).toString();
20 | const content = plist.stringify({
21 | ...infoPlist,
22 | CFBundleVersion: newIOSNumber,
23 | });
24 | const contentTabbed = content.replace(/^\s+/gm, spaces => {
25 | const indent = spaces.length / 2;
26 | return new Array(indent).join('\t');
27 | });
28 | writeFileSync(plistPath, `${contentTabbed}\n`);
29 | console.log(`iOS build number ${newIOSNumber} is written to ${plistPath}`);
30 |
31 | // bump build date
32 | const appSettings = require('../src/lib/app-settings.json');
33 | const appSettingsPath = join(__dirname, '../src/lib/app-settings.json');
34 | const appSettingsContent = JSON.stringify({ ...appSettings, buildDate: Date.now() }, null, 2);
35 | writeFileSync(appSettingsPath, `${appSettingsContent}\n`);
36 | console.log(`Build date written to ${appSettingsContent}`);
37 |
38 | execSync(`git cc -am "build-number: Android ${newAndroidNumber}, iOS ${newIOSNumber}"`, {
39 | stdio: 'inherit',
40 | });
41 |
--------------------------------------------------------------------------------
/src/router/Router.js:
--------------------------------------------------------------------------------
1 | import { createNativeStackNavigator } from '@react-navigation/native-stack';
2 | import React from 'react';
3 |
4 | import Backup from '../views/Backup';
5 | import Donation from '../views/Donation';
6 | import Folder from '../views/Folder';
7 | import FolderForm from '../views/FolderForm';
8 | import NoteDetails from '../views/NoteDetails';
9 | import PasswordForm from '../views/PasswordForm';
10 | import PasswordGenerator from '../views/PasswordGenerator';
11 | import Passwords from '../views/Passwords';
12 | import PlainText from '../views/PlainText';
13 | import RenameFileForm from '../views/RenameFileForm';
14 | import BottomTab from './BottomTab';
15 | import { routeNames } from './routes';
16 |
17 | const NavStack = createNativeStackNavigator();
18 |
19 | function Router() {
20 | return (
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 | );
38 | }
39 |
40 | export default Router;
41 |
--------------------------------------------------------------------------------
/android/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
14 |
15 | # When configured, Gradle will run in incubating parallel mode.
16 | # This option should only be used with decoupled projects. More details, visit
17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
18 | # org.gradle.parallel=true
19 |
20 | # AndroidX package structure to make it clearer which packages are bundled with the
21 | # Android operating system, and which are packaged with your app's APK
22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
23 | android.useAndroidX=true
24 | # Automatically convert third-party libraries to use AndroidX
25 | android.enableJetifier=true
26 |
27 | # Version of flipper SDK to use with React Native
28 | FLIPPER_VERSION=0.125.0
29 |
30 | # Use this property to specify which architecture you want to build.
31 | # You can also override it from the CLI using
32 | # ./gradlew -PreactNativeArchitectures=x86_64
33 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
34 |
35 | # Use this property to enable support to the new architecture.
36 | # This will allow you to use TurboModules and the Fabric render in
37 | # your application. You should enable this flag either if you want
38 | # to write custom TurboModules/Fabric components OR use libraries that
39 | # are providing them.
40 | newArchEnabled=false
41 |
42 | releaseVersionCode=184
43 |
44 | releaseVersionName=1.15.0
45 |
--------------------------------------------------------------------------------
/android/app/src/main/java/com/precloud/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate.java:
--------------------------------------------------------------------------------
1 | package com.precloud.newarchitecture.modules;
2 |
3 | import com.facebook.jni.HybridData;
4 | import com.facebook.react.ReactPackage;
5 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate;
6 | import com.facebook.react.bridge.ReactApplicationContext;
7 | import com.facebook.soloader.SoLoader;
8 | import java.util.List;
9 |
10 | /**
11 | * Class responsible to load the TurboModules. This class has native methods and needs a
12 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/
13 | * folder for you).
14 | *
15 | * Please note that this class is used ONLY if you opt-in for the New Architecture (see the
16 | * `newArchEnabled` property). Is ignored otherwise.
17 | */
18 | public class MainApplicationTurboModuleManagerDelegate
19 | extends ReactPackageTurboModuleManagerDelegate {
20 |
21 | private static volatile boolean sIsSoLibraryLoaded;
22 |
23 | protected MainApplicationTurboModuleManagerDelegate(
24 | ReactApplicationContext reactApplicationContext, List packages) {
25 | super(reactApplicationContext, packages);
26 | }
27 |
28 | protected native HybridData initHybrid();
29 |
30 | native boolean canCreateTurboModule(String moduleName);
31 |
32 | public static class Builder extends ReactPackageTurboModuleManagerDelegate.Builder {
33 | protected MainApplicationTurboModuleManagerDelegate build(
34 | ReactApplicationContext context, List packages) {
35 | return new MainApplicationTurboModuleManagerDelegate(context, packages);
36 | }
37 | }
38 |
39 | @Override
40 | protected synchronized void maybeLoadOtherSoLibraries() {
41 | if (!sIsSoLibraryLoaded) {
42 | // If you change the name of your application .so file in the Android.mk file,
43 | // make sure you update the name here as well.
44 | SoLoader.loadLibrary("precloud_appmodules");
45 | sIsSoLibraryLoaded = true;
46 | }
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/android/build.gradle:
--------------------------------------------------------------------------------
1 | // Top-level build file where you can add configuration options common to all sub-projects/modules.
2 |
3 | buildscript {
4 | ext {
5 | buildToolsVersion = "31.0.0"
6 | compileSdkVersion = 31
7 | targetSdkVersion = 31
8 | androidXAnnotation = "1.1.0"
9 | androidXBrowser = "1.0.0"
10 | minSdkVersion = 24
11 | kotlinVersion = "1.6.0"
12 |
13 | if (System.properties['os.arch'] == "aarch64") {
14 | // For M1 Users we need to use the NDK 24 which added support for aarch64
15 | ndkVersion = "24.0.8215888"
16 | } else {
17 | // Otherwise we default to the side-by-side NDK version from AGP.
18 | ndkVersion = "21.4.7075529"
19 | }
20 | }
21 | repositories {
22 | google()
23 | mavenCentral()
24 | }
25 | dependencies {
26 | classpath("com.android.tools.build:gradle:7.2.1")
27 | classpath("com.facebook.react:react-native-gradle-plugin")
28 | classpath("de.undercouch:gradle-download-task:5.0.1")
29 | // NOTE: Do not place your application dependencies here; they belong
30 | // in the individual module build.gradle files
31 | classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion"
32 | }
33 | }
34 |
35 | allprojects {
36 | repositories {
37 | maven {
38 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
39 | url("$rootDir/../node_modules/react-native/android")
40 | }
41 | maven {
42 | // Android JSC is installed from npm
43 | url("$rootDir/../node_modules/jsc-android/dist")
44 | }
45 | mavenCentral {
46 | // We don't want to fetch react-native from Maven Central as there are
47 | // older versions over there.
48 | content {
49 | excludeGroup "com.facebook.react"
50 | }
51 | }
52 | google()
53 | maven { url 'https://www.jitpack.io' }
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable/rn_edit_text_material.xml:
--------------------------------------------------------------------------------
1 |
2 |
16 |
21 |
22 |
23 |
32 | ![]("+ url +")
");
9 | - Actions.UPDATE_HEIGHT();
10 | + setTimeout(() => {
11 | + Actions.UPDATE_HEIGHT();
12 | + }, 50);
13 | }
14 | }
15 | },
16 | @@ -324,7 +326,9 @@ function createHTML(options = {}) {
17 | result: function (html){
18 | if (html){
19 | exec('insertHTML', html);
20 | - Actions.UPDATE_HEIGHT();
21 | + setTimeout(() => {
22 | + Actions.UPDATE_HEIGHT();
23 | + }, 50);
24 | }
25 | }
26 | },
27 | @@ -335,7 +339,9 @@ function createHTML(options = {}) {
28 | var thumbnail = url.replace(/.(mp4|m3u8)/g, '') + '-thumbnail';
29 | var html = "
";
30 | exec('insertHTML', html);
31 | - Actions.UPDATE_HEIGHT();
32 | + setTimeout(() => {
33 | + Actions.UPDATE_HEIGHT();
34 | + }, 50);
35 | }
36 | }
37 | },
38 | @@ -362,7 +368,7 @@ function createHTML(options = {}) {
39 | },
40 | content: {
41 | setDisable: function(dis){ this.blur(); editor.content.contentEditable = !dis},
42 | - setHtml: function(html) { editor.content.innerHTML = html; Actions.UPDATE_HEIGHT(); },
43 | + setHtml: function(html) { editor.content.innerHTML = html; setTimeout(() => Actions.UPDATE_HEIGHT(), 50); },
44 | getHtml: function() { return editor.content.innerHTML; },
45 | blur: function() { editor.content.blur(); },
46 | focus: function() { focusCurrent(); },
47 |
--------------------------------------------------------------------------------
/src/views/PasswordGenerator.js:
--------------------------------------------------------------------------------
1 | import Clipboard from '@react-native-clipboard/clipboard';
2 | import { Button, Checkbox, Slider, Text } from 'native-base';
3 | import React, { useState } from 'react';
4 |
5 | import AppBar from '../components/AppBar';
6 | import ContentWrapper from '../components/ContentWrapper';
7 | import ScreenWrapper from '../components/ScreenWrapper';
8 | import { generatePassword } from '../lib/password';
9 | import { showToast } from '../lib/toast';
10 |
11 | const defaultLength = 20;
12 |
13 | function PasswordGenerator() {
14 | const [passwordLength, setPasswordLength] = useState(defaultLength);
15 | const [hasSpecialCharacters, setHasSpecialCharacters] = useState(true);
16 | const [password, setPassword] = useState(generatePassword(passwordLength, hasSpecialCharacters));
17 |
18 | return (
19 |
20 |
21 |
22 | Password length: {passwordLength}
23 | {
31 | setPasswordLength(length);
32 | setPassword(generatePassword(length, hasSpecialCharacters));
33 | }}
34 | my={2}
35 | >
36 |
37 |
38 |
39 |
40 |
41 | {
44 | setHasSpecialCharacters(checked);
45 | setPassword(generatePassword(passwordLength, checked));
46 | }}
47 | >
48 | Has special characters
49 |
50 |
58 | {!!password && (
59 | <>
60 | {password}
61 |
71 |
72 | )}
73 |
74 |
75 | );
76 | }
77 |
78 | export default PasswordGenerator;
79 |
--------------------------------------------------------------------------------
/patches/react-native-toast-message+2.1.5.patch:
--------------------------------------------------------------------------------
1 | diff --git a/node_modules/react-native-toast-message/lib/src/components/BaseToast.js b/node_modules/react-native-toast-message/lib/src/components/BaseToast.js
2 | index 21c4786..717b27b 100644
3 | --- a/node_modules/react-native-toast-message/lib/src/components/BaseToast.js
4 | +++ b/node_modules/react-native-toast-message/lib/src/components/BaseToast.js
5 | @@ -3,7 +3,7 @@ import { Text, View } from 'react-native';
6 | import { getTestId } from '../utils/test-id';
7 | import { styles } from './BaseToast.styles';
8 | import { Touchable } from './Touchable';
9 | -export function BaseToast({ text1, text2, onPress, activeOpacity, style, touchableContainerProps, contentContainerStyle, contentContainerProps, text1Style, text1NumberOfLines = 1, text1Props, text2Style, text2NumberOfLines = 1, text2Props, renderLeadingIcon, renderTrailingIcon }) {
10 | +export function BaseToast({ text1, text2, onPress, activeOpacity, style, touchableContainerProps, contentContainerStyle, contentContainerProps, text1Style, text1NumberOfLines = 0, text1Props, text2Style, text2NumberOfLines = 0, text2Props, renderLeadingIcon, renderTrailingIcon }) {
11 | return (
12 | {renderLeadingIcon && renderLeadingIcon()}
13 |
14 | diff --git a/node_modules/react-native-toast-message/lib/src/useToast.js b/node_modules/react-native-toast-message/lib/src/useToast.js
15 | index 5794b67..b578b78 100644
16 | --- a/node_modules/react-native-toast-message/lib/src/useToast.js
17 | +++ b/node_modules/react-native-toast-message/lib/src/useToast.js
18 | @@ -1,4 +1,5 @@
19 | import React from 'react';
20 | +import { useSafeAreaInsets } from 'react-native-safe-area-context';
21 | import { useLogger } from './contexts';
22 | import { useTimeout } from './hooks';
23 | import { noop } from './utils/func';
24 | @@ -26,6 +27,7 @@ export function useToast({ defaultOptions }) {
25 | const [data, setData] = React.useState(DEFAULT_DATA);
26 | const initialOptions = mergeIfDefined(DEFAULT_OPTIONS, defaultOptions);
27 | const [options, setOptions] = React.useState(initialOptions);
28 | + const {top} = useSafeAreaInsets()
29 | const onAutoHide = React.useCallback(() => {
30 | log('Auto hiding');
31 | setIsVisible(false);
32 | @@ -50,7 +52,7 @@ export function useToast({ defaultOptions }) {
33 | position,
34 | autoHide,
35 | visibilityTime,
36 | - topOffset,
37 | + topOffset: topOffset + top,
38 | bottomOffset,
39 | keyboardOffset,
40 | onShow,
41 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | CFPropertyList (3.0.5)
5 | rexml
6 | activesupport (6.1.5.1)
7 | concurrent-ruby (~> 1.0, >= 1.0.2)
8 | i18n (>= 1.6, < 2)
9 | minitest (>= 5.1)
10 | tzinfo (~> 2.0)
11 | zeitwerk (~> 2.3)
12 | addressable (2.8.0)
13 | public_suffix (>= 2.0.2, < 5.0)
14 | algoliasearch (1.27.5)
15 | httpclient (~> 2.8, >= 2.8.3)
16 | json (>= 1.5.1)
17 | atomos (0.1.3)
18 | claide (1.1.0)
19 | cocoapods (1.11.3)
20 | addressable (~> 2.8)
21 | claide (>= 1.0.2, < 2.0)
22 | cocoapods-core (= 1.11.3)
23 | cocoapods-deintegrate (>= 1.0.3, < 2.0)
24 | cocoapods-downloader (>= 1.4.0, < 2.0)
25 | cocoapods-plugins (>= 1.0.0, < 2.0)
26 | cocoapods-search (>= 1.0.0, < 2.0)
27 | cocoapods-trunk (>= 1.4.0, < 2.0)
28 | cocoapods-try (>= 1.1.0, < 2.0)
29 | colored2 (~> 3.1)
30 | escape (~> 0.0.4)
31 | fourflusher (>= 2.3.0, < 3.0)
32 | gh_inspector (~> 1.0)
33 | molinillo (~> 0.8.0)
34 | nap (~> 1.0)
35 | ruby-macho (>= 1.0, < 3.0)
36 | xcodeproj (>= 1.21.0, < 2.0)
37 | cocoapods-core (1.11.3)
38 | activesupport (>= 5.0, < 7)
39 | addressable (~> 2.8)
40 | algoliasearch (~> 1.0)
41 | concurrent-ruby (~> 1.1)
42 | fuzzy_match (~> 2.0.4)
43 | nap (~> 1.0)
44 | netrc (~> 0.11)
45 | public_suffix (~> 4.0)
46 | typhoeus (~> 1.0)
47 | cocoapods-deintegrate (1.0.5)
48 | cocoapods-downloader (1.6.3)
49 | cocoapods-plugins (1.0.0)
50 | nap
51 | cocoapods-search (1.0.1)
52 | cocoapods-trunk (1.6.0)
53 | nap (>= 0.8, < 2.0)
54 | netrc (~> 0.11)
55 | cocoapods-try (1.2.0)
56 | colored2 (3.1.2)
57 | concurrent-ruby (1.1.10)
58 | escape (0.0.4)
59 | ethon (0.15.0)
60 | ffi (>= 1.15.0)
61 | ffi (1.15.5)
62 | fourflusher (2.3.1)
63 | fuzzy_match (2.0.4)
64 | gh_inspector (1.1.3)
65 | httpclient (2.8.3)
66 | i18n (1.10.0)
67 | concurrent-ruby (~> 1.0)
68 | json (2.6.1)
69 | minitest (5.15.0)
70 | molinillo (0.8.0)
71 | nanaimo (0.3.0)
72 | nap (1.1.0)
73 | netrc (0.11.0)
74 | public_suffix (4.0.7)
75 | rexml (3.2.5)
76 | ruby-macho (2.5.1)
77 | typhoeus (1.4.0)
78 | ethon (>= 0.9.0)
79 | tzinfo (2.0.4)
80 | concurrent-ruby (~> 1.0)
81 | xcodeproj (1.21.0)
82 | CFPropertyList (>= 2.3.3, < 4.0)
83 | atomos (~> 0.1.3)
84 | claide (>= 1.0.2, < 2.0)
85 | colored2 (~> 3.1)
86 | nanaimo (~> 0.3.0)
87 | rexml (~> 3.2.4)
88 | zeitwerk (2.5.4)
89 |
90 | PLATFORMS
91 | ruby
92 |
93 | DEPENDENCIES
94 | cocoapods (~> 1.11, >= 1.11.2)
95 |
96 | RUBY VERSION
97 | ruby 2.7.5p203
98 |
99 | BUNDLED WITH
100 | 2.2.27
101 |
--------------------------------------------------------------------------------
/src/views/Passwords.js:
--------------------------------------------------------------------------------
1 | import { Alert, Button, Radio, Text, VStack } from 'native-base';
2 | import React from 'react';
3 |
4 | import AppBar from '../components/AppBar';
5 | import ContentWrapper from '../components/ContentWrapper';
6 | import PasswordItem from '../components/PasswordItem';
7 | import ScreenWrapper from '../components/ScreenWrapper';
8 | import { showToast } from '../lib/toast';
9 | import { routeNames } from '../router/routes';
10 | import { useStore } from '../store/store';
11 |
12 | function Passwords({ navigation }) {
13 | const passwords = useStore(state => state.passwords);
14 | const activePasswordId = useStore(state => state.activePasswordId);
15 | const setActivePassword = useStore(state => state.setActivePassword);
16 |
17 | return (
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | Save your passwords in a safe place!
27 |
28 |
29 | Save all your passwords in a password manager. If you lose your passwords, You can
30 | not decrypt your texts or files.
31 |
32 |
33 |
34 |
35 | {!!passwords?.length && (
36 | {
41 | await setActivePassword(id);
42 | const password = passwords.find(p => p.id === id);
43 | if (password) {
44 | showToast(
45 | `From now on you will use the "${password.label}" password to encrypt and decrypt.`,
46 | 'info'
47 | );
48 | }
49 | }}
50 | >
51 | {passwords.map((password, index) => (
52 |
58 | ))}
59 |
60 | )}
61 |
62 |
69 |
70 |
71 |
72 | );
73 | }
74 |
75 | export default Passwords;
76 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "precloud",
3 | "version": "1.15.0",
4 | "private": true,
5 | "dependencies": {
6 | "@react-native-async-storage/async-storage": "1.17.10",
7 | "@react-native-clipboard/clipboard": "1.10.0",
8 | "@react-navigation/bottom-tabs": "6.4.0",
9 | "@react-navigation/native": "6.0.13",
10 | "@react-navigation/native-stack": "6.9.0",
11 | "date-fns": "2.29.3",
12 | "fast-text-encoding": "1.0.6",
13 | "native-base": "3.4.19",
14 | "react": "18.1.0",
15 | "react-native": "0.70.5",
16 | "react-native-compressor": "1.6.1",
17 | "react-native-device-info": "10.0.2",
18 | "react-native-document-picker": "8.1.2",
19 | "react-native-fast-openpgp": "2.5.1",
20 | "react-native-file-viewer": "2.1.5",
21 | "react-native-fs": "2.20.0",
22 | "react-native-iap": "12.4.0",
23 | "react-native-image-picker": "4.10.1",
24 | "react-native-keychain": "8.1.1",
25 | "react-native-pell-rich-editor": "1.8.8",
26 | "react-native-safe-area-context": "4.3.1",
27 | "react-native-screens": "3.17.0",
28 | "react-native-share": "7.6.6",
29 | "react-native-splash-screen": "3.3.0",
30 | "react-native-svg": "12.4.3",
31 | "react-native-toast-message": "2.1.5",
32 | "react-native-url-polyfill": "1.3.0",
33 | "react-native-use-keyboard-height": "0.1.1",
34 | "react-native-vector-icons": "9.2.0",
35 | "react-native-webview": "11.23.1",
36 | "react-native-zip-archive": "6.0.8",
37 | "zustand": "4.0.0"
38 | },
39 | "devDependencies": {
40 | "@babel/core": "7.18.9",
41 | "@babel/runtime": "7.18.9",
42 | "@react-native-community/eslint-config": "3.0.3",
43 | "babel-jest": "28.1.3",
44 | "eslint": "8.20.0",
45 | "eslint-plugin-import": "2.26.0",
46 | "eslint-plugin-react": "7.30.1",
47 | "eslint-plugin-react-hooks": "4.6.0",
48 | "jest": "28.1.3",
49 | "metro-react-native-babel-preset": "0.72.3",
50 | "patch-package": "6.4.7",
51 | "prettier": "2.7.1",
52 | "properties-parser": "0.3.1",
53 | "react-dom": "18.1.0",
54 | "react-test-renderer": "18.1.0",
55 | "semver": "7.3.7",
56 | "simple-plist": "1.3.1"
57 | },
58 | "scripts": {
59 | "android": "react-native run-android",
60 | "ios": "react-native run-ios --simulator \"iPhone 14\"",
61 | "postinstall": "patch-package",
62 | "start": "watchman watch-del '/Users/peng/peng/PreCloud' ; watchman watch-project '/Users/peng/peng/PreCloud' && react-native start",
63 | "test": "jest",
64 | "lint": "eslint .",
65 | "clean-android": "cd android && ./gradlew clean && cd ..",
66 | "build-android": "npm run bump-build-numbers && cd android && ./gradlew clean && ./gradlew bundleRelease && cd ..",
67 | "bump-build-numbers": "node ./scripts/bump-build-numbers.js",
68 | "bump-version": "node ./scripts/bump-version.js"
69 | },
70 | "jest": {
71 | "preset": "react-native",
72 | "roots": [
73 | "src"
74 | ]
75 | }
76 | }
77 |
--------------------------------------------------------------------------------
/src/components/DownloadRemoteFileButton.js:
--------------------------------------------------------------------------------
1 | import Clipboard from '@react-native-clipboard/clipboard';
2 | import { Actionsheet, Button, Modal, Text } from 'native-base';
3 | import React, { useState } from 'react';
4 |
5 | import useColors from '../hooks/useColors';
6 | import { downloadRemoteFile } from '../lib/files/actions';
7 | import { showToast } from '../lib/toast';
8 | import Icon from './Icon';
9 |
10 | function DownloadRemoteFileButton({ isDisabled, isLoading, onClose, onStart, onDownloaded }) {
11 | const colors = useColors();
12 |
13 | const [showModal, setShowModal] = useState(false);
14 | const [url, setUrl] = useState('');
15 | const [isDownloading, setIsDownloading] = useState(false);
16 |
17 | async function handlePress() {
18 | setIsDownloading(true);
19 | const file = await downloadRemoteFile(url);
20 |
21 | if (file) {
22 | handleClose();
23 | showToast('Downloaded! Encrypting ...');
24 | setIsDownloading(false);
25 | onStart(true);
26 | await onDownloaded(file);
27 | onStart(false);
28 | onClose();
29 | } else {
30 | showToast('Download file failed', 'error');
31 | setIsDownloading(false);
32 | }
33 | }
34 |
35 | function handleClose() {
36 | setShowModal(false);
37 | setUrl('');
38 | setIsDownloading(false);
39 | }
40 |
41 | return (
42 | <>
43 | }
47 | onPress={() => {
48 | setShowModal(true);
49 | }}
50 | >
51 | Download remote files
52 |
53 |
54 |
55 |
56 | Download and encrypt file from web
57 |
58 | This feature is not very stable yet, please don‘t get angry if the download failed :)
59 |
69 | {!!url && {url}}
70 |
71 |
72 |
73 |
76 |
83 |
84 |
85 |
86 |
87 |
88 | );
89 | }
90 |
91 | export default DownloadRemoteFileButton;
92 |
--------------------------------------------------------------------------------
/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/android/gradlew.bat:
--------------------------------------------------------------------------------
1 | @rem
2 | @rem Copyright 2015 the original author or authors.
3 | @rem
4 | @rem Licensed under the Apache License, Version 2.0 (the "License");
5 | @rem you may not use this file except in compliance with the License.
6 | @rem You may obtain a copy of the License at
7 | @rem
8 | @rem https://www.apache.org/licenses/LICENSE-2.0
9 | @rem
10 | @rem Unless required by applicable law or agreed to in writing, software
11 | @rem distributed under the License is distributed on an "AS IS" BASIS,
12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | @rem See the License for the specific language governing permissions and
14 | @rem limitations under the License.
15 | @rem
16 |
17 | @if "%DEBUG%" == "" @echo off
18 | @rem ##########################################################################
19 | @rem
20 | @rem Gradle startup script for Windows
21 | @rem
22 | @rem ##########################################################################
23 |
24 | @rem Set local scope for the variables with windows NT shell
25 | if "%OS%"=="Windows_NT" setlocal
26 |
27 | set DIRNAME=%~dp0
28 | if "%DIRNAME%" == "" set DIRNAME=.
29 | set APP_BASE_NAME=%~n0
30 | set APP_HOME=%DIRNAME%
31 |
32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter.
33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
34 |
35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
37 |
38 | @rem Find java.exe
39 | if defined JAVA_HOME goto findJavaFromJavaHome
40 |
41 | set JAVA_EXE=java.exe
42 | %JAVA_EXE% -version >NUL 2>&1
43 | if "%ERRORLEVEL%" == "0" goto execute
44 |
45 | echo.
46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
47 | echo.
48 | echo Please set the JAVA_HOME variable in your environment to match the
49 | echo location of your Java installation.
50 |
51 | goto fail
52 |
53 | :findJavaFromJavaHome
54 | set JAVA_HOME=%JAVA_HOME:"=%
55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
56 |
57 | if exist "%JAVA_EXE%" goto execute
58 |
59 | echo.
60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
61 | echo.
62 | echo Please set the JAVA_HOME variable in your environment to match the
63 | echo location of your Java installation.
64 |
65 | goto fail
66 |
67 | :execute
68 | @rem Setup the command line
69 |
70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
71 |
72 |
73 | @rem Execute Gradle
74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
75 |
76 | :end
77 | @rem End local scope for the variables with windows NT shell
78 | if "%ERRORLEVEL%"=="0" goto mainEnd
79 |
80 | :fail
81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
82 | rem the _cmd.exe /c_ return code!
83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
84 | exit /b 1
85 |
86 | :mainEnd
87 | if "%OS%"=="Windows_NT" endlocal
88 |
89 | :omega
90 |
--------------------------------------------------------------------------------
/ios/PreCloud/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/android/app/src/main/java/com/precloud/MainApplication.java:
--------------------------------------------------------------------------------
1 | package com.precloud;
2 |
3 | import android.app.Application;
4 | import android.content.Context;
5 | import com.facebook.react.PackageList;
6 | import com.facebook.react.ReactApplication;
7 | import com.facebook.react.ReactInstanceManager;
8 | import com.facebook.react.ReactNativeHost;
9 | import com.facebook.react.ReactPackage;
10 | import com.facebook.react.config.ReactFeatureFlags;
11 | import com.facebook.soloader.SoLoader;
12 | import com.precloud.newarchitecture.MainApplicationReactNativeHost;
13 | import java.lang.reflect.InvocationTargetException;
14 | import java.util.List;
15 |
16 | public class MainApplication extends Application implements ReactApplication {
17 |
18 | private final ReactNativeHost mReactNativeHost =
19 | new ReactNativeHost(this) {
20 | @Override
21 | public boolean getUseDeveloperSupport() {
22 | return BuildConfig.DEBUG;
23 | }
24 |
25 | @Override
26 | protected List getPackages() {
27 | @SuppressWarnings("UnnecessaryLocalVariable")
28 | List packages = new PackageList(this).getPackages();
29 | // Packages that cannot be autolinked yet can be added manually here, for example:
30 | // packages.add(new MyReactNativePackage());
31 | return packages;
32 | }
33 |
34 | @Override
35 | protected String getJSMainModuleName() {
36 | return "index";
37 | }
38 | };
39 |
40 | private final ReactNativeHost mNewArchitectureNativeHost =
41 | new MainApplicationReactNativeHost(this);
42 |
43 | @Override
44 | public ReactNativeHost getReactNativeHost() {
45 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
46 | return mNewArchitectureNativeHost;
47 | } else {
48 | return mReactNativeHost;
49 | }
50 | }
51 |
52 | @Override
53 | public void onCreate() {
54 | super.onCreate();
55 | // If you opted-in for the New Architecture, we enable the TurboModule system
56 | ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
57 | SoLoader.init(this, /* native exopackage */ false);
58 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
59 | }
60 |
61 | /**
62 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like
63 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
64 | *
65 | * @param context
66 | * @param reactInstanceManager
67 | */
68 | private static void initializeFlipper(
69 | Context context, ReactInstanceManager reactInstanceManager) {
70 | if (BuildConfig.DEBUG) {
71 | try {
72 | /*
73 | We use reflection here to pick up the class that initializes Flipper,
74 | since Flipper library is not available in release mode
75 | */
76 | Class aClass = Class.forName("com.precloud.ReactNativeFlipper");
77 | aClass
78 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
79 | .invoke(null, context, reactInstanceManager);
80 | } catch (ClassNotFoundException e) {
81 | e.printStackTrace();
82 | } catch (NoSuchMethodException e) {
83 | e.printStackTrace();
84 | } catch (IllegalAccessException e) {
85 | e.printStackTrace();
86 | } catch (InvocationTargetException e) {
87 | e.printStackTrace();
88 | }
89 | }
90 | }
91 | }
92 |
--------------------------------------------------------------------------------
/src/components/DonateBanner.js:
--------------------------------------------------------------------------------
1 | import { addMonths, addSeconds, addWeeks } from 'date-fns';
2 | import { Box, HStack, Text } from 'native-base';
3 | import React, { useEffect, useState } from 'react';
4 | import { useSafeAreaInsets } from 'react-native-safe-area-context';
5 |
6 | import useColors from '../hooks/useColors';
7 | import { tabbarHeight } from '../lib/constants';
8 | import { LocalStorage, LocalStorageKeys } from '../lib/localstorage';
9 | import { navigationRef } from '../router/navigationRef';
10 | import { routeNames } from '../router/routes';
11 | import Icon from './Icon';
12 |
13 | function DonateBanner() {
14 | const { bottom } = useSafeAreaInsets();
15 | const colors = useColors();
16 |
17 | const [checkDate, setCheckDate] = useState();
18 | const [donateDate, setDonateDate] = useState();
19 |
20 | useEffect(() => {
21 | LocalStorage.get(LocalStorageKeys.donateBannerCheckDate).then(date => {
22 | setCheckDate(date);
23 | if (!date) {
24 | LocalStorage.set(LocalStorageKeys.donateBannerCheckDate, Date.now());
25 | }
26 | });
27 |
28 | LocalStorage.get(LocalStorageKeys.donateBannerDonateDate).then(date => {
29 | setDonateDate(date);
30 | });
31 | }, []);
32 |
33 | function updateCheckDate() {
34 | const date = Date.now();
35 | LocalStorage.set(LocalStorageKeys.donateBannerCheckDate, date);
36 | setCheckDate(date);
37 | }
38 |
39 | function updateDonateDate() {
40 | const date = Date.now();
41 | LocalStorage.set(LocalStorageKeys.donateBannerDonateDate, date);
42 | setDonateDate(date);
43 | }
44 |
45 | function canShowBanner() {
46 | if (!checkDate) {
47 | return false;
48 | }
49 |
50 | // eslint-disable-next-line no-undef
51 | if (!__DEV__ && addWeeks(+checkDate, 1).getTime() > Date.now()) {
52 | return false;
53 | }
54 |
55 | // eslint-disable-next-line no-undef
56 | if (__DEV__ && addSeconds(+checkDate, 10).getTime() > Date.now()) {
57 | return false;
58 | }
59 |
60 | // eslint-disable-next-line no-undef
61 | if (!__DEV__ && donateDate && addMonths(+donateDate, 1).getTime() > Date.now()) {
62 | return false;
63 | }
64 |
65 | // eslint-disable-next-line no-undef
66 | if (__DEV__ && donateDate && addSeconds(+checkDate, 20).getTime() > Date.now()) {
67 | return false;
68 | }
69 |
70 | return true;
71 | }
72 |
73 | if (!canShowBanner()) {
74 | return null;
75 | }
76 |
77 | return (
78 |
88 |
89 | 🫶 Consider donating $1 to this free and open source app:{' '}
90 | {
95 | updateCheckDate();
96 | updateDonateDate();
97 | navigationRef.navigate(routeNames.donation);
98 | }}
99 | >
100 | Donate
101 |
102 |
103 |
104 |
105 |
106 |
107 | );
108 | }
109 |
110 | export default DonateBanner;
111 |
--------------------------------------------------------------------------------
/android/app/src/debug/java/com/precloud/ReactNativeFlipper.java:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Meta Platforms, Inc. and affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the LICENSE file in the root
5 | * directory of this source tree.
6 | */
7 | package com.precloud;
8 |
9 | import android.content.Context;
10 | import com.facebook.flipper.android.AndroidFlipperClient;
11 | import com.facebook.flipper.android.utils.FlipperUtils;
12 | import com.facebook.flipper.core.FlipperClient;
13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping;
17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin;
21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
22 | import com.facebook.react.ReactInstanceEventListener;
23 | import com.facebook.react.ReactInstanceManager;
24 | import com.facebook.react.bridge.ReactContext;
25 | import com.facebook.react.modules.network.NetworkingModule;
26 | import okhttp3.OkHttpClient;
27 |
28 | public class ReactNativeFlipper {
29 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
30 | if (FlipperUtils.shouldEnableFlipper(context)) {
31 | final FlipperClient client = AndroidFlipperClient.getInstance(context);
32 |
33 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
34 | client.addPlugin(new ReactFlipperPlugin());
35 | client.addPlugin(new DatabasesFlipperPlugin(context));
36 | client.addPlugin(new SharedPreferencesFlipperPlugin(context));
37 | client.addPlugin(CrashReporterPlugin.getInstance());
38 |
39 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
40 | NetworkingModule.setCustomClientBuilder(
41 | new NetworkingModule.CustomClientBuilder() {
42 | @Override
43 | public void apply(OkHttpClient.Builder builder) {
44 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
45 | }
46 | });
47 | client.addPlugin(networkFlipperPlugin);
48 | client.start();
49 |
50 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
51 | // Hence we run if after all native modules have been initialized
52 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
53 | if (reactContext == null) {
54 | reactInstanceManager.addReactInstanceEventListener(
55 | new ReactInstanceEventListener() {
56 | @Override
57 | public void onReactContextInitialized(ReactContext reactContext) {
58 | reactInstanceManager.removeReactInstanceEventListener(this);
59 | reactContext.runOnNativeModulesQueueThread(
60 | new Runnable() {
61 | @Override
62 | public void run() {
63 | client.addPlugin(new FrescoFlipperPlugin());
64 | }
65 | });
66 | }
67 | });
68 | } else {
69 | client.addPlugin(new FrescoFlipperPlugin());
70 | }
71 | }
72 | }
73 | }
74 |
--------------------------------------------------------------------------------
/src/views/PasswordForm.js:
--------------------------------------------------------------------------------
1 | import { Button, FormControl, HStack, Input, Text } from 'native-base';
2 | import React, { useEffect, useMemo, useState } from 'react';
3 |
4 | import AppBar from '../components/AppBar';
5 | import ContentWrapper from '../components/ContentWrapper';
6 | import Icon from '../components/Icon';
7 | import ScreenWrapper from '../components/ScreenWrapper';
8 | import useColors from '../hooks/useColors';
9 | import { showToast } from '../lib/toast';
10 | import { routeNames } from '../router/routes';
11 | import { useStore } from '../store/store';
12 |
13 | function PasswordForm({
14 | navigation,
15 | route: {
16 | params: { selectedPassword },
17 | },
18 | }) {
19 | const colors = useColors();
20 | const passwords = useStore(state => state.passwords);
21 | const savePassword = useStore(state => state.savePassword);
22 | const passwordLabels = useMemo(() => passwords.map(p => p.label), [passwords]);
23 |
24 | const [label, setLabel] = useState('');
25 | const [password, setPassword] = useState('');
26 | const [showPassword, setShowPassword] = useState(false);
27 | const [error, setError] = useState('');
28 |
29 | useEffect(() => {
30 | setLabel(selectedPassword?.label || '');
31 | setPassword(selectedPassword?.password || '');
32 | }, [selectedPassword]);
33 |
34 | async function handleSavePassword() {
35 | setError('');
36 | if (passwordLabels.includes(label)) {
37 | setError('This password name is used, please choose another one.');
38 | return;
39 | }
40 |
41 | try {
42 | await savePassword({ id: selectedPassword?.id, label: label.trim(), password });
43 | navigation.goBack();
44 | showToast('Password is saved in secure storage.')
45 | } catch (e) {
46 | setError('Save password failed. Please choose another one.');
47 | }
48 | }
49 |
50 | return (
51 |
52 |
53 |
54 |
55 | Name
56 |
57 | Password
58 |
66 | setShowPassword(!showPassword)}
71 | />
72 |
73 | }
74 | />
75 | {!selectedPassword && (
76 |
77 | Recommend: use a password manager to generate a strong password.{' '}
78 | navigation.navigate(routeNames.passwordGenerator)}>
79 | Generate
80 |
81 |
82 | )}
83 | {!!error && {error}}
84 |
85 |
88 |
89 |
90 | );
91 | }
92 |
93 | export default PasswordForm;
94 |
--------------------------------------------------------------------------------
/ios/PreCloud.xcodeproj/xcshareddata/xcschemes/PreCloud.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
9 |
15 |
21 |
22 |
23 |
24 |
25 |
30 |
31 |
33 |
39 |
40 |
41 |
42 |
43 |
53 |
55 |
61 |
62 |
63 |
64 |
70 |
72 |
78 |
79 |
80 |
81 |
83 |
84 |
87 |
88 |
89 |
--------------------------------------------------------------------------------
/src/views/Donation.js:
--------------------------------------------------------------------------------
1 | import { Alert, Divider, Heading, Spinner, Text, VStack } from 'native-base';
2 | import React, { useEffect, useState } from 'react';
3 | import { Linking } from 'react-native';
4 | import { requestPurchase, useIAP } from 'react-native-iap';
5 |
6 | import AppBar from '../components/AppBar';
7 | import ContentWrapper from '../components/ContentWrapper';
8 | import DonationCard from '../components/DonationCard';
9 | import ScreenWrapper from '../components/ScreenWrapper';
10 | import useColors from '../hooks/useColors';
11 | import { isAndroid } from '../lib/device';
12 | import { showDonate } from '../lib/money';
13 |
14 | function Donation() {
15 | const colors = useColors();
16 | const { products, getProducts } = useIAP();
17 |
18 | const [isLoading, setIsLoading] = useState(false);
19 | const [donations, setDonations] = useState([]);
20 |
21 | async function loadProducts() {
22 | setIsLoading(true);
23 | try {
24 | await getProducts({ skus: ['donation1', 'donation2', 'donation3'] });
25 | } catch (e) {
26 | console.log('load products failed', e);
27 | }
28 | setIsLoading(false);
29 | }
30 |
31 | useEffect(() => {
32 | loadProducts();
33 | // eslint-disable-next-line react-hooks/exhaustive-deps
34 | }, []);
35 |
36 | useEffect(() => {
37 | setDonations((products || []).sort((a, b) => a.price - b.price));
38 | }, [products]);
39 |
40 | async function handleDonate(product) {
41 | try {
42 | const payload = isAndroid()
43 | ? { skus: [product.productId] }
44 | : { sku: product.productId, andDangerouslyFinishTransactionAutomaticallyIOS: false };
45 | await requestPurchase(payload);
46 | } catch (e) {
47 | console.log('donate failed', e);
48 | }
49 | }
50 |
51 | return (
52 |
53 |
54 |
55 |
56 |
57 |
58 | PreCloud is free forever, open sourced, has no tracking. Please consider donating to
59 | this project. 🫶
60 |
61 |
62 |
63 | {showDonate() && (
64 | <>
65 |
66 | Donate with PayPal or Ko-Fi
67 |
68 | Please use PayPal or Ko-Fi to donate, so we don‘t need to pay the 15% fee to{' '}
69 | {isAndroid() ? 'Google' : 'Apple'}.
70 |
71 | {
76 | Linking.openURL(`https://ko-fi.com/penghuili`);
77 | }}
78 | >
79 | Ko-Fi
80 |
81 | {
86 | Linking.openURL(`https://paypal.me/penghuili/`);
87 | }}
88 | >
89 | PayPal
90 |
91 |
92 |
93 |
94 |
95 | )}
96 |
97 | {isLoading && }
98 | {!!donations?.length && (
99 |
100 | Donate with in-app-purchase
101 | {donations.map(d => (
102 |
103 | ))}
104 |
105 | )}
106 |
107 |
108 |
109 | );
110 | }
111 |
112 | export default Donation;
113 |
--------------------------------------------------------------------------------
/src/views/NoteDetails.js:
--------------------------------------------------------------------------------
1 | import { Heading, Input, KeyboardAvoidingView, VStack } from 'native-base';
2 | import React, { useEffect, useRef, useState } from 'react';
3 |
4 | import AppBar from '../components/AppBar';
5 | import Editor from '../components/Editor';
6 | import NoteItemActions from '../components/NoteItemActions';
7 | import ScreenWrapper from '../components/ScreenWrapper';
8 | import { deleteFile, writeFile } from '../lib/files/actions';
9 | import { cachePath } from '../lib/files/cache';
10 | import { noteExtension } from '../lib/files/constant';
11 | import { getNoteTitle } from '../lib/files/note';
12 | import { encryptFile } from '../lib/openpgp/helpers';
13 | import { showToast } from '../lib/toast';
14 | import { useStore } from '../store/store';
15 |
16 | function NoteDetails({
17 | navigation,
18 | route: {
19 | params: { folder },
20 | },
21 | }) {
22 | const editorRef = useRef();
23 |
24 | const password = useStore(state => state.activePassword);
25 | const activeNote = useStore(state => state.activeNote);
26 | const noteContent = useStore(state => state.noteContent);
27 |
28 | const [isEditing, setIsEditing] = useState(false);
29 | const [title, setTitle] = useState('');
30 | const [content, setContent] = useState('');
31 | const [showActions, setShowActions] = useState(false);
32 |
33 | useEffect(() => {
34 | setTitle(getNoteTitle(activeNote));
35 | }, [activeNote]);
36 |
37 | async function handleSave() {
38 | if (!title.trim()) {
39 | showToast('Please add a title', 'error');
40 | return;
41 | }
42 |
43 | const trimedTitle = title.trim();
44 | const inputPath = `${cachePath}/${trimedTitle}.txt`;
45 | await writeFile(inputPath, content || '', 'utf8');
46 | const outputPath = `${folder.path}/${trimedTitle}.${noteExtension}`;
47 | const success = await encryptFile(inputPath, outputPath, password);
48 |
49 | if (success) {
50 | if (activeNote?.fileName && trimedTitle !== activeNote?.fileName) {
51 | await deleteFile(activeNote.path);
52 | }
53 |
54 | showToast('Your note is encrypted and saved on your phone.');
55 | if (activeNote) {
56 | setIsEditing(false);
57 | } else {
58 | navigation.goBack();
59 | }
60 | } else {
61 | showToast('Encryption failed.', 'error');
62 | }
63 | }
64 |
65 | const editable = !activeNote || isEditing;
66 |
67 | return (
68 |
69 | {
74 | if (editable) {
75 | handleSave();
76 | } else {
77 | setShowActions(true);
78 | }
79 | }}
80 | />
81 |
82 |
83 | {editable ? (
84 |
85 | ) : (
86 | {title}
87 | )}
88 |
89 | {
93 | setContent(noteContent);
94 | editorRef.current.setContentHTML(noteContent);
95 | }}
96 | onChange={setContent}
97 | />
98 |
99 |
100 |
101 | setShowActions(false)}
106 | isNoteDetails
107 | onEdit={() => {
108 | setShowActions(false);
109 | setIsEditing(true);
110 | }}
111 | navigation={navigation}
112 | />
113 |
114 | );
115 | }
116 |
117 | export default NoteDetails;
118 |
--------------------------------------------------------------------------------
/src/components/NoteItemActions.js:
--------------------------------------------------------------------------------
1 | import { Actionsheet, Text } from 'native-base';
2 | import React, { useState } from 'react';
3 |
4 | import useColors from '../hooks/useColors';
5 | import { deleteFile, downloadFile, moveFile, shareFile } from '../lib/files/actions';
6 | import { getSizeText } from '../lib/files/helpers';
7 | import { showToast } from '../lib/toast';
8 | import FolderPicker from './FolderPicker';
9 | import Icon from './Icon';
10 |
11 | function NoteItemActions({
12 | folder,
13 | note,
14 | isOpen,
15 | onClose,
16 | isNoteDetails,
17 | onView,
18 | onEdit,
19 | onMoved,
20 | navigation,
21 | }) {
22 | const colors = useColors();
23 |
24 | const [showFolderPicker, setShowFolderPicker] = useState(false);
25 |
26 | async function handleShare() {
27 | onClose();
28 | const success = await shareFile({
29 | name: note.name,
30 | path: note.path,
31 | saveToFiles: false,
32 | });
33 |
34 | if (success) {
35 | showToast('Shared!');
36 | }
37 | }
38 |
39 | async function handleDownload() {
40 | onClose();
41 | const message = await downloadFile({
42 | name: note.name,
43 | path: note.path,
44 | });
45 | if (message) {
46 | showToast(message);
47 | }
48 | }
49 |
50 | async function handleMove(newFolder) {
51 | await moveFile(note.path, `${newFolder.path}/${note.name}`);
52 | setShowFolderPicker(false);
53 | if (isNoteDetails) {
54 | navigation.goBack();
55 | } else {
56 | onMoved(note);
57 | }
58 | showToast('Moved!');
59 | }
60 |
61 | async function handleDelete() {
62 | onClose();
63 | await deleteFile(note.path);
64 | if (isNoteDetails) {
65 | navigation.goBack();
66 | } else {
67 | onMoved(note);
68 | }
69 | showToast('Deleted!');
70 | }
71 |
72 | return (
73 | <>
74 | setShowFolderPicker(false)}
77 | onSave={handleMove}
78 | navigate={navigation.navigate}
79 | currentFolder={folder}
80 | />
81 |
82 |
83 | {isNoteDetails ? (
84 | }
86 | onPress={onEdit}
87 | >
88 | Edit
89 |
90 | ) : (
91 | }
93 | onPress={onView}
94 | >
95 | Open
96 |
97 | )}
98 | }
100 | onPress={handleShare}
101 | >
102 | Share
103 |
104 | }
106 | onPress={handleDownload}
107 | >
108 | Download
109 |
110 | }
112 | onPress={() => {
113 | onClose();
114 | setShowFolderPicker(true);
115 | }}
116 | >
117 | Move to ...
118 |
119 | }
121 | onPress={handleDelete}
122 | >
123 | Delete
124 |
125 |
126 | {!!note?.size && (
127 |
128 | {getSizeText(note.size)}
129 |
130 | )}
131 |
132 |
133 |
134 | );
135 | }
136 |
137 | export default NoteItemActions;
138 |
--------------------------------------------------------------------------------
/src/lib/files/helpers.js:
--------------------------------------------------------------------------------
1 | import FS from 'react-native-fs';
2 |
3 | import { filesFolder, largeFileExtension, precloudExtension } from './constant';
4 |
5 | export function extractFileNameAndExtension(name) {
6 | if (!name) {
7 | return {
8 | fileName: '',
9 | extension: '',
10 | extensionWithoutDot: '',
11 | };
12 | }
13 |
14 | const parts = name.split('.');
15 | const last = (parts[parts.length - 1] || '').toLowerCase();
16 | let extension = '';
17 | let extensionWithoutDot = '';
18 | if (last === precloudExtension) {
19 | extension = `.${precloudExtension}`;
20 | extensionWithoutDot = precloudExtension;
21 | parts.pop();
22 | }
23 |
24 | if (last === largeFileExtension) {
25 | extension = `.${largeFileExtension}`;
26 | extensionWithoutDot = largeFileExtension;
27 | parts.pop();
28 | }
29 |
30 | if (parts.length === 1) {
31 | return name.startsWith('.')
32 | ? {
33 | fileName: '',
34 | extension: `.${parts[0]}${extension}`,
35 | extensionWithoutDot: `${parts[0]}${extension}`,
36 | }
37 | : { fileName: parts[0], extension, extensionWithoutDot };
38 | }
39 |
40 | return {
41 | fileName: parts.slice(0, parts.length - 1).join('.'),
42 | extension: `.${parts[parts.length - 1]}${extension}`,
43 | extensionWithoutDot: `${parts[parts.length - 1]}${extension}`,
44 | };
45 | }
46 |
47 | export async function statFile(path) {
48 | try {
49 | const info = await FS.stat(path);
50 | return { ...info, name: info.path.split('/').pop() };
51 | } catch (e) {
52 | console.log('stat file failed', e);
53 | return null;
54 | }
55 | }
56 |
57 | export async function getFolderSize(folderPath) {
58 | if (!folderPath) {
59 | return 0;
60 | }
61 |
62 | try {
63 | const info = await FS.stat(folderPath);
64 | if (info.isFile()) {
65 | return info.size;
66 | }
67 |
68 | const filesOrFolders = await FS.readDir(folderPath);
69 | if (!filesOrFolders.length) {
70 | return 0;
71 | }
72 |
73 | let size = 0;
74 | for (let i = 0; i < filesOrFolders.length; i += 1) {
75 | const fileOrFolder = filesOrFolders[i];
76 | if (fileOrFolder.isFile()) {
77 | size += fileOrFolder.size;
78 | } else {
79 | const folderSize = await getFolderSize(fileOrFolder.path);
80 | size += folderSize;
81 | }
82 | }
83 |
84 | return size;
85 | } catch (e) {
86 | return 0;
87 | }
88 | }
89 |
90 | export async function emptyFolder(folderPath) {
91 | try {
92 | const filesOrFolders = await FS.readDir(folderPath);
93 | if (!filesOrFolders.length) {
94 | return;
95 | }
96 |
97 | for (let i = 0; i < filesOrFolders.length; i += 1) {
98 | try {
99 | await FS.unlink(filesOrFolders[i].path);
100 | } catch (e) {}
101 | }
102 | } catch (e) {}
103 | }
104 |
105 | export function extractFilePath(path) {
106 | if (path.startsWith('file:///')) {
107 | return path.slice(7);
108 | } else if (path.startsWith('file://')) {
109 | return path.slice(6);
110 | } else if (path.startsWith('file:/')) {
111 | return path.slice(5);
112 | }
113 | return path;
114 | }
115 |
116 | export function getOriginalFileName(encryptedFileName) {
117 | const parts = encryptedFileName.split('.');
118 | parts.pop();
119 | return parts.join('.');
120 | }
121 |
122 | export function getParentPath(path) {
123 | if (!path) {
124 | return null;
125 | }
126 |
127 | const parts = path.split('/');
128 | parts.pop();
129 | const parentPath = parts.join('/');
130 |
131 | return parentPath;
132 | }
133 |
134 | export function getFileName(path) {
135 | if (!path) {
136 | return null;
137 | }
138 |
139 | const parts = path.split('/');
140 | return parts.pop();
141 | }
142 |
143 | function toFixed2(number) {
144 | return +number.toFixed(2);
145 | }
146 |
147 | export function getSizeText(size) {
148 | if (!size) {
149 | return '0KB';
150 | }
151 |
152 | const kbs = size / 1024;
153 | if (kbs < 1024) {
154 | return `${toFixed2(kbs)}KB`;
155 | }
156 |
157 | return `${toFixed2(kbs / 1024)}MB`;
158 | }
159 |
160 | export function isRootFolder(path) {
161 | if (!path) {
162 | return false;
163 | }
164 |
165 | const parentPath = getParentPath(path);
166 |
167 | return parentPath === filesFolder;
168 | }
169 |
170 | export function isLargeFile(file) {
171 | return !!file?.isDirectory && !!file.isDirectory() && file.name.endsWith(largeFileExtension);
172 | }
173 |
--------------------------------------------------------------------------------
/src/components/FolderActions.js:
--------------------------------------------------------------------------------
1 | import { Actionsheet, Divider } from 'native-base';
2 | import React, { useEffect, useState } from 'react';
3 |
4 | import { asyncForEach } from '../lib/array';
5 | import { platforms } from '../lib/constants';
6 | import { deleteFile } from '../lib/files/actions';
7 | import { encryptFiles } from '../lib/openpgp/encryptFiles';
8 | import { showToast } from '../lib/toast';
9 | import { useStore } from '../store/store';
10 | import AddNoteButton from './AddNoteButton';
11 | import DownloadRemoteFileButton from './DownloadRemoteFileButton';
12 | import PickFilesButton from './PickFilesButton';
13 | import PickImagesButton from './PickImagesButton';
14 | import PickNotesButton from './PickNotesButton';
15 | import PlatformToggle from './PlatformToggle';
16 | import TakePhotoButton from './TakePhotoButton';
17 |
18 | async function deleteFiles(pickedFiles) {
19 | await asyncForEach(
20 | pickedFiles.map(f => f.path),
21 | async path => {
22 | await deleteFile(path);
23 | }
24 | );
25 | }
26 |
27 | function FolderActions({ folder, isOpen, onClose, onAddFile, onPickNotes, selectedFiles, navigate }) {
28 | const password = useStore(state => state.activePassword);
29 |
30 | const [isEncryptingFiles, setIsEncryptingFiles] = useState(false);
31 | const [isEncryptingImages, setIsEncryptingImages] = useState(false);
32 | const [isEncryptingNewImage, setIsEncryptingNewImage] = useState(false);
33 | const [isDownloading, setIsDownloading] = useState(false);
34 | const [isPickingNotes, setIsPickingNotes] = useState(false);
35 |
36 | useEffect(() => {
37 | if (selectedFiles?.length) {
38 | handleEncrypt(selectedFiles, setIsEncryptingNewImage);
39 | }
40 | // eslint-disable-next-line react-hooks/exhaustive-deps
41 | }, [selectedFiles]);
42 |
43 | async function handleEncrypt(pickedFiles, setIsEncrypting) {
44 | setIsEncrypting(true);
45 |
46 | const encryptedFiles = await encryptFiles(pickedFiles, {
47 | folder,
48 | onEncrypted: onAddFile,
49 | password,
50 | });
51 | if (encryptedFiles.length) {
52 | showToast('Your files are encrypted and saved on your phone!');
53 | }
54 |
55 | setIsEncrypting(false);
56 | await deleteFiles(pickedFiles);
57 | }
58 |
59 | const isLoading =
60 | isEncryptingFiles || isEncryptingImages || isEncryptingNewImage || isDownloading;
61 | return (
62 |
63 |
64 | {
69 | await handleEncrypt([photo], setIsEncryptingNewImage);
70 | }}
71 | />
72 |
73 | {
79 | await handleEncrypt(images, setIsEncryptingImages);
80 | }}
81 | />
82 |
83 | {
89 | await handleEncrypt(files, setIsEncryptingFiles);
90 | }}
91 | />
92 | {
98 | await handleEncrypt([file], setIsEncryptingFiles);
99 | }}
100 | />
101 |
102 |
108 | {
115 | await onPickNotes(notes);
116 | }}
117 | />
118 |
119 |
120 | );
121 | }
122 |
123 | export default FolderActions;
124 |
--------------------------------------------------------------------------------