feat: note history

2025-12-23 23:19:40 +01:00 · 2021-12-14 12:33:39 +05:00
parent f0b3a41f6b
commit c72acbd989
8 changed files with 285 additions and 46 deletions
--- a/apps/mobile/src/components/NoteHistory/preview.js
+++ b/apps/mobile/src/components/NoteHistory/preview.js
@@ -0,0 +1,119 @@
+import React, {useRef} from 'react';
+import {View} from 'react-native';
+import WebView from 'react-native-webview';
+import {useTracked} from '../../provider';
+import {eSendEvent, ToastEvent} from '../../services/EventManager';
+import Navigation from '../../services/Navigation';
+import {dHeight} from '../../utils';
+import {db} from '../../utils/database';
+import {eCloseProgressDialog} from '../../utils/Events';
+import {normalize} from '../../utils/SizeUtils';
+import {timeConverter} from '../../utils/TimeUtils';
+import {sourceUri} from '../../views/Editor/Functions';
+import {Button} from '../Button';
+import DialogHeader from '../Dialog/dialog-header';
+
+export default function NotePreview({session, content}) {
+  const [state] = useTracked();
+  const {colors} = state;
+  const webviewRef = useRef();
+
+  const onLoad = async () => {
+    console.log(content);
+    let preview = await db.content.insertPlaceholders(
+      content,
+      'placeholder.svg'
+    );
+    console.log(preview, 'preview');
+    postMessage('htmldiff', preview?.data);
+    let theme = {...colors};
+    theme.factor = normalize(1);
+    postMessage('theme', JSON.stringify(theme));
+  };
+
+  function postMessage(type, value = null) {
+    let message = {
+      type: type,
+      value
+    };
+    webviewRef.current?.postMessage(JSON.stringify(message));
+  }
+
+  const _onShouldStartLoadWithRequest = request => {
+    if (request.url.includes('http')) {
+      openLinkInBrowser(request.url, colors)
+        .catch(e =>
+          ToastEvent.show({
+            title: 'Failed to open link',
+            message: e.message,
+            type: 'success',
+            context: 'local'
+          })
+        )
+        .then(r => {
+          console.log('closed');
+        });
+
+      return false;
+    } else {
+      return true;
+    }
+  };
+
+  async function restore() {
+    await db.noteHistory.restore(session.id);
+    eSendEvent(eCloseProgressDialog, 'note_history');
+    eSendEvent(eCloseProgressDialog);
+    Navigation.setRoutesToUpdate([
+      Navigation.routeNames.NotesPage,
+      Navigation.routeNames.Favorites,
+      Navigation.routeNames.Notes
+    ]);
+    ToastEvent.show({
+      heading: 'Note restored successfully',
+      type: 'success'
+    });
+  }
+
+  return (
+    <View
+      style={{
+        height: 600,
+        width: '100%'
+      }}>
+      <DialogHeader padding={12} title={timeConverter(session.dateEdited)} />
+      <WebView
+        ref={webviewRef}
+        onShouldStartLoadWithRequest={_onShouldStartLoadWithRequest}
+        onLoad={onLoad}
+        style={{
+          width: '100%',
+          height: '100%',
+          backgroundColor: 'transparent'
+        }}
+        cacheMode="LOAD_DEFAULT"
+        domStorageEnabled={true}
+        scrollEnabled={true}
+        bounces={false}
+        allowFileAccess={true}
+        scalesPageToFit={true}
+        allowingReadAccessToURL={Platform.OS === 'android' ? true : null}
+        allowFileAccessFromFileURLs={true}
+        allowUniversalAccessFromFileURLs={true}
+        originWhitelist={['*']}
+        javaScriptEnabled={true}
+        cacheEnabled={true}
+        source={{
+          uri: sourceUri + 'plaineditor.html'
+        }}
+      />
+
+      <View
+        style={{
+          paddingHorizontal: 12
+        }}>
+        <Button onPress={restore} title="Restore" type="accent" width="100%" />
+      </View>
+    </View>
+  );
+}