changelog

.gitattributes

@@ -1,2 +1 @@
 *.afdesign filter=lfs diff=lfs merge=lfs -text
-*.svg filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -1 +1,10 @@
+
+# Backend
 /target
+
+# Client
+.DS_Store
+node_modules
+/.svelte
+/build
+/functions

CHANGELOG.md

@@ -0,0 +1,26 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.0.2] - 2021-05-02
+
+### Fixed
+
+- SVG Icons
+
+## [1.0.1] - 2021-05-02
+
+### Added
+
+- Dark mode support
+
+### Fixed
+
+- Don't reload data on wrong password
+
+## [1.0.0] - 2021-05-02
+
+Initial release

README.md

@@ -2,10 +2,18 @@
 <img src="./design/github.svg">
 </p>
 
+![Docker pulls badge](https://img.shields.io/docker/pulls/cupcakearmy/cryptgeon)
+![Docker image size badge](https://img.shields.io/docker/image-size/cupcakearmy/cryptgeon)
+![Latest version](https://img.shields.io/github/v/release/cupcakearmy/cryptgeon)
+
 ## About?
 
 _cryptgeon_ is an secure, open source sharing note service inspired by [_PrivNote_](https://privnote.com)
 
+## Demo
+
+Check out the demo and see for yourself https://cryptgeon.nicco.io.
+
 ## Features
 
 - view and time constrains
@@ -22,7 +30,7 @@ each note has a 512bit generated <i>id</i> that is used to retrieve the note. da
 
 ## Deployment
 
-Docker is the easiest way.
+Docker is the easiest way. There is the [official image here](https://hub.docker.com/r/cupcakearmy/cryptgeon).
 
 ```yaml
 # docker-compose.yml
@@ -40,6 +48,20 @@ services:
       - 80:5000
 ```
 
+## Development
+
+1. Clone
+2. run `npm i` in the root and and client `client/` folders.
+3. Run `npm run dev` to start development.
+
+Running `npm run dev` in the root folder will start the following things
+
+- a memcache docker container
+- rust backend with hot reload
+- client with hot reload
+
+You can see the app under [localhost:3000](http://localhost:3000).
+
 ###### Attributions
 
 Icons made by <a href="https://www.freepik.com" title="Freepik">freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>

client/src/app.css

@@ -8,7 +8,7 @@
 	font-family: 'Fira Mono', monospace;
 
 	--ui-bg-0: #fefefe;
-	--ui-bg-0-85: #ffffffd9;
+	--ui-bg-0-85: #fefefed9;
 	--ui-bg-1: #eee;
 	--ui-bg-2: #e2e2e2;
 	--ui-text-0: #111;
@@ -19,6 +19,17 @@
 	--ui-anim: all 150ms ease;
 }
 
+@media (prefers-color-scheme: dark) {
+	:root {
+		--ui-bg-0: #111;
+		--ui-bg-0-85: #111111d9;
+		--ui-bg-1: #222;
+		--ui-bg-2: #282828;
+		--ui-text-0: #fefefe;
+		--ui-text-1: #eee;
+	}
+}
+
 .error-text {
 	color: var(--ui-clr-error);
 }
@@ -53,6 +64,13 @@ button {
 	transition: var(--ui-anim);
 	font-family: inherit;
 	font-size: inherit;
+	background: inherit;
+	color: inherit;
+}
+
+*:disabled,
+*[disabled='true'] {
+	opacity: 0.5;
 }
 
 fieldset {

client/src/lib/ui/TextInput.svelte

@@ -32,7 +32,7 @@
 </script>
 
 <label>
-	<small>
+	<small disabled={$$restProps.disabled}>
 		{label}
 	</small>
 	<input bind:value {...$$restProps} />

client/src/routes/note/[id].svelte

@@ -40,7 +40,7 @@
 	})
 
 	async function show() {
-		const data = await get(id)
+		const data = note || (await get(id)) // Don't get the content twice on wrong password.
 		if (needPassword) {
 			try {
 				const key = await getKeyFromString(password)
@@ -74,7 +74,11 @@
 			<Button type="submit">show note</Button>
 			{#if error}
 				<br />
-				<p class="error-text">wrong password. could not decipher.</p>
+				<p class="error-text">
+					wrong password. could not decipher.
+					<br />
+					note already destroyed. try again without reloading the page.
+				</p>
 			{/if}
 		</form>
 	{/if}

package.json

@@ -0,0 +1,11 @@
+{
+  "scripts": {
+    "dev:docker": "docker-compose up memcached",
+    "dev:backend": "cargo watch -x 'run --bin cryptgeon'",
+    "dev:front": "npm --prefix client run dev",
+    "dev": "run-p dev:*"
+  },
+  "devDependencies": {
+    "npm-run-all": "^4.1.5"
+  }
+}