[feat] __hidden file to mark folders as hidden

dummdidumm · dummdidumm · commit a91a29616bc8 · 2022-12-06T14:25:08.000+01:00
diff --git a/README.md b/README.md
@@ -21,3 +21,7 @@ The next steps depend on whether you want to run this locally in filesystem mode
 
 1. if an `.env` file exists, modify it so there's `PUBLIC_USE_FILESYSTEM=` in it
 2. Run the app locally with `pnpm dev` or `pnpm build && pnpm preview`.
+
+## Creating new tutorials
+
+Tutorials live inside `content`. Each tutorial consists of a `README.md`, which is the text to the left, and `app-a` and `app-b` folders, which represent the initial and solved state. Files that stay the same can be omitted from `app-b`. Files are marked as deleted in `app-b` if they start with `__delete`. Folders that are marked as deleted in `app-b` if they contain a file named `__delete`. Folders that contain a file named `__hidden` are not visible in the file tree.
diff --git a/src/routes/tutorial/[slug]/Folder.svelte b/src/routes/tutorial/[slug]/Folder.svelte
@@ -32,8 +32,19 @@
 	const { edit, add, remove } = getContext('filetree');
 
 	$: _files = files || []; // workaround for what seems to be a Svelte bug, where files is undefined on navigation
+	$: hidden_children = _files
+		.filter((file) =>
+			file.name.startsWith(prefix + file.name.slice(prefix.length).split('/').shift() + '/__hidden')
+		)
+		.map((file) => file.name.slice(0, -'/__hidden'.length));
 	$: children = _files
-		.filter((file) => file.name.startsWith(prefix))
+		.filter(
+			(file) =>
+				file.name.startsWith(prefix) &&
+				!hidden_children.some(
+					(hidden) => file.name.startsWith(hidden + '/') || file.name === hidden
+				)
+		)
 		.sort((a, b) => (a.name < b.name ? -1 : 1));
 	$: child_directories = children.filter(
 		(child) => child.depth === depth + 1 && child.type === 'directory'
