12 |
13 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/apps/mobile/e2e/starter.test.ts:
--------------------------------------------------------------------------------
1 | import { by, device, element, expect } from "detox";
2 |
3 | describe("Onelove mobile app", () => {
4 | beforeAll(async () => {
5 | await device.launchApp();
6 | });
7 |
8 | beforeEach(async () => {
9 | await device.reloadReactNative();
10 | });
11 |
12 | it("should have welcome screen", async () => {
13 | await expect(element(by.id("welcome"))).toBeVisible();
14 | });
15 |
16 | it("should show hello world text", async () => {
17 | const el = element(by.id("welcome"));
18 | await expect(el).toHaveText("Hello World! 👋");
19 | });
20 | });
21 |
--------------------------------------------------------------------------------
/apps/api/src/accounts/accounts.service.spec.ts:
--------------------------------------------------------------------------------
1 | import type { TestingModule } from "@nestjs/testing";
2 | import { Test } from "@nestjs/testing";
3 |
4 | import { AccountsService } from "./accounts.service";
5 |
6 | describe("AccountsService", () => {
7 | let service: AccountsService;
8 |
9 | beforeEach(async () => {
10 | const module: TestingModule = await Test.createTestingModule({
11 | providers: [AccountsService],
12 | }).compile();
13 |
14 | service = module.get
29 |
33 |
30 |
32 | Onelove
31 |
8 |
41 | );
42 | }
43 |
--------------------------------------------------------------------------------
/apps/frontend/app/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React from "react";
4 |
5 | import type { Social } from "@acme/ui";
6 | import { HeroHeader, Navbar } from "@acme/ui";
7 |
8 | const header = {
9 | title: "Welcome to Onelove!",
10 | subtitle:
11 | "Web 🛜 Mobile 📱 Desktop 🖥️ Browser Extensions 🔮 APIs 👮♂️ and Scraper 🕸️",
12 | image: "sloth.png",
13 | };
14 |
15 | const site = {
16 | name: "Onelove",
17 | author: "suchcodemuchwow",
18 | navLinks: [
19 | {
20 | route: "Home",
21 | path: "/",
22 | },
23 | ],
24 | };
25 |
26 | const social: Social[] = [
27 | {
28 | href: "https://www.github.com/suchcodemuchwow/onelove",
29 | platform: "github",
30 | },
31 | {
32 | href: "https://www.twitter.com/suchcodemuchwow",
33 | platform: "twitter",
34 | },
35 | {
36 | href: "https://www.instagram.com/suchcodemuchwow",
37 | platform: "instagram",
38 | },
39 | {
40 | href: "https://www.linkedin.com/in/suchcodemuchwow",
41 | platform: "linkedin",
42 | },
43 | ];
44 |
45 | export default function Page() {
46 | return (
47 |
13 |
40 |
14 |
21 | 15 | Create an account 16 |
17 |18 | Enter your email below to create your account 19 |
20 |23 | By clicking continue, you agree to our{" "} 24 | 28 | Terms of Service 29 | {" "} 30 | and{" "} 31 | 35 | Privacy Policy 36 | 37 | . 38 |
39 |
48 |
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/apps/frontend/README.md:
--------------------------------------------------------------------------------
1 | ## Getting Started
2 |
3 | First, run the development server:
4 |
5 | ```bash
6 | yarn dev
7 | ```
8 |
9 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
10 |
11 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
12 |
13 | To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3000/api/hello](http://localhost:3000/api/hello).
14 |
15 | ## Learn More
16 |
17 | To learn more about Next.js, take a look at the following resources:
18 |
19 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
20 | - [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
21 |
22 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
23 |
24 | ## Deploy on Vercel
25 |
26 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
27 |
28 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
29 |
--------------------------------------------------------------------------------
/packages/ui/components/ui/popover.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import type { PopoverPortalProps } from "@radix-ui/react-popover";
4 | import * as React from "react";
5 | import * as PopoverPrimitive from "@radix-ui/react-popover";
6 |
7 | import { cn } from "../../lib/utils";
8 |
9 | const Popover = PopoverPrimitive.Root;
10 |
11 | const PopoverTrigger = PopoverPrimitive.Trigger;
12 |
13 | const PopoverContent = React.forwardRef<
14 | React.ElementRef
24 | 
25 |
34 | {props.social && (
35 |
26 |
33 |
27 |
32 | {header}
28 |29 | {subheader} 30 |
31 |
36 | Follow me on social media:
37 |
55 | )}
56 |
38 | {props.social.map((s) => {
39 | return (
40 | s && (
41 |
50 | )
51 | );
52 | })}
53 |
54 |
25 |
49 |
68 | );
69 | }
70 |
--------------------------------------------------------------------------------
/apps/mobile/.detoxrc.js:
--------------------------------------------------------------------------------
1 | /** @type {Detox.DetoxConfig} */
2 | module.exports = {
3 | logger: {
4 | level: "fatal",
5 | },
6 | testRunner: {
7 | args: {
8 | $0: "../../node_modules/.bin/jest",
9 | config: "config/setupDetox.json",
10 | },
11 | jest: {
12 | setupTimeout: 120000,
13 | },
14 | },
15 | artifacts: {
16 | plugins: {
17 | log: process.env.CI ? "failing" : undefined,
18 | screenshot: "failing",
19 | },
20 | },
21 | apps: {
22 | "ios.release": {
23 | type: "ios.app",
24 | build:
25 | "xcodebuild -workspace ios/onelove.xcworkspace -scheme onelove -configuration Release -sdk iphonesimulator -arch x86_64 -derivedDataPath ios/build",
26 | binaryPath:
27 | "ios/build/Build/Products/Release-iphonesimulator/onelove.app",
28 | },
29 | "android.release": {
30 | type: "android.apk",
31 | build:
32 | "cd android && ./gradlew :app:assembleRelease :app:assembleAndroidTest -DtestBuildType=release && cd ..",
33 | binaryPath: "android/app/build/outputs/apk/release/app-release.apk",
34 | },
35 | },
36 | devices: {
37 | simulator: {
38 | type: "ios.simulator",
39 | device: {
40 | type: "iPhone 13 mini",
41 | },
42 | },
43 | attached: {
44 | type: "android.attached",
45 | device: {
46 | adbName: ".*",
47 | },
48 | },
49 | emulator: {
50 | type: "android.emulator",
51 | device: {
52 | avdName: "Pixel_3a_API_30_x86",
53 | },
54 | },
55 | },
56 | configurations: {
57 | "ios.debug": {
58 | device: "simulator",
59 | app: "ios.debug",
60 | },
61 | "ios.release": {
62 | device: "simulator",
63 | app: "ios.release",
64 | },
65 | "ios.sim.debug": {
66 | device: "simulator",
67 | app: "ios.debug",
68 | },
69 | "ios.sim.release": {
70 | device: "simulator",
71 | app: "ios.release",
72 | },
73 | "android.att.debug": {
74 | device: "attached",
75 | app: "android.debug",
76 | },
77 | "android.att.release": {
78 | device: "attached",
79 | app: "android.release",
80 | },
81 | "android.emu.debug": {
82 | device: "emulator",
83 | app: "android.debug",
84 | },
85 | "android.emu.release": {
86 | device: "emulator",
87 | app: "android.release",
88 | },
89 | },
90 | };
91 |
--------------------------------------------------------------------------------
/packages/ui/components/layout/navbar.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect, useState } from "react";
4 | import Link from "next/link";
5 | import { MenuIcon, XIcon } from "lucide-react";
6 |
7 | import { Button } from "../ui/button";
8 |
9 | interface NavLink {
10 | route: string;
11 | path: string;
12 | }
13 |
14 | export interface NavbarProps {
15 | siteName: string;
16 | navLinks: NavLink[];
17 | }
18 |
19 | export function Navbar(props: NavbarProps) {
20 | const [isMenuOpen, setMenuOpen] = useState(false);
21 |
22 | useEffect(() => {
23 | document.body.style.overflow = isMenuOpen ? "hidden" : "auto";
24 | }, [isMenuOpen]);
25 |
26 | const menuIcon = isMenuOpen ? (
27 |
50 |
59 |
67 |
51 |
52 |
53 |
54 |
55 | Or continue with
56 |
57 |
58 |
10 |
15 |
16 | ));
17 | Table.displayName = "Table";
18 |
19 | const TableHeader = React.forwardRef<
20 | HTMLTableSectionElement,
21 | React.HTMLAttributes
2 | 
3 |
A progressive Node.js framework for building efficient and scalable server-side applications.
9 |
10 | 
11 | 
12 | 
13 | 
15 | 
16 | 
17 | 
18 | 
19 | 
20 | 
21 |
`;
97 |
98 | return {
99 | appendLoading() {
100 | safeDOM.append(document.head, oStyle);
101 | safeDOM.append(document.body, oDiv);
102 | },
103 | removeLoading() {
104 | safeDOM.remove(document.head, oStyle);
105 | safeDOM.remove(document.body, oDiv);
106 | },
107 | };
108 | }
109 |
110 | // ----------------------------------------------------------------------
111 |
112 | const { appendLoading, removeLoading } = useLoading();
113 | domReady().then(appendLoading);
114 |
115 | window.onmessage = (ev) => {
116 | ev.data.payload === "removeLoading" && removeLoading();
117 | };
118 |
119 | setTimeout(removeLoading, 4999);
120 |
--------------------------------------------------------------------------------
/packages/ui/components/ui/dropdown-menu.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
5 | import { Check, ChevronRight, Circle } from "lucide-react";
6 |
7 | import { cn } from "../../lib/utils";
8 |
9 | const DropdownMenu = DropdownMenuPrimitive.Root;
10 |
11 | const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
12 |
13 | const DropdownMenuGroup = DropdownMenuPrimitive.Group;
14 |
15 | const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
16 |
17 | const DropdownMenuSub = DropdownMenuPrimitive.Sub;
18 |
19 | const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
20 |
21 | const DropdownMenuSubTrigger = React.forwardRef<
22 | React.ElementRef
4 | 
5 |
6 |
7 | ## 🚀 Motivation
8 |
9 | As a creator and relentless dreamer, navigating the intricate process of crafting complete products felt overwhelming. Developing frontend, backend, mobile, Scraper, and various components for each repository seemed like a series of separate battles and redundant efforts. I envisioned a space where the challenges of developing entire products could be addressed directly. A place where collaboration flowed naturally, contracts seamlessly, and tooling was a boon rather than a necessary evil.
10 |
11 | ## 🎯 Goals
12 | - **Technology Agnostic:** Use your preferred tech stack - be it Vercel, GCP, AWS, Supabase, Firebase, Prisma, Drizzle, etc.
13 | - **Ease of Use:** No boilerplate code, no unnecessary folder structures - just simplicity.
14 | - **Frameworks with Community Support:** Leverage widely-used frameworks with large communities such as Next.js, Nest.js, React Native, Electron, Playwright, and Plasmo.
15 |
16 | ## 📚 Table of Contents
17 |
18 | - [Getting Started](#getting-started)
19 | - [Motivation](#motivation)
20 | - [What's Inside](#whats-inside)
21 | - [Dependencies](#dependencies)
22 | - [Running e2e Tests](#running-e2e-tests)
23 | - [Changelog](#changelog)
24 | - [Contributing](#contributing)
25 | - [License](#license)
26 |
27 | ## 🚀 Getting Started
28 |
29 | **Step 1:** The easiest way to get started is to clone the repository:
30 |
31 | ```bash
32 | # Get the latest snapshot
33 | git clone https://github.com/suchcodemuchwow/onelove.git myproject
34 |
35 | # Change directory
36 | cd myproject
37 |
38 | # Install NPM dependencies
39 | pnpm install
40 |
41 | # Then simply start your app
42 | pnpm dev
43 | ```
44 |
45 | ## 📦 What's Inside?
46 |
47 | This Turborepo includes the following packages/apps:
48 |
49 |
5 |
50 | 
51 |
52 |
53 | #### Apps
54 |
55 | - `frontend`: a [Next.js](https://nextjs.org/) app
56 | - `api`: a [Nest.js](https://nestjs.com/) api
57 | - `mobile`: a [React Native-Expo](https://expo.dev/) app
58 | - `extension`: a [Plasmo](https://www.plasmo.com/) browser extension
59 | - `desktop`: an [Electron](http://electron.atom.io/) app
60 | - `scraper`: a [Playwright](https://playwright.dev/) app
61 |
62 | #### Packages
63 |
64 | - `@acme/ui`: [Shadcn](https://ui.shadcn.com/) ui library
65 | - `@acme/eslint-config`: `eslint` configurations
66 | - `@acme/typescript-config`: `tsconfig.json`s used throughout the monorepo
67 |
68 | #### Utilities
69 |
70 | This Turborepo has some additional tools already set up for you:
71 |
72 | - [TypeScript](https://www.typescriptlang.org/) for static type checking
73 | - [ESLint](https://eslint.org/) for code linting
74 | - [Prettier](https://prettier.io) for code formatting
75 | - [Renovate](https://docs.renovatebot.com) for dependency updates
76 | - [Lefthook](https://github.com/evilmartians/lefthook) for git hooks
77 |
78 | ## 🛠️ Dependencies
79 | | Package | Description |
80 | | ------------------------------------------ | ----------------------------------------------------------------------- |
81 | | **crawlee** | Web scraping library. |
82 | | **electron** | Cross-platform desktop application framework. |
83 | | **eslint** | JavaScript and TypeScript code quality checker. |
84 | | **expo** | Framework for building universal native apps. |
85 | | **jest** | JavaScript testing framework. |
86 | | **lefthook** | Git hooks manager. |
87 | | **next** | React framework for static websites. |
88 | | **playwright** | Node library to automate browsers. |
89 | | **plasmo** | Browser extension framework. |
90 | | **prettier** | Opinionated code formatter. |
91 | | **react** | JavaScript library for building user interfaces. |
92 | | **react-native** | Framework for building native apps using React. |
93 | | **react-native-web** | React Native for the web. |
94 | | **tailwindcss** | Utility-first CSS framework. |
95 | | **turbo** | High-performance build system for JavaScript and TypeScript. |
96 | | **typescript** | TypeScript language. |
97 | | **vite** | Fast development server and build tool. |
98 | | @babel/core | Babel compiler core. |
99 | | @ianvs/prettier-plugin-sort-imports | Prettier plugin for sorting imports. |
100 | | @nestjs/cache-manager | NestJS cache manager. |
101 | | @nestjs/cli | NestJS command line interface. |
102 | | @nestjs/common | NestJS common utilities and decorators. |
103 | | @nestjs/config | NestJS configuration module. |
104 | | @nestjs/core | NestJS core framework. |
105 | | @nestjs/platform-express | NestJS HTTP server platform. |
106 | | @nestjs/schematics | NestJS schematics. |
107 | | @nestjs/swagger | NestJS OpenAPI (Swagger) integration. |
108 | | @next/eslint-plugin-next | ESLint plugin for Next.js. |
109 | | @plasmohq/messaging | PlasmoHQ messaging library. |
110 | | @plasmohq/prettier-plugin-sort-imports | Prettier plugin for sorting imports (PlasmoHQ version). |
111 | | @typescript-eslint/eslint-plugin | TypeScript ESLint plugin. |
112 | | @typescript-eslint/parser | TypeScript ESLint parser. |
113 | | @vitejs/plugin-react | Vite plugin for React. |
114 | | autoprefixer | PostCSS plugin to parse CSS and add vendor prefixes. |
115 | | babel-preset-expo | Babel preset for Expo projects. |
116 | | cache-manager | Generic caching module for Node.js. |
117 | | class-transformer | Decorator-based object transformation library. |
118 | | class-validator | Validator and sanitizer for classes. |
119 | | electron-builder | Create installers for Electron apps. |
120 | | eslint-config-prettier | ESLint configuration for Prettier. |
121 | | eslint-config-turbo | Turbo's ESLint configuration. |
122 | | eslint-plugin-import | ESLint plugin for import/export syntax. |
123 | | eslint-plugin-jsx-a11y | ESLint plugin for JSX accessibility rules. |
124 | | eslint-plugin-react | ESLint plugin for React. |
125 | | eslint-plugin-react-hooks | ESLint plugin for React Hooks. |
126 | | expo-dev-client | Expo development client. |
127 | | expo-status-bar | Expo status bar component. |
128 | | expo-updates | Expo updates module. |
129 | | lucide-react | SVG icon component library. |
130 | | postcss | Tool for transforming styles with JS plugins. |
131 | | prettier-plugin-tailwindcss | Prettier plugin for Tailwind CSS. |
132 | | react-dom | Entry point to the DOM and server renderers for React. |
133 | | react-router-dom | Declarative routing for React.js. |
134 | | reflect-metadata | Decorator metadata reflection library. |
135 | | rxjs | Reactive programming library. |
136 | | source-map-support | Adds source map support to Node.js. |
137 | | supertest | HTTP assertion library for testing Node.js HTTP servers. |
138 | | tailwind-merge | Tailwind CSS utility for merging configurations. |
139 | | tailwindcss-animate | Tailwind CSS plugin for animations. |
140 | | ts-jest | Jest preprocessor for TypeScript. |
141 | | ts-loader | TypeScript loader for webpack. |
142 | | ts-node | TypeScript execution environment for Node.js. |
143 | | tsconfig-paths | Resolve TypeScript module aliases. |
144 | | tsup | TypeScript module bundler. |
145 | | tsx | TypeScript React JSX support. |
146 | | vite-plugin-electron | Vite plugin for Electron. |
147 | | vite-plugin-electron-renderer | Vite plugin for Electron renderer. |
148 |
149 | ## 🧪 Running e2e Tests
150 | To run e2e tests for mobile, ensure you have the following installed:
151 |
152 | ```bash
153 | # Install applesimutils
154 | brew tap wix/brew
155 | brew install applesimutils
156 | ```
157 |
158 | Please run the mobile app the first time you start using the repository; otherwise, Detox may not find the app.
159 |
160 | ## 📝 Todo
161 | - [ ] Shared types package
162 |
163 | ## 📜 Changelog
164 | Check out the changelog for the project [here](https://github.com/suchcodemuchwow/onelove/blob/main/CHANGELOG.md).
165 |
166 | ## 🤝 Contributing
167 | If something is unclear, confusing, or needs refactoring, please let me know. Pull requests are always welcome. Please open an issue before submitting a pull request. This project adheres to the [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript) with a few minor exceptions.
168 |
169 | ## 📄 License
170 | Copyright (c) 2023-2024 suchcodemuchwow
171 |
172 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
173 |
174 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
175 |
176 | THE SOFTWARE IS PROVIDED "AS IS," WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
/packages/ui/components/ui/icons.tsx:
--------------------------------------------------------------------------------
1 | type IconProps = React.HTMLAttributes
51 |