Oops, couldn't find that post!
The post you are looking for might have been removed or the link is broken.
# ✏ [writedown (beta)](https://writedown.app)
#### Free and Open Source Markdown Diary
#### Public Blogs and Private Notes
Write. Share. Inspire.
**writedown** is the new way of writing markdown notes fast and easily.
With a beautiful interface and polished user experience, writedown is simple but powerful.
## 🤔 Why writedown?
Love simplicity? **Good.**
Hate complexity? **Even Better!**
**writedown**'s focus is on providing a polished experience. A simple markdown editor you can use for writing notes quickly to publish and share them with the world.
### Here's what writedown provides that most other editors don't:
📴 **Offline support**
☁️ **Cloud Sync**
🤝 **Free and Open Source**
🪟 **Real-time Markdown Preview**
📨 **Publishing and Sharing**
🌹 **Simple and beautiful interface**
[**GET STARTED IN JUST 5 SECONDS!**](https://writedown.app/login)
## ✨ Features
### Here are the markdown features that writedown supports:
- Headings (1 to 4)
- Bold
- Italics
- Underline
- Quotes
- Strikethrough
- Ordered List
- Unordered List
- Task List
- Code Block
- Image
- Horizontal Rule (Line)
### Along with that, writedown lets you:
- Share posts with people
- Create your personalized landing page
- Add your social media links
and many more being added as you read this!
## 🧑💻️ Development
writedown is self-hostable with Firebase and Node.js.
To run a local instance, follow these steps:
0. First install [Volta](https://volta.sh/). Then open your terminal and enter: `volta install node`.
1. Enter the following commands in your terminal.
```bash
git clone https://github.com/NayamAmarshe/writedown
cd writedown
```
2. [Setup Firebase Emulator](https://github.com/NayamAmarshe/writedown/blob/main/docs/firebase.md)
3. [Setup TipTap Editor](docs/tiptap.md)
4. Install dependencies with: `npm install`
5. Run local dev server with: `npm run dev`
OR local production server with `npm run build && npm run start`.
#
© 2023 **writedown**. All rights reserved.
================================================
FILE: animations/pencil-write-dark.json
================================================
{
"nm": "Pencil",
"ddd": 0,
"h": 800,
"w": 800,
"meta": { "g": "@lottiefiles/toolkit-js 0.26.1" },
"layers": [
{
"ty": 4,
"nm": "line",
"sr": 1,
"st": 0,
"op": 49,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"s": { "a": 0, "k": [100, 100, 100] },
"sk": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [400, 400, 0] },
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 100 }
},
"ef": [],
"shapes": [
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Shape 1",
"ix": 1,
"cix": 2,
"np": 4,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0]
],
"v": [
[-198.875, 197.5],
[197.938, 197.5]
]
}
}
},
{
"ty": "tm",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Filter - Trim",
"nm": "Trim Paths 1",
"ix": 2,
"e": {
"a": 1,
"k": [
{
"o": { "x": 0.522, "y": 0 },
"i": { "x": 0.442, "y": 1 },
"s": [0],
"t": 0
},
{ "s": [100], "t": 20 }
],
"ix": 2
},
"o": { "a": 0, "k": 0, "ix": 3 },
"s": {
"a": 1,
"k": [
{
"o": { "x": 0.333, "y": 0 },
"i": { "x": 0.667, "y": 1 },
"s": [0],
"t": 9
},
{ "s": [100], "t": 27 }
],
"ix": 1
},
"m": 1
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 4,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 14 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [0, 0], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
}
],
"ind": 1
},
{
"ty": 3,
"nm": "pencilRot",
"sr": 1,
"st": 0,
"op": 49,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"s": { "a": 0, "k": [100, 100, 100] },
"sk": { "a": 0, "k": 0 },
"p": {
"a": 1,
"k": [
{
"o": { "x": 0.522, "y": 0 },
"i": { "x": 0.442, "y": 1 },
"s": [200, 422, 0],
"t": 0,
"ti": [0, 0, 0],
"to": [0, 0, 0]
},
{
"o": { "x": 0.333, "y": 0 },
"i": { "x": 1, "y": 1 },
"s": [600, 422, 0],
"t": 20,
"ti": [194, 0, 0],
"to": [0, 0, 0]
},
{
"o": { "x": 0, "y": 0 },
"i": { "x": 0.667, "y": 1 },
"s": [400, 217, 0],
"t": 36,
"ti": [0, 0, 0],
"to": [-179, 0, 0]
},
{ "s": [200, 422, 0], "t": 48 }
]
},
"r": {
"a": 1,
"k": [
{
"o": { "x": 0.7, "y": 0 },
"i": { "x": 0.256, "y": 1 },
"s": [0],
"t": 20
},
{ "s": [-360], "t": 48 }
]
},
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 0 }
},
"ef": [],
"ind": 2
},
{
"ty": 4,
"nm": "pencil",
"sr": 1,
"st": 0,
"op": 49,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [524.082, 810.037, 0] },
"s": { "a": 0, "k": [60, 60, 100] },
"sk": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [0, 162.022, 0] },
"r": {
"a": 1,
"k": [
{
"o": { "x": 0.469, "y": 0 },
"i": { "x": 0.212, "y": 1 },
"s": [-6],
"t": 0
},
{
"o": { "x": 0.441, "y": 0 },
"i": { "x": 1, "y": 1 },
"s": [11],
"t": 20
},
{
"o": { "x": 0, "y": 0 },
"i": { "x": 0.415, "y": 1 },
"s": [0],
"t": 36
},
{ "s": [-6], "t": 48 }
]
},
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 100 }
},
"ef": [],
"shapes": [
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 1",
"ix": 1,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0]
],
"v": [
[548, 341],
[548, 657]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [0, 0], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 2",
"ix": 2,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0]
],
"v": [
[-0.063, -159.25],
[0.063, 159.25]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [500.063, 497.25], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 3",
"ix": 3,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[13.222, 0],
[0, 13.222]
],
"o": [
[0, 13.222],
[-13.221, 0],
[0, 0]
],
"v": [
[23.94, -11.97],
[0, 11.97],
[-23.94, -11.97]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [524.06, 668.47], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 4",
"ix": 4,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": true,
"i": [
[0, 0],
[-13.222, 0],
[0, -13.221],
[0, 0]
],
"o": [
[0, -13.222],
[13.221, 0],
[0, 0],
[0, 0]
],
"v": [
[-23.939, -6.583],
[0, -30.523],
[23.94, -6.583],
[0, 30.523]
]
}
}
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Fill",
"nm": "Fill 1",
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [524.06, 773.81], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 5",
"ix": 5,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[6.412, 0],
[0, 13.222]
],
"o": [
[-4.297, 4.104],
[-13.222, 0],
[0, 0]
],
"v": [
[20.236, 5.345],
[3.704, 11.97],
[-20.236, -11.97]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [568.231, 668.47], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 6",
"ix": 6,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[13.222, 0],
[3.802, 2.543]
],
"o": [
[0, 13.222],
[-4.917, 0],
[0, 0]
],
"v": [
[18.616, -11.97],
[-5.324, 11.97],
[-18.616, 7.944]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [481.509, 668.47], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 7",
"ix": 7,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": false,
"i": [
[0, 0],
[-33.936, 0],
[0, -34]
],
"o": [
[0, -34],
[33.935, 0],
[0, 0]
],
"v": [
[-61.446, 30.723],
[0, -30.723],
[61.446, 30.723]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 3,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 20 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [524.06, 245.277], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 8",
"ix": 8,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": true,
"i": [
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[61.446, 10.827],
[-61.446, 10.827],
[-61.446, -10.827],
[61.446, -10.827]
]
}
}
},
{
"ty": "fl",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Fill",
"nm": "Fill 1",
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] },
"r": 1,
"o": { "a": 0, "k": 100 }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [524.06, 336.333], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
},
{
"ty": "gr",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Group",
"nm": "Group 9",
"ix": 9,
"cix": 2,
"np": 2,
"it": [
{
"ty": "sh",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Shape - Group",
"nm": "Path 1",
"ix": 1,
"d": 1,
"ks": {
"a": 0,
"k": {
"c": true,
"i": [
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[61.446, 130.452],
[0, 258.452],
[-61.446, 130.452],
[-61.446, -258.452],
[61.446, -258.452]
]
}
}
},
{
"ty": "st",
"bm": 0,
"hd": false,
"mn": "ADBE Vector Graphic - Stroke",
"nm": "Stroke 1",
"lc": 1,
"lj": 1,
"ml": 10,
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 20 },
"c": { "a": 0, "k": [0.9451, 0.9608, 0.9765] }
},
{
"ty": "tr",
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"p": { "a": 0, "k": [524.06, 551.548], "ix": 2 },
"r": { "a": 0, "k": 0, "ix": 6 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"o": { "a": 0, "k": 100, "ix": 7 }
}
]
}
],
"ind": 3,
"parent": 2
},
{
"ty": 4,
"nm": "Shape Layer 1",
"sr": 1,
"st": 0,
"op": 49,
"ip": 0,
"hd": false,
"ddd": 0,
"bm": 0,
"hasMask": false,
"ao": 0,
"ks": {
"a": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"s": { "a": 0, "k": [100, 100, 100] },
"sk": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [400, 400, 0] },
"r": { "a": 0, "k": 0 },
"sa": { "a": 0, "k": 0 },
"o": { "a": 0, "k": 100 }
},
"ef": [],
"shapes": [],
"ind": 4
}
],
"v": "4.6.6",
"fr": 24,
"op": 48,
"ip": 0,
"assets": []
}
================================================
FILE: animations/pencil-write.json
================================================
{
"v": "4.6.6",
"fr": 24,
"ip": 0,
"op": 48,
"w": 800,
"h": 800,
"nm": "Pencil",
"ddd": 0,
"assets": [],
"layers": [
{
"ddd": 0,
"ind": 1,
"ty": 4,
"nm": "line",
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [400, 400, 0] },
"a": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0]
],
"v": [
[-198.875, 197.5],
[197.938, 197.5]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "tm",
"s": {
"a": 1,
"k": [
{
"i": { "x": [0.667], "y": [1] },
"o": { "x": [0.333], "y": [0] },
"n": ["0p667_1_0p333_0"],
"t": 9,
"s": [0],
"e": [100]
},
{ "t": 27 }
],
"ix": 1
},
"e": {
"a": 1,
"k": [
{
"i": { "x": [0.442], "y": [1] },
"o": { "x": [0.522], "y": [0] },
"n": ["0p442_1_0p522_0"],
"t": 0,
"s": [0],
"e": [100]
},
{ "t": 20 }
],
"ix": 2
},
"o": { "a": 0, "k": 0, "ix": 3 },
"m": 1,
"ix": 2,
"nm": "Trim Paths 1",
"mn": "ADBE Vector Filter - Trim"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 14 },
"lc": 1,
"lj": 1,
"ml": 4,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [0, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Shape 1",
"np": 4,
"cix": 2,
"ix": 1,
"mn": "ADBE Vector Group"
}
],
"ip": 0,
"op": 49,
"st": 0,
"bm": 0,
"sr": 1
},
{
"ddd": 0,
"ind": 2,
"ty": 3,
"nm": "pencilRot",
"ks": {
"o": { "a": 0, "k": 0 },
"r": {
"a": 1,
"k": [
{
"i": { "x": [0.256], "y": [1] },
"o": { "x": [0.7], "y": [0] },
"n": ["0p256_1_0p7_0"],
"t": 20,
"s": [0],
"e": [-360]
},
{ "t": 48 }
]
},
"p": {
"a": 1,
"k": [
{
"i": { "x": 0.442, "y": 1 },
"o": { "x": 0.522, "y": 0 },
"n": "0p442_1_0p522_0",
"t": 0,
"s": [200, 422, 0],
"e": [600, 422, 0],
"to": [0, 0, 0],
"ti": [0, 0, 0]
},
{
"i": { "x": 1, "y": 1 },
"o": { "x": 0.333, "y": 0 },
"n": "1_1_0p333_0",
"t": 20,
"s": [600, 422, 0],
"e": [400, 217, 0],
"to": [0, 0, 0],
"ti": [194, 0, 0]
},
{
"i": { "x": 0.667, "y": 1 },
"o": { "x": 0, "y": 0 },
"n": "0p667_1_0_0",
"t": 36,
"s": [400, 217, 0],
"e": [200, 422, 0],
"to": [-179, 0, 0],
"ti": [0, 0, 0]
},
{ "t": 48 }
]
},
"a": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"ao": 0,
"ip": 0,
"op": 49,
"st": 0,
"bm": 0,
"sr": 1
},
{
"ddd": 0,
"ind": 3,
"ty": 4,
"nm": "pencil",
"parent": 2,
"ks": {
"o": { "a": 0, "k": 100 },
"r": {
"a": 1,
"k": [
{
"i": { "x": [0.212], "y": [1] },
"o": { "x": [0.469], "y": [0] },
"n": ["0p212_1_0p469_0"],
"t": 0,
"s": [-6],
"e": [11]
},
{
"i": { "x": [1], "y": [1] },
"o": { "x": [0.441], "y": [0] },
"n": ["1_1_0p441_0"],
"t": 20,
"s": [11],
"e": [0]
},
{
"i": { "x": [0.415], "y": [1] },
"o": { "x": [0], "y": [0] },
"n": ["0p415_1_0_0"],
"t": 36,
"s": [0],
"e": [-6]
},
{ "t": 48 }
]
},
"p": { "a": 0, "k": [0, 162.022, 0] },
"a": { "a": 0, "k": [524.082, 810.037, 0] },
"s": { "a": 0, "k": [60, 60, 100] }
},
"ao": 0,
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0]
],
"v": [
[548, 341],
[548, 657]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"lc": 1,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [0, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 1",
"np": 2,
"cix": 2,
"ix": 1,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0]
],
"v": [
[-0.063, -159.25],
[0.063, 159.25]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"lc": 1,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [500.063, 497.25], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 2",
"np": 2,
"cix": 2,
"ix": 2,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[13.222, 0],
[0, 13.222]
],
"o": [
[0, 13.222],
[-13.221, 0],
[0, 0]
],
"v": [
[23.94, -11.97],
[0, 11.97],
[-23.94, -11.97]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"lc": 1,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [524.06, 668.47], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 3",
"np": 2,
"cix": 2,
"ix": 3,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[-13.222, 0],
[0, -13.221],
[0, 0]
],
"o": [
[0, -13.222],
[13.221, 0],
[0, 0],
[0, 0]
],
"v": [
[-23.939, -6.583],
[0, -30.523],
[23.94, -6.583],
[0, 30.523]
],
"c": true
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"r": 1,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill"
},
{
"ty": "tr",
"p": { "a": 0, "k": [524.06, 773.81], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 4",
"np": 2,
"cix": 2,
"ix": 4,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[6.412, 0],
[0, 13.222]
],
"o": [
[-4.297, 4.104],
[-13.222, 0],
[0, 0]
],
"v": [
[20.236, 5.345],
[3.704, 11.97],
[-20.236, -11.97]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"lc": 1,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [568.231, 668.47], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 5",
"np": 2,
"cix": 2,
"ix": 5,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[13.222, 0],
[3.802, 2.543]
],
"o": [
[0, 13.222],
[-4.917, 0],
[0, 0]
],
"v": [
[18.616, -11.97],
[-5.324, 11.97],
[-18.616, 7.944]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 10 },
"lc": 1,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [481.509, 668.47], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 6",
"np": 2,
"cix": 2,
"ix": 6,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[-33.936, 0],
[0, -34]
],
"o": [
[0, -34],
[33.935, 0],
[0, 0]
],
"v": [
[-61.446, 30.723],
[0, -30.723],
[61.446, 30.723]
],
"c": false
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 20 },
"lc": 3,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [524.06, 245.277], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 7",
"np": 2,
"cix": 2,
"ix": 7,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[61.446, 10.827],
[-61.446, 10.827],
[-61.446, -10.827],
[61.446, -10.827]
],
"c": true
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "fl",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"r": 1,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill"
},
{
"ty": "tr",
"p": { "a": 0, "k": [524.06, 336.333], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 8",
"np": 2,
"cix": 2,
"ix": 8,
"mn": "ADBE Vector Group"
},
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"o": [
[0, 0],
[0, 0],
[0, 0],
[0, 0],
[0, 0]
],
"v": [
[61.446, 130.452],
[0, 258.452],
[-61.446, 130.452],
[-61.446, -258.452],
[61.446, -258.452]
],
"c": true
}
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group"
},
{
"ty": "st",
"c": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"o": { "a": 0, "k": 100 },
"w": { "a": 0, "k": 20 },
"lc": 1,
"lj": 1,
"ml": 10,
"nm": "Stroke 1",
"mn": "ADBE Vector Graphic - Stroke"
},
{
"ty": "tr",
"p": { "a": 0, "k": [524.06, 551.548], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "Group 9",
"np": 2,
"cix": 2,
"ix": 9,
"mn": "ADBE Vector Group"
}
],
"ip": 0,
"op": 49,
"st": 0,
"bm": 0,
"sr": 1
},
{
"ddd": 0,
"ind": 4,
"ty": 4,
"nm": "Shape Layer 1",
"ks": {
"o": { "a": 0, "k": 100 },
"r": { "a": 0, "k": 0 },
"p": { "a": 0, "k": [400, 400, 0] },
"a": { "a": 0, "k": [0.05859375, 0.08984375, 0.1640625] },
"s": { "a": 0, "k": [100, 100, 100] }
},
"ao": 0,
"shapes": [],
"ip": 0,
"op": 49,
"st": 0,
"bm": 0,
"sr": 1
}
]
}
================================================
FILE: components/Navbar.tsx
================================================
import Link from "next/link";
import React from "react";
import UserMenu from "./common/UserMenu";
import { RiMenu5Fill } from "react-icons/ri";
import useUser from "./hooks/useUser";
type Props = {};
const Navbar = (props: Props) => {
const { user } = useUser();
return (
);
};
export default Navbar;
================================================
FILE: components/common/HeadTags.tsx
================================================
import Head from "next/head";
import React from "react";
type HeadTagsProps = {
title: string;
ogImage: string;
description: string;
ogUrl: string;
};
const HeadTags = ({ title, ogImage, description, ogUrl }: HeadTagsProps) => {
return (
{/* META TAGS */}
Username is not valid or already taken
)} setInput(e.target.value)} />Username must:
- Begin with a lowercase letter (a-z).
- Combine lowercase letters (a-z) and digits (0-9).
- Optionally contain periods (.), underscores (_), or hyphens (-).
switchNotesHandler(noteId)}
>
);
};
export default PostRow;
================================================
FILE: components/dashboard/Sidebar/ThemeChanger.tsx
================================================
import { useTheme } from "next-themes";
import Button from "../../ui/Button";
export default function ThemeChanger() {
const { theme, setTheme } = useTheme();
return (
);
}
================================================
FILE: components/dashboard/Sidebar/index.tsx
================================================
import React, { useEffect, useState } from "react";
import Link from "next/link";
import { useRouter } from "next/router";
import { useAtom, useAtomValue } from "jotai";
import Skeleton from "react-loading-skeleton";
import { toast } from "react-hot-toast";
import { IoMdAddCircle, IoMdRefreshCircle } from "react-icons/io";
import { BsChevronBarLeft } from "react-icons/bs";
import { IFirebaseAuth } from "@/types/components/firebase-hooks";
import { FEATURE_FLAGS } from "@/constants/feature-flags";
import { selectedNoteAtom } from "@/stores/postDataAtom";
import UserMenu from "@/components/common/UserMenu";
import IconButton from "@/components/ui/IconButton";
import useNotes from "@/components/hooks/useNotes";
import { isSyncedAtom } from "@/stores/syncedAtom";
import BetaBadge from "@/components/ui/BetaBadge";
import useUser from "@/components/hooks/useUser";
import Button from "@/components/ui/Button";
import PostRow from "./PostRow";
interface SidebarProps {
showSidebar: boolean;
setShowSidebar: React.Dispatch switchNotesHandler(noteId)}
>
{isPublic &&
{title === "" ? "Untitled" : title ||
{/* */}
{
isLinkPreview
? editor.chain().setLinkPreview({ url: url }).run()
: editor.chain().insertContent(`[${url}](${url})`).run();
setIsUrlPromptOpen(false);
}}
>
{
editor.chain().focus().setImage({ src: url, title }).run();
setIsOpen(false);
}}
>
Link Preview:
setIsLinkPreview((prev) => !prev)}
/>
setUrl(e.target.value)}
/>
setTitle(e.target.value)}
/>
setUrl(e.target.value)}
/>
{title}
{description}
{/* LAST UPDATED */}
{lastUpdated ? (
);
};
export default PostButtons;
================================================
FILE: components/dashboard/TextArea/index.tsx
================================================
import { selectedNoteAtom } from "@/stores/postDataAtom";
import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
import DetailsContent from "@tiptap-pro/extension-details-content";
import DetailsSummary from "@tiptap-pro/extension-details-summary";
import WritedownEditor from "@/components/ui/WritedownEditor";
import Mathematics from "@tiptap-pro/extension-mathematics";
import { useAuthState } from "react-firebase-hooks/auth";
import { LinkPreview } from "./LinkPreview";
import UniqueId from "@tiptap-pro/extension-unique-id";
import Details from "@tiptap-pro/extension-details";
import IconButton from "@/components/ui/IconButton";
import useNotes from "@/components/hooks/useNotes";
import TaskList from "@tiptap/extension-task-list";
import TaskItem from "@tiptap/extension-task-item";
import { isSyncedAtom } from "@/stores/syncedAtom";
import { BsChevronBarLeft } from "react-icons/bs";
import Emoji from "@tiptap-pro/extension-emoji";
import StarterKit from "@tiptap/starter-kit";
import { createLowlight } from "lowlight";
import Image from "@tiptap/extension-image";
import EditorButtons from "./EditorButtons";
import { Markdown } from "tiptap-markdown";
import Code from "@tiptap/extension-code";
import Link from "@tiptap/extension-link";
import { useEditor } from "@tiptap/react";
import React, { useEffect } from "react";
import PostButtons from "./PostButtons";
import { auth } from "@/lib/firebase";
import { useAtom } from "jotai";
const lowlight = createLowlight();
type TextAreaProps = {
shiftRight: boolean;
setShiftRight: React.DispatchLast Updated {lastUpdated}
) : (
{/* SAVE BUTTON */}
{/* SAVE BUTTON */}
{ if (!selectedNote.isPublic) return; toast.success("Copied link to clipboard!"); const isDev = process.env.NODE_ENV === "development"; navigator.clipboard.writeText( isDev ? `http://localhost:3000/${ publicUserDetails?.username || publicUserDetails?.uid }/posts/${selectedNote.id}` : `https://writedown.app/${ publicUserDetails?.username || publicUserDetails?.uid }/posts/${selectedNote.id}` ); }} >
{/* PROD */}
{process.env.NODE_ENV !== "development" &&
selectedNote.isPublic &&
`https://writedown.app/${
publicUserDetails?.username || publicUserDetails?.uid
}/posts/${selectedNote.id}`}
{process.env.NODE_ENV !== "development" &&
!selectedNote.isPublic &&
`https://writedown.app/...`}
{/* DEV */}
{process.env.NODE_ENV === "development" &&
selectedNote.isPublic &&
`http://localhost:3000/${
publicUserDetails?.username || publicUserDetails?.uid
}/posts/${selectedNote.id}`}
{process.env.NODE_ENV === "development" &&
!selectedNote.isPublic &&
`http://localhost:3000/...`}
{selectedNote.isPublic && (
{/* TITLE OF THE POST */}
{
setSelectedNote((prev) => ({
...prev,
title: e.target.value,
}));
}}
placeholder="Untitled"
value={selectedNote.title}
/>
{/* SEPARATOR */}
{icon} {title}
{description}
Upgrade Your Dear Diary
All your notes, synced on all your devices.
Free, easy and fast.
Simplicity starts here
A fast, easy and free way to write notes with offline support, cloud sync and real-time markdown preview.
writedown
Login with your familiar services:
{children}
);
};
export default Badge;
================================================
FILE: components/ui/BetaBadge.tsx
================================================
import React from "react";
type BetaBadgeProps = {
pulse?: boolean;
};
const BetaBadge = ({ pulse }: BetaBadgeProps) => {
return (
BETA
);
};
export default BetaBadge;
================================================
FILE: components/ui/Button.tsx
================================================
import React, { ButtonHTMLAttributes } from "react";
interface ButtonProps {
variant?: "red" | "green" | "slate" | "blue";
size?: "sm";
children: React.ReactNode;
className?: string;
}
const Button = ({
variant,
size,
children,
className,
...rest
}: ButtonProps & ButtonHTMLAttributes
writedown {FEATURE_FLAGS.beta &&
{children}
{note?.title}
By{" "} {name}
Published {formatTimeStamp(note?.publishedAt)}
{user?.uid === note?.userId && ( )}
{title}
By {author}
{content}
writedown.app
Error: {authError.message}
NotFoundPapge
;
};
export default NotFoundPapge;
================================================
FILE: postcss.config.js
================================================
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
================================================
FILE: public/manifest.json
================================================
{
"theme_color": "#e2e8f0",
"background_color": "#e2e8f0",
"display": "standalone",
"scope": "/",
"start_url": "/dashboard",
"description": "A Free and Open Source Markdown Notes App with Cloud Sync, Offline Support and a Beautiful Interface.",
"name": "writedown",
"short_name": "writedown",
"icons": [
{
"src": "/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-256x256.png",
"sizes": "256x256",
"type": "image/png"
},
{
"src": "/icons/icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
================================================
FILE: stores/postDataAtom.ts
================================================
import { atom } from "jotai";
type SelectedNote = {
id: string;
title: string;
isPublic: boolean;
content: string;
lastUpdated: number | null;
};
export const selectedNoteAtom = atom