13 |
16 |
17 |
19 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/web/src/components/HighlightedText.tsx:
--------------------------------------------------------------------------------
1 | // function hexToRGBA(hex: string, alpha: number | string) {
2 | // const r = parseInt(hex.slice(1, 3), 16),
3 | // g = parseInt(hex.slice(3, 5), 16),
4 | // b = parseInt(hex.slice(5, 7), 16)
5 |
6 | // if (alpha) {
7 | // return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + alpha + ')'
8 | // } else {
9 | // return 'rgb(' + r + ', ' + g + ', ' + b + ')'
10 | // }
11 | // }
12 |
13 | export default function HighlightedText({
14 | text,
15 | }: {
16 | text: string
17 | color: string
18 | weight?: number
19 | }) {
20 | return {text}
21 | }
22 |
--------------------------------------------------------------------------------
/app/.eslintignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 |
5 | # Runtime data
6 | pids
7 | *.pid
8 | *.seed
9 |
10 | # Coverage directory used by tools like istanbul
11 | coverage
12 | .eslintcache
13 |
14 | # Dependency directory
15 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
16 | node_modules
17 |
18 | # OSX
19 | .DS_Store
20 |
21 | release/app/dist
22 | release/build
23 | .erb/dll
24 |
25 | .idea
26 | npm-debug.log.*
27 | *.css.d.ts
28 | *.sass.d.ts
29 | *.scss.d.ts
30 |
31 | # eslint ignores hidden directories by default:
32 | # https://github.com/eslint/eslint/issues/8429
33 | !.erb
--------------------------------------------------------------------------------
/app/release/app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "left-on-read",
3 | "version": "4.0.1",
4 | "author": "Left on Read",
5 | "description": "A message analyzing platform",
6 | "main": "./dist/main/main.js",
7 | "scripts": {
8 | "electron-rebuild": "node -r ts-node/register ../../.erb/scripts/electron-rebuild.js",
9 | "postinstall": "yarn electron-rebuild && npm run link-modules",
10 | "link-modules": "node -r ts-node/register ../../.erb/scripts/link-modules.ts"
11 | },
12 | "dependencies": {
13 | "sqlite3": "^5.0.10",
14 | "v8-profiler-next": "1.6.0"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/web/src/__tests__/index.test.tsx:
--------------------------------------------------------------------------------
1 | import { render } from '@testing-library/react'
2 |
3 | import Landing from '../pages/index'
4 | import PrivacyPolicy from '../pages/privacy'
5 | import TermsOfService from '../pages/terms'
6 |
7 | jest.mock('react-chartjs-2')
8 |
9 | describe('Page sanity checks', () => {
10 | it('renders Landing without crashing', () => {
11 | render(
23 |
32 |
42 |
43 | )
44 | }
45 |
--------------------------------------------------------------------------------
/web/src/components/Markdown.tsx:
--------------------------------------------------------------------------------
1 | import { Text } from '@chakra-ui/react'
2 | import ReactMarkdown from 'react-markdown'
3 |
4 | const renderers = {
5 | heading: ({ level, children }: { level: number; children: string }) => {
6 | if (level === 1) {
7 | return
16 |
22 | 
31 |
32 |
53 | );
54 | }
55 |
--------------------------------------------------------------------------------
/web/src/theme/index.ts:
--------------------------------------------------------------------------------
1 | import { extendTheme, theme as baseTheme } from '@chakra-ui/react'
2 |
3 | import { palette } from './colors'
4 | import { error, shadow, success } from './semantics'
5 |
6 | const Theme = {
7 | primary: palette.petalPurple,
8 | secondary: palette.frogGreen,
9 | palette,
10 | semantics: {
11 | shadow,
12 | success,
13 | error,
14 | },
15 | footer: {
16 | images: {
17 | md: {
18 | width: '60px',
19 | height: '56.4px',
20 | },
21 | sm: {
22 | width: '33px',
23 | height: '30px',
24 | },
25 | },
26 | },
27 | }
28 |
29 | export default Theme
30 |
31 | const Breakpoints = {
32 | sm: 600, // Mobile devices
33 | md: 850, // Tablets
34 | lg: 1200, // Desktop
35 | }
36 |
37 | export const belowBreakpoint = {
38 | sm: `@media (max-width: ${Breakpoints.sm}px)`,
39 | md: `@media (max-width: ${Breakpoints.md}px)`,
40 | lg: `@media (max-width: ${Breakpoints.lg}px)`,
41 | }
42 |
43 | export const MIN_HEIGHT = '720px'
44 |
45 | // SEE THEME COLOURS HERE: https://chakra-ui.com/docs/styled-system/theme
46 | export const chakraTheme = extendTheme({
47 | config: {
48 | initialColorMode: 'light',
49 | useSystemColorMode: false,
50 | },
51 | colors: {
52 | primary: baseTheme.colors.purple,
53 | },
54 | fonts: {
55 | body: `Roboto`,
56 | heading: `Roboto`,
57 | },
58 | components: {
59 | Button: {
60 | baseStyle: {
61 | fontWeight: 500,
62 | fontSize: 14,
63 | },
64 | variants: {
65 | primary: {
66 | backgroundColor: 'purple.100',
67 | _hover: { background: 'purple.200' },
68 | },
69 | },
70 | },
71 | },
72 | })
73 |
--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leftonread-server",
3 | "version": "1.0.0",
4 | "main": "src/index.js",
5 | "license": "MIT",
6 | "scripts": {
7 | "build": "yarn tsc",
8 | "start": "node dist/index.js",
9 | "dev": "concurrently \"yarn tsc --watch\" \"nodemon -q dist/index.js\"",
10 | "lint": "eslint '*/**/*.{js,ts}'",
11 | "tsc": "./node_modules/typescript/bin/tsc"
12 | },
13 | "dependencies": {
14 | "@amplitude/analytics-node": "^0.5.0",
15 | "@sentry/node": "^7.11.1",
16 | "@sentry/tracing": "^7.11.1",
17 | "body-parser": "^1.20.0",
18 | "cors": "^2.8.5",
19 | "dotenv": "^16.0.1",
20 | "express": "^4.18.1",
21 | "firebase": "^9.9.3",
22 | "google-spreadsheet": "^3.3.0",
23 | "http-status-codes": "^2.2.0",
24 | "morgan": "^1.10.0",
25 | "multer": "^1.4.5-lts.1",
26 | "nodemailer": "^6.7.7",
27 | "stripe": "^10.6.0",
28 | "typescript": "^4.7.4",
29 | "uuid": "^8.3.2"
30 | },
31 | "devDependencies": {
32 | "@leftonread/eslint-config": "file:../eslint-config",
33 | "@types/cors": "^2.8.12",
34 | "@types/express": "^4.17.13",
35 | "@types/google-spreadsheet": "^3.3.0",
36 | "@types/morgan": "^1.9.3",
37 | "@types/multer": "^1.4.7",
38 | "@types/node": "^18.6.3",
39 | "@types/nodemailer": "^6.4.4",
40 | "@types/uuid": "^8.3.4",
41 | "@typescript-eslint/eslint-plugin": "^5.32.0",
42 | "@typescript-eslint/parser": "^5.32.0",
43 | "concurrently": "^7.3.0",
44 | "eslint": "^8.21.0",
45 | "eslint-config-prettier": "^8.5.0",
46 | "eslint-plugin-prettier": "^4.2.1",
47 | "eslint-plugin-simple-import-sort": "^7.0.0",
48 | "nodemon": "^2.0.19",
49 | "prettier": "^2.7.1"
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/app/src/analysis/queries/ContactOptionsQuery.ts:
--------------------------------------------------------------------------------
1 | import * as sqlite3 from 'sqlite3';
2 |
3 | import { PHONE_NUMBER_LENGTH } from '../../utils/normalization';
4 | import { allP } from '../../utils/sqliteWrapper';
5 | import { ChatTableNames } from '../tables/types';
6 |
7 | enum Columns {
8 | COUNT = 'mycount',
9 | VALUE = 'value',
10 | LABEL = 'label',
11 | ID = 'id',
12 | }
13 |
14 | export interface ContactOptionsQueryResult {
15 | value: string;
16 | label: string;
17 | mycount: number;
18 | phoneNumber: string;
19 | }
20 |
21 | export async function queryContactOptions(
22 | db: sqlite3.Database
23 | ): Promise
33 |
34 | Thanks for your support!
35 |
36 |
37 | We have exciting features planned: powerful filtering and support for
38 | Facebook Messenger 👀
39 |
40 |
41 |
50 |
51 |
16 |
63 | );
64 | }
65 |
--------------------------------------------------------------------------------
/app/src/renderer/index.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-restricted-globals */
2 | import {
3 | events,
4 | init,
5 | label,
6 | measure,
7 | network,
8 | profiler,
9 | vitals,
10 | } from '@palette.dev/electron/renderer';
11 | import { createRoot } from 'react-dom/client';
12 |
13 | import { App } from '../components/App';
14 |
15 | init({
16 | key: 'cl8j2xvzc014708mq30m2vaqv',
17 | plugins: [events(), vitals(), network(), measure(), profiler()],
18 | });
19 |
20 | // Profile page load
21 | profiler.start({ sampleInterval: 10, maxBufferSize: 10_000 });
22 | addEventListener('load', () => profiler.stop());
23 |
24 | // A utility for profiling and label frequent events
25 | const debounce = (start: any, stop: any, opts = { timeout: 1_000 }) => {
26 | let timeoutId: any;
27 | return () => {
28 | if (timeoutId === undefined) {
29 | start();
30 | } else {
31 | clearTimeout(timeoutId);
32 | }
33 | // Debounce marking the end of the label
34 | timeoutId = setTimeout(() => {
35 | stop();
36 | timeoutId = undefined;
37 | }, opts.timeout);
38 | };
39 | };
40 | // Debounce starting the profiler
41 | const debounceProfiler = debounce(
42 | () => {
43 | label.start('ui.interaction');
44 | profiler.start({
45 | sampleInterval: 10,
46 | maxBufferSize: 10_000,
47 | });
48 | },
49 | () => {
50 | label.end('ui.interaction');
51 | return profiler.stop();
52 | }
53 | );
54 | // Profile scroll, mousemove, and click events
55 | addEventListener('wheel', debounceProfiler);
56 | addEventListener('mousemove', debounceProfiler);
57 | addEventListener('click', debounceProfiler);
58 | addEventListener('keypress', debounceProfiler);
59 |
60 | const container = document.getElementById('root')!;
61 | const root = createRoot(container);
62 | root.render(
28 |
36 | {children}
37 |
38 | {circleShadowDimensions && (
39 |
62 |
22 |
36 |
37 |
51 |
52 |
62 |
63 |
2 | 
3 |
4 |
5 | iMessage Wrapped! Left on Read is built with Electron, React, SQLite, Typescript.
6 |
7 | Your texting data never leaves your computer. We are proudly open-source for this reason. The app works without an Internet connection.
8 |
9 | ## Features:
10 |
11 | - 🔐 code runs locally, no data leaves your computer
12 | - 📊 top sent and received word, emoji, contact
13 | - 🍆 your texting activity
14 | - 😂 reactions sent in group chats
15 | - 🔍 filter by a word, friend, or time range
16 | - 💯 sentiment analysis
17 | - 🎁 "Your Year in Text" experience a.k.a iMessage Wrapped
18 |
19 | ## Download Left on Read for Mac
20 |
21 | Download
22 | 23 | 24 | 25 | ## Mission and Values 26 | 27 | **Open-Source**: We open-sourced the entire application to keep users' security and privacy first. 28 | 29 | **Secure**: Just like your private photos and important documents, your text messages are only accessible to you and never seen by us. 30 | 31 | **Fun**: The first iteration was a [web application](https://www.reddit.com/r/dataisbeautiful/comments/biou3e/4_years_of_texts_between_me_and_my_long_distance/), but now we have rebuilt Left on Read as a Desktop app, so that everything runs locally. 32 | 33 | ## License 34 | 35 | Left on Read is licensed under an Elastic License 2.0 (ELv2). 36 | 37 | By contributing to Left on Read, you agree that your contributions will be licensed under ELv2. 38 | 39 | ## Sponsors 40 | 41 | _Support this project by becoming a sponsor. Your logo will show up here with a link to your website._ 42 | 43 | Thank you to Vercel for sponsoring this project! 44 | 45 | [](https://vercel.com/?utm_source=leftonread&utm_campaign=oss) 46 | -------------------------------------------------------------------------------- /app/src/components/Loaders/BarChartLoading.tsx: -------------------------------------------------------------------------------- 1 | import { motion } from 'framer-motion'; 2 | import { useEffect, useState } from 'react'; 3 | 4 | const scale = 15; 5 | 6 | export function BarChartLoading({ 7 | pause, 8 | colorOverride, 9 | }: { 10 | pause: boolean; 11 | colorOverride?: string; 12 | }) { 13 | const defaultBarStyles = { 14 | width: (25 * scale) / 12, 15 | backgroundColor: colorOverride ?? 'white', 16 | margin: '0 2px', 17 | borderRadius: '4px 4px 0 0', 18 | }; 19 | 20 | const [heights, setHeights] = useState
40 |
74 | );
75 | }
76 |
--------------------------------------------------------------------------------
/app/src/analysis/queries/RespondReminders.ts:
--------------------------------------------------------------------------------
1 | import * as sqlite3 from 'sqlite3';
2 |
3 | import { filterOutReactions } from '../../constants/filters';
4 | import * as sqlite3Wrapper from '../../utils/sqliteWrapper';
5 | import { CoreTableNames } from '../tables/types';
6 |
7 | export type RespondRemindersResult = {
8 | message: string;
9 | friend: string;
10 | date: string;
11 | };
12 |
13 | function hasNumber(myString: string) {
14 | return /\d/.test(myString);
15 | }
16 |
17 | function scoreReminder(reminder: RespondRemindersResult) {
18 | // Longer is good
19 | // Includes ? is good
20 | // Contact is legit is good
21 | return (
22 | reminder.message.length +
23 | 300 *
24 | (reminder.message.includes('?') ? 2 : 1) *
25 | (hasNumber(reminder.friend) ? 1 : 10)
26 | );
27 | }
28 |
29 | export async function queryRespondReminders(
30 | db: sqlite3.Database
31 | ): Promise
32 |
73 | )
74 | }
75 |
--------------------------------------------------------------------------------
/web/src/hooks/useGradient.ts:
--------------------------------------------------------------------------------
1 | // NOTE(teddy): No longer using this fancy gradient because of imperfections, but leaving it here since it's dope and I want to come back to it.
2 | import * as React from 'react'
3 |
4 | export default function useGradient(canvas: HTMLCanvasElement | undefined) {
5 | React.useEffect(() => {
6 | const context = canvas?.getContext('2d')
7 | if (!context) {
8 | return
9 | }
10 |
11 | let time = 0
12 | const color = function (
13 | x: number,
14 | y: number,
15 | r: number,
16 | g: number,
17 | b: number
18 | ) {
19 | context.fillStyle = `rgb(${r}, ${g}, ${b})`
20 | context.fillRect(x, y, 5, 5)
21 | }
22 |
23 | const red = function (x: number, y: number, time: number) {
24 | return Math.floor(192 + 64 * Math.cos((x * x - y * y) / 300 + time))
25 | }
26 |
27 | const green = function (x: number, y: number, time: number) {
28 | return Math.floor(
29 | 192 +
30 | 64 *
31 | Math.sin(
32 | (x * x * Math.cos(time / 4) + y * y * Math.sin(time / 3)) / 300
33 | )
34 | )
35 | }
36 |
37 | const blue = function (x: number, y: number, time: number) {
38 | return Math.floor(
39 | 192 +
40 | 64 *
41 | Math.sin(
42 | 5 * Math.sin(time / 9) +
43 | ((x - 100) * (x - 100) + (y - 100) * (y - 100)) / 1100
44 | )
45 | )
46 | }
47 |
48 | let requestId: number | undefined = undefined
49 | const startAnimation = function () {
50 | for (let x = 0; x <= 30; x++) {
51 | for (let y = 0; y <= 30; y++) {
52 | color(x, y, red(x, y, time), green(x, y, time), blue(x, y, time))
53 | }
54 | }
55 |
56 | time = time + 0.01
57 | requestId = window.requestAnimationFrame(startAnimation)
58 | }
59 |
60 | startAnimation()
61 |
62 | return () => {
63 | if (requestId) {
64 | window.cancelAnimationFrame(requestId)
65 | }
66 | }
67 | }, [canvas])
68 | }
69 |
--------------------------------------------------------------------------------
/app/.erb/configs/webpack.config.renderer.dev.dll.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Builds the DLL for development electron renderer process
3 | */
4 |
5 | import path from 'path';
6 | import webpack from 'webpack';
7 | import { merge } from 'webpack-merge';
8 |
9 | import { dependencies } from '../../package.json';
10 | import checkNodeEnv from '../scripts/check-node-env';
11 | import baseConfig from './webpack.config.base';
12 | import webpackPaths from './webpack.paths';
13 |
14 | checkNodeEnv('development');
15 |
16 | const dist = webpackPaths.dllPath;
17 |
18 | const configuration: webpack.Configuration = {
19 | context: webpackPaths.rootPath,
20 |
21 | devtool: 'eval',
22 |
23 | mode: 'development',
24 |
25 | target: 'electron-renderer',
26 |
27 | externals: ['fsevents', 'crypto-browserify'],
28 |
29 | /**
30 | * Use `module` from `webpack.config.renderer.dev.js`
31 | */
32 | module: require('./webpack.config.renderer.dev').default.module,
33 |
34 | entry: {
35 | renderer: Object.keys(dependencies || {}),
36 | },
37 |
38 | output: {
39 | path: dist,
40 | filename: '[name].dev.dll.js',
41 | library: {
42 | name: 'renderer',
43 | type: 'var',
44 | },
45 | },
46 |
47 | plugins: [
48 | new webpack.DllPlugin({
49 | path: path.join(dist, '[name].json'),
50 | name: '[name]',
51 | }),
52 |
53 | /**
54 | * Create global constants which can be configured at compile time.
55 | *
56 | * Useful for allowing different behaviour between development builds and
57 | * release builds
58 | *
59 | * NODE_ENV should be production so that modules do not perform certain
60 | * development checks
61 | */
62 | new webpack.EnvironmentPlugin({
63 | NODE_ENV: 'development',
64 | }),
65 |
66 | new webpack.LoaderOptionsPlugin({
67 | debug: true,
68 | options: {
69 | context: webpackPaths.srcPath,
70 | output: {
71 | path: webpackPaths.dllPath,
72 | },
73 | },
74 | }),
75 | ],
76 | };
77 |
78 | export default merge(baseConfig, configuration);
79 |
--------------------------------------------------------------------------------
/app/.erb/configs/webpack.config.main.prod.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Webpack config for production electron main process
3 | */
4 |
5 | import path from 'path';
6 | import TerserPlugin from 'terser-webpack-plugin';
7 | import webpack from 'webpack';
8 | import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
9 | import { merge } from 'webpack-merge';
10 |
11 | import checkNodeEnv from '../scripts/check-node-env';
12 | import deleteSourceMaps from '../scripts/delete-source-maps';
13 | import baseConfig from './webpack.config.base';
14 | import webpackPaths from './webpack.paths';
15 |
16 | checkNodeEnv('production');
17 | deleteSourceMaps();
18 |
19 | const configuration: webpack.Configuration = {
20 | devtool: 'source-map',
21 |
22 | mode: 'production',
23 |
24 | target: 'electron-main',
25 |
26 | entry: {
27 | main: path.join(webpackPaths.srcMainPath, 'main.ts'),
28 | },
29 |
30 | output: {
31 | path: webpackPaths.distMainPath,
32 | filename: '[name].js',
33 | },
34 |
35 | optimization: {
36 | minimizer: [
37 | new TerserPlugin({
38 | parallel: true,
39 | }),
40 | ],
41 | },
42 |
43 | plugins: [
44 | new BundleAnalyzerPlugin({
45 | analyzerMode: process.env.ANALYZE === 'true' ? 'server' : 'disabled',
46 | }),
47 |
48 | /**
49 | * Create global constants which can be configured at compile time.
50 | *
51 | * Useful for allowing different behaviour between development builds and
52 | * release builds
53 | *
54 | * NODE_ENV should be production so that modules do not perform certain
55 | * development checks
56 | */
57 | new webpack.EnvironmentPlugin({
58 | NODE_ENV: 'production',
59 | DEBUG_PROD: false,
60 | START_MINIMIZED: false,
61 | }),
62 | ],
63 |
64 | /**
65 | * Disables webpack processing of __dirname and __filename.
66 | * If you run the bundle in node.js it falls back to these values of node.js.
67 | * https://github.com/webpack/webpack/issues/2010
68 | */
69 | node: {
70 | __dirname: false,
71 | __filename: false,
72 | },
73 | };
74 |
75 | export default merge(baseConfig, configuration);
76 |
--------------------------------------------------------------------------------
/app/src/analysis/queries/TextsOverTimeQuery.ts:
--------------------------------------------------------------------------------
1 | import * as sqlite3 from 'sqlite3';
2 |
3 | import { allP } from '../../utils/sqliteWrapper';
4 | import { CoreMainTableColumns } from '../tables/CoreTable';
5 | import { CalendarTableNames, CoreTableNames } from '../tables/types';
6 | import {
7 | getAllFilters,
8 | SharedQueryFilters,
9 | } from './filters/sharedQueryFilters';
10 |
11 | enum TextOverTimeColumns {
12 | DAY = 'day',
13 | SENT = 'is_from_me',
14 | COUNT = 'count',
15 | }
16 |
17 | export type TextOverTimeResults = {
18 | day: Date;
19 | is_from_me: number;
20 | count: number;
21 | }[];
22 |
23 | const getCoreQuery = (allFilters: string) => {
24 | return `
25 | WITH LOR_TEXTS_OVER_TIME AS (
26 | SELECT
27 | DATE(${CoreMainTableColumns.DATE}) as ${CoreMainTableColumns.DATE},
28 | is_from_me,
29 | COUNT(*) as count
30 | FROM ${CoreTableNames.CORE_MAIN_TABLE}
31 | ${allFilters}
32 | GROUP BY DATE(${CoreMainTableColumns.DATE}), is_from_me
33 | )
34 |
35 | SELECT calendar_table.date as ${TextOverTimeColumns.DAY}, ${TextOverTimeColumns.SENT}, COALESCE(count, 0) as ${TextOverTimeColumns.COUNT} FROM ${CalendarTableNames.CALENDAR_TABLE}
36 | LEFT JOIN LOR_TEXTS_OVER_TIME
37 | ON ${CoreMainTableColumns.DATE} = ${CalendarTableNames.CALENDAR_TABLE}.date
38 | WHERE ${CalendarTableNames.CALENDAR_TABLE}.date BETWEEN (SELECT MIN(${CoreMainTableColumns.DATE}) FROM LOR_TEXTS_OVER_TIME) AND (SELECT MAX(${CoreMainTableColumns.DATE}) FROM LOR_TEXTS_OVER_TIME)`;
39 | };
40 |
41 | export async function queryTextsOverTimeSent(
42 | db: sqlite3.Database,
43 | filters: SharedQueryFilters
44 | ): Promise
43 |
45 |
53 |
72 |
60 | {name}
61 |
62 |
69 | {text}
70 |
71 |
37 | 
42 |
43 |
25 |
86 | );
87 | }
88 |
--------------------------------------------------------------------------------
/app/src/analysis/queries/WrappedQueries/FunniestMessageQuery.ts:
--------------------------------------------------------------------------------
1 | import * as sqlite3 from 'sqlite3';
2 |
3 | import * as sqlite3Wrapper from '../../../utils/sqliteWrapper';
4 | import { SharedGroupChatTabQueryFilters } from '../filters/sharedGroupChatTabFilters';
5 | import { timeRangeFilter } from '../filters/sharedQueryFilters';
6 |
7 | export type FunniestMessageResult = {
8 | groupChatName: string;
9 | funniestMessage: string;
10 | numberReactions: number;
11 | contactName: string;
12 | }[];
13 |
14 | export async function queryFunniestMessage(
15 | db: sqlite3.Database,
16 | filters: SharedGroupChatTabQueryFilters | undefined
17 | ): Promise
34 |
35 | 
36 |
37 |
38 |
47 |
80 |
48 |
49 | Oops! Sorry, something went wrong.
50 |
51 |
79 |
54 |
61 |
68 |
77 |
78 |
60 |
65 |
66 |
44 |
49 |
50 |
60 | If this issue persists, please contact support.
61 |
62 | -
71 | {messages.map(({ text, sent, id }, i) => {
72 | const isLast = i === messages.length - 1;
73 | const noTail = !isLast && messages[i + 1]?.sent === sent;
74 | return (
75 |
24 |
84 |
85 |
32 |
69 |
33 |
39 | 
40 |
41 |
51 | WELCOME TO
52 |
53 |
60 | LEFT ON READ
61 |
62 |
63 |
64 |
65 | What will your learn from your texts?
66 |
67 |
68 |
70 |
80 |
82 |
83 |