4 |
5 | Share link like an anon!
6 |
7 | ## What is this?
8 |
9 | This is a service that save your link as a code and share with others, then
10 | they can paste it back to decode. Everything in a few clicks.
11 |
12 | Example: I can encode `http://github.com/monodyle/share-code` to a random
13 | string like `W4G890Q2`. If someone using `W4G890Q2` to reveal, they will get
14 | `http://github.com/monodyle/share-code`.
15 |
16 | ## Try it now
17 |
18 | You can try it [here](https://codeleak.me).
19 |
20 | ## Features
21 |
22 | - Encode a link as code
23 | - Reveal code for the link
24 | - Save all encoded links on account
25 |
26 | ## Bug reports or Feature request
27 |
28 | If you encounter a bug or have a feature request, you can [create an issue], or
29 | [create a discussion].
30 |
31 | [create an issue]: https://github.com/monodyle/share-code/issues/new
32 | [create a discussion]: https://github.com/monodyle/codeleak/discussions/new
33 |
34 | ## Support
35 |
36 | If you wish to support further development and feel extra awesome, you can do so [here][kofi].
37 |
38 | [kofi]: https://ko-fi.com/monodyle
39 |
--------------------------------------------------------------------------------
/next-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
41 | 
42 |
43 | )}
44 | {props.children}
45 |
42 | 11 | {CONFIG.title} 12 |
13 | 14 | 15 |
15 |
19 | {props.children}
20 |
21 |
22 |
23 |
8 |
13 | )
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/partials/explain.tsx:
--------------------------------------------------------------------------------
1 | import { EXAMPLE_CODE, LINKS } from 'constants/config.const'
2 |
3 | const Paragraph: React.FC<{}> = ({ children }) => (
4 | 9 | Error 10 |
11 | {typeof children === 'object' ? JSON.stringify(children) : children} 12 |{children}
5 | ) 6 | 7 | export const Explain = () => { 8 | return ( 9 |
10 |
12 | This is a service that save your link as a code and share with others,
13 | then they can paste it back to decode. Everything in a few clicks.
14 |
15 |
16 | Let's take an example, decode this code:{' '}
17 |
21 |
22 | Feel free to use. If you enjoy, you can{' '}
23 |
24 | buy me a coffee
25 |
26 | .
27 |
28 |
29 | )
30 | }
31 |
--------------------------------------------------------------------------------
/src/components/partials/result.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from 'components/button'
2 | import { CopyIcon } from 'components/icons'
3 | import copy from 'copy-to-clipboard'
4 | import { useEffect, useState } from 'react'
5 | import { isURL } from 'utils/validator'
6 |
7 | interface Props {
8 | children: string
9 | }
10 |
11 | const Result = ({ children }: Props) => {
12 | const [copied, setCopied] = useState(false)
13 |
14 | useEffect(() => {
15 | const timer = setTimeout(() => {
16 | if (copied) setCopied(false)
17 | }, 3000)
18 | return () => clearTimeout(timer)
19 | }, [copied])
20 |
21 | return (
22 | What is this?
11 |
18 | {EXAMPLE_CODE}
19 |
20 |
23 |
34 |
52 | )
53 | }
54 |
55 | export { Result }
56 |
--------------------------------------------------------------------------------
/src/components/partials/saved-item.tsx:
--------------------------------------------------------------------------------
1 | import { CheckIcon, CopyIcon, ExternalLinkIcon } from 'components/icons'
2 | import copy from 'copy-to-clipboard'
3 | import { useEffect, useState } from 'react'
4 | import { dateFormat } from 'utils/formatter'
5 |
6 | interface Props {
7 | code: string
8 | url: string
9 | created_at: string
10 | }
11 |
12 | export const SavedItem = (props: Props) => {
13 | const { code, url, created_at } = props
14 | const [copied, setCopied] = useState(false)
15 |
16 | useEffect(() => {
17 | const timer = setTimeout(() => {
18 | if (copied) setCopied(false)
19 | }, 3000)
20 | return () => clearTimeout(timer)
21 | }, [copied])
22 |
23 | return (
24 | 35 | Here you are 36 |
37 |38 | {isURL(children) ? ( 39 | 45 | {children} 46 | 47 | ) : ( 48 | children 49 | )} 50 |
51 |
25 |
64 | )
65 | }
66 |
--------------------------------------------------------------------------------
/src/components/partials/user-status.tsx:
--------------------------------------------------------------------------------
1 | import { pages } from 'constants/url.const'
2 | import { useAtom } from 'jotai'
3 | import Link from 'next/link'
4 | import { Fragment } from 'react'
5 | import { userAtom } from 'stores/auth.store'
6 |
7 | export const UserStatus = () => {
8 | const [user] = useAtom(userAtom)
9 |
10 | return (
11 |
26 |
46 | Code
27 |
28 |
45 | {code}
29 | 30 | 44 |
47 |
60 | URL
48 |
49 |
55 |
59 | {url}
56 |61 | Created at {dateFormat(created_at)} 62 |
63 |
12 | {user ? (
13 |
14 | Hello{' '}
15 |
16 | {user.email}
17 |
18 | , wanna get some fun?!
19 |
20 | ) : (
21 |
22 | Hello anon, did you know{' '}
23 |
24 | sign in
25 | {' '}
26 | can save your sharing?
27 |
28 | )}
29 |
30 | )
31 | }
32 |
--------------------------------------------------------------------------------
/src/components/seo.tsx:
--------------------------------------------------------------------------------
1 | import { CONFIG } from 'constants/config.const'
2 | import Head from 'next/head'
3 |
4 | interface Props {
5 | title?: string
6 | description?: string
7 | image?: string
8 | slug?: string
9 | }
10 |
11 | const SEO = ({
12 | title = CONFIG.title,
13 | description = CONFIG.description,
14 | image = CONFIG.image,
15 | slug = '/',
16 | }: Props) => {
17 | const url = `${CONFIG.url}${slug}`
18 | const previewImage = `${CONFIG.url}${image}`
19 | return (
20 |
21 | {/* General tags */}
22 |
66 | setInput(e.target.value)}
71 | onKeyPress={(e) => handleEnterKey(e)}
72 | />
73 |
74 |
80 |
81 |
82 | {result !== null &&
83 | (typeof result === 'string' ? (
84 | {result}
85 | ) : ( 86 |
40 |
41 |
50 |
58 | ) : (
59 |
60 |
103 | )}
104 |
105 |
106 | 51 | An email is on its way! 52 |
53 |
54 | We sent an email to {email}.
55 | You can fin a magic link that will sign you into {CONFIG.title}.
56 |
61 | Welcome, always ready for sharing. 62 |
63 |
64 | setEmail(e.target.value)}
70 | />
71 |
72 |
79 |
80 | {/*
81 | */}
98 |
99 | {loading && (
100 | Wait a minute...
101 | )}
102 |
59 |
76 |
77 | {items && items.length ? (
78 | items.map((item, key) => (
79 | 60 | {pages.saved.title} 61 |
62 | 75 |
90 | Nothing here,
91 |
92 | Start your{' '} 93 | 94 | sharing now 95 | 96 | ! 97 |
98 | )}
99 | 92 | Start your{' '} 93 | 94 | sharing now 95 | 96 | ! 97 |