{stat}
13 | LYNX
13 |
13 | made with {emote} by{' '}
14 | @net-runner &{' '}
15 | @przemec
16 |
17 | Application Loading
; 23 | } 24 | 25 | // if auth initialized with a valid user show protected page 26 | if (!isLoading && user) { 27 | return <>{children}; 28 | } 29 | 30 | /* otherwise don't return anything, will do a redirect from useEffect */ 31 | return null; 32 | }; 33 | 34 | export default AuthGate; 35 | -------------------------------------------------------------------------------- /packages/linx-next/assets/icons/GithubOutlineIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | 3 | const SvgComponent = (props) => ( 4 | 26 | ); 27 | 28 | export default SvgComponent; 29 | -------------------------------------------------------------------------------- /packages/api/src/app/routes/auth/index.ts: -------------------------------------------------------------------------------- 1 | import { Router } from 'hyper-express'; 2 | import handleLogout from '../../controllers/auth/logout'; 3 | import handleMe from '../../controllers/auth/me'; 4 | import handleSignin from '../../controllers/auth/signin'; 5 | import handleSignup from '../../controllers/auth/signup'; 6 | import requireUser from '../../middlewares/auth/requireUser'; 7 | import githubRouter from './github'; 8 | import googleRouter from './google'; 9 | 10 | const authRouter = new Router(); 11 | 12 | authRouter.get('/authcheck', requireUser, async (req, res) => { 13 | res.send('You are authorized'); 14 | }); 15 | authRouter.get('/healthcheck', (req, res) => { 16 | res.status(200).end(); 17 | }); 18 | authRouter.get('/me', requireUser, handleMe); 19 | 20 | authRouter.get('/logout', requireUser, handleLogout); 21 | 22 | authRouter.post('/signin', handleSignin); 23 | authRouter.post('/signup', handleSignup); 24 | 25 | authRouter.use('/signin/github', githubRouter); 26 | authRouter.use('/signin/google', googleRouter); 27 | 28 | export default authRouter; 29 | -------------------------------------------------------------------------------- /packages/linx-next/components/Button/Button.styled.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | interface Props { 4 | isSecondary?: boolean; 5 | } 6 | 7 | export const Button = styled.button
2 |
3 | 
4 |
5 |
Lynx
6 |7 | 🦊 Open source platform for sharing, managing and discovering links and bookmarks 🦊 8 |
9 | 10 | 11 | 12 | 13 | ## [Now also on mobile](https://www.github.com/net-runner/lynx-mobile) 14 | 15 | ## Tech Stack 16 | - **Database**: PostgresSQL & Prisma as a ORM 17 | - **Frontend**: Next.js 18 | - **Backend**: Node.js + Hyper-Express 19 | - [**Mobile**](https://www.github.com/net-runner/lynx-mobile): React-Native 20 | 21 | ## Features 22 | 23 | - Dark mode from the start 24 | - Link sharing, discovery, managing, observing link groups or users 25 | - Trending links, users and linkgroups 26 | - Easy import & export 27 | - Clean, modern design 28 | - Fast, and ready as PWA 29 | - Monorepo with all of the code including database structure 30 | 31 | ## [Demo on Vercel](https://lynxweb.vercel.app) 32 | 33 | ## Authors 34 | 🦊 [@net-runner](https://www.github.com/net-runner) & [@przemec](https://www.github.com/przemec) 🦊 35 | -------------------------------------------------------------------------------- /packages/linx-next/components/LinkComponent/LinkComponent.styled.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | import { LinkIcon } from '../../assets/icons'; 3 | 4 | export const NewTabIconWrapper = styled.a` 5 | cursor: pointer; 6 | display: flex; 7 | align-items: center; 8 | justify-content: center; 9 | visibility: hidden; 10 | margin-left: 1rem; 11 | 12 | svg { 13 | width: 2.5rem; 14 | height: 2.5rem; 15 | } 16 | `; 17 | 18 | export const DeleteIconWrapper = styled.div` 19 | cursor: pointer; 20 | display: flex; 21 | align-items: center; 22 | justify-content: center; 23 | visibility: hidden; 24 | margin-left: 0.8rem; 25 | `; 26 | 27 | export const LContainer = styled.div` 28 | width: 100%; 29 | padding-top: 1rem; 30 | display: flex; 31 | align-items: center; 32 | justify-content: flex-start; 33 | 34 | span { 35 | cursor: pointer; 36 | } 37 | 38 | svg { 39 | width: 2.5rem; 40 | height: 2.5rem; 41 | } 42 | 43 | &:hover > div, 44 | &:hover > ${NewTabIconWrapper} { 45 | visibility: visible; 46 | } 47 | `; 48 | 49 | export const LinkIco = styled(LinkIcon)` 50 | transform: rotate(-45deg); 51 | margin-right: 1rem; 52 | `; 53 | -------------------------------------------------------------------------------- /packages/api/src/app/routes/linkgroup/index.ts: -------------------------------------------------------------------------------- 1 | import { Router } from 'hyper-express'; 2 | import requireUser from '../../middlewares/auth/requireUser'; 3 | import { LinkGroupController } from '../../controllers'; 4 | import cache from '../../middlewares/cache'; 5 | 6 | const linkGroupRouter = new Router(); 7 | const linkGroupController = new LinkGroupController(); 8 | 9 | linkGroupRouter.post('/add', requireUser, linkGroupController.add); 10 | linkGroupRouter.post('/edit', requireUser, linkGroupController.edit); 11 | linkGroupRouter.post('/del', requireUser, linkGroupController.delete); 12 | linkGroupRouter.post( 13 | '/incrementLinkedCount', 14 | linkGroupController.incrementLinkedCount 15 | ); 16 | 17 | linkGroupRouter.get('/:id', cache, linkGroupController.getSingle); 18 | linkGroupRouter.get('/:limit/:page', linkGroupController.getMany); 19 | linkGroupRouter.get('/:limit/:page/:skip', linkGroupController.getMany); 20 | linkGroupRouter.get( 21 | '/:limit/:page/:skip/:privacylevel', 22 | linkGroupController.getMany 23 | ); 24 | linkGroupRouter.get( 25 | '/:limit/:page/:skip/:privacylevel/:specificUsername', 26 | linkGroupController.getMany 27 | ); 28 | 29 | export default linkGroupRouter; 30 | -------------------------------------------------------------------------------- /packages/linx-next/pages/t/all.tsx: -------------------------------------------------------------------------------- 1 | import { getTags } from '../../api/tag'; 2 | import React, { ReactElement } from 'react'; 3 | import { Tag } from '@prisma/client'; 4 | import TagList from '../../components/TagList'; 5 | import AuthLayout from '../../layouts/AuthLayout'; 6 | import styled from 'styled-components'; 7 | 8 | export const Wrapper = styled.div` 9 | z-index: 2; 10 | display: flex; 11 | width: 35vw; 12 | align-items: center; 13 | justify-content: center; 14 | flex-direction: column; 15 | margin: 1rem auto 3rem; 16 | `; 17 | 18 | //Page with all tags listed 19 | const AllTags = ({ 20 | tags, 21 | }: { 22 | tags: (Tag & { _count: { Groups: number } })[]; 23 | }) => { 24 | return ( 25 |4
16 |0
17 |4
18 |5
27 |0
28 |0
29 |46 | Reconnect and refresh the app. 47 |
onClickHandler(i)}>{children}
;
36 | return (
37 | {children}
38 | );
39 | };
40 |
41 | return (
42 |
73 |
74 | Don’t have an account?
75 |
76 |
77 |
78 | Sign up fo free!
79 |
80 |
81 |
82 |