Camouflage Filemanager

62 |

68 | 	{#if WRITE_PROTECTED === 'false'}
69 | 		<div class="btn-group fluid justify-center">
70 | 			<button class="btn btn-neutral w-1/3 m-6" on:click={cancel}>Cancel</button>
71 | 			<button class="btn btn-primary w-1/3 m-6" on:click={saveFile}>Save</button>
72 | 		</div>
73 | 	{/if}
74 | 	<div class="btn-group fluid justify-center">
75 | 		<a
76 | 			class="btn btn-error w-1/3 m-6"
77 | 			href={'/api/fs/' + sub + '/cf-download'}
78 | 			on:click|stopPropagation>Download</a
79 | 		>
80 | 	</div>
81 | </div>
82 |

--------------------------------------------------------------------------------
/src/lib/components/CreateModal.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 | 	import { page } from '$app/stores';
 3 | 	let modal;
 4 | 	let type;
 5 | 	let name;
 6 | 	function toggleModal() {
 7 | 		modal.classList.toggle('modal-open');
 8 | 	}
 9 | 	async function create() {
10 | 		const res = await fetch(`/api/fs/${$page.path}/${name}?type=${type.toLowerCase()}`, {
11 | 			method: 'POST'
12 | 		});
13 | 		window.location.reload();
14 | 		toggleModal();
15 | 		name = '';
16 | 		type = 'Select';
17 | 	}
18 | </script>
19 | 
20 | <a href="/" on:click|preventDefault={toggleModal} class="btn btn-ghost btn-sm rounded-btn">
21 | 	<svg
22 | 		xmlns="http://www.w3.org/2000/svg"
23 | 		class="inline-block w-5 mr-2 stroke-current"
24 | 		fill="none"
25 | 		viewBox="0 0 24 24"
26 | 		stroke="currentColor"
27 | 	>
28 | 		<path
29 | 			stroke-linecap="round"
30 | 			stroke-linejoin="round"
31 | 			stroke-width="2"
32 | 			d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
33 | 		/>
34 | 	</svg>
35 | 	Create File/Folder
36 | </a>
37 | <div bind:this={modal} class="modal">
38 | 	<div style="color: black;" class="modal-box">
39 | 		<div class="alert alert-info mb-2">
40 | 			<div class="flex-1 text-sm">
41 | 				<svg
42 | 					xmlns="http://www.w3.org/2000/svg"
43 | 					fill="none"
44 | 					viewBox="0 0 24 24"
45 | 					class="w-6 h-6 mx-2 stroke-current"
46 | 				>
47 | 					<path
48 | 						stroke-linecap="round"
49 | 						stroke-linejoin="round"
50 | 						stroke-width="2"
51 | 						d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
52 | 					/>
53 | 				</svg>
54 | 				
55 | 				<label>Parent Directory (Relative to FS_ROOT): {$page.path}</label>
56 | 			</div>
57 | 		</div>
58 | 		<select bind:value={type} class="select select-bordered w-full">
59 | 			<option disabled="disabled" selected="selected">Select</option>
60 | 			<option>File</option>
61 | 			<option>Folder</option>
62 | 		</select>
63 | 		<div class="form-control">
64 | 			<label for="resource-name" class="label">
65 | 				<span class="label-text">File / Folder Name</span>
66 | 			</label>
67 | 			<input
68 | 				id="resource-name"
69 | 				type="text"
70 | 				placeholder="File / Folder Name"
71 | 				bind:value={name}
72 | 				class="input input-bordered"
73 | 			/>
74 | 		</div>
75 | 		<div class="modal-action">
76 | 			<button on:click={create} class="btn btn-primary">Create</button>
77 | 			<button on:click={toggleModal} class="btn">Close</button>
78 | 		</div>
79 | 	</div>
80 | </div>
81 |

--------------------------------------------------------------------------------
/src/lib/components/FileList.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 | 	import Breadcrumb from './Breadcrumb.svelte';
 3 | 	import { browser } from '$app/env';
 4 | 	import Clipboard from '$lib/components/Clipboard.svelte';
 5 | 	import Actions from '$lib/components/Actions.svelte';
 6 | 	let WRITE_PROTECTED;
 7 | 	if (browser) {
 8 | 		WRITE_PROTECTED = JSON.parse(localStorage.getItem('env'))['WRITE_PROTECTED'];
 9 | 	}
10 | 	export let files;
11 | 	export let sub = '/';
12 | 	$: {
13 | 		files = files.sort((a, b) => a.isDirectory < b.isDirectory);
14 | 	}
15 | </script>
16 | 
17 | <Breadcrumb {sub} />
18 | {#if browser}
19 | 	<Clipboard />
20 | {/if}
21 | <div class="overflow-x-auto h-screen">
22 | 	<table class="table w-full table-zebra table-compact">
23 | 		<thead>
24 | 			<tr>
25 | 				<th class="text-center">Name</th>
26 | 				<th class="text-center">Created Time</th>
27 | 				<th class="text-center">Modified Time</th>
28 | 				{#if WRITE_PROTECTED === 'false'}
29 | 					<th>Actions</th>
30 | 				{/if}
31 | 			</tr>
32 | 		</thead>
33 | 		<tbody>
34 | 			{#each files as { file, createdTime, modifiedTime, isDirectory }}
35 | 				<tr class="hover">
36 | 					{#if isDirectory}
37 | 						<td>
38 | 							<a href="{sub}{file}">
39 | 								<svg
40 | 									xmlns="http://www.w3.org/2000/svg"
41 | 									fill="none"
42 | 									viewBox="0 0 24 24"
43 | 									class="inline-block w-5 h-5 mr-2 stroke-current"
44 | 								>
45 | 									<path
46 | 										stroke-linecap="round"
47 | 										stroke-linejoin="round"
48 | 										stroke-width="2"
49 | 										d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
50 | 									/>
51 | 								</svg>
52 | 								{file}
53 | 							</a>
54 | 						</td>
55 | 					{:else}
56 | 						<td>
57 | 							<a href="{sub}{file}/cf-editor">
58 | 								<svg
59 | 									xmlns="http://www.w3.org/2000/svg"
60 | 									class="inline-block w-5 h-5 mr-2 stroke-current"
61 | 									fill="none"
62 | 									viewBox="0 0 24 24"
63 | 									stroke="currentColor"
64 | 								>
65 | 									<path
66 | 										stroke-linecap="round"
67 | 										stroke-linejoin="round"
68 | 										stroke-width="2"
69 | 										d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
70 | 									/>
71 | 								</svg>
72 | 								{file}
73 | 							</a>
74 | 						</td>
75 | 					{/if}
76 | 					<td class="text-center">{createdTime}</td>
77 | 					<td class="text-center">{modifiedTime}</td>
78 | 					{#if WRITE_PROTECTED === 'false'}
79 | 						<td>
80 | 							<Actions {sub} {file} />
81 | 						</td>
82 | 					{/if}
83 | 				</tr>
84 | 			{/each}
85 | 		</tbody>
86 | 	</table>
87 | </div>
88 |

--------------------------------------------------------------------------------
/dist/README.md:
--------------------------------------------------------------------------------
 1 | # Camouflage Filemanager
 2 | 
 3 | Camouflage Filemanager is a web based filemanager that allows you to browse and create files/folders, edit text based files, download files.
 4 | 
 5 | ## Preview
 6 | ![CamouflageUI-1](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-1.png)
 7 | ![CamouflageUI-2](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-2.png)
 8 | ![CamouflageUI-3](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-3.png)
 9 | 
10 | ## Installation
11 | 
12 | ### NPM
13 | 
14 | ```bash
15 | npm install -g camouflage-filemanager
16 | ```
17 | Filemanager requires two environment variables
18 | * `FS_ROOT`: Root Directory for filemanager; default value is current working directory
19 | * `WRITE_PROTECTED`: Default value is `true`, which means creation/deletion/updates of any kind are not allowed.
20 | 
21 | Start filemanager after npm installation by running command: `filemanager` in your desired directory. Optionally you can override aforementioned environment variables by exporting or by creating a `.env` file in your current working directory.
22 | 
23 | ### Docker
24 | 
25 | 1. Default:
26 |    ```bash
27 |    docker run -d -p 3000:3000 --name filemanager shubhendumadhukar/camouflage-filemanager
28 |    ```
29 | 2. Specify root directory:
30 |    ```bash
31 |    docker run -d -p 3000:3000 -e FS_ROOT="/opt" --name filemanager shubhendumadhukar/camouflage-filemanager
32 |    ```
33 | 3. Specify if write is allowed (not allowed by default):
34 |    ```bash
35 |    docker run -d -p 3000:3000 -e FS_ROOT="/opt" -e WRITE_PROTECTED=false --name filemanager shubhendumadhukar/camouflage-filemanager
36 |    ```
37 | 4. Mount a local volume:
38 |    ```bash
39 |    docker run -d -p 3000:3000 -e FS_ROOT="/opt/virtual_services" -e WRITE_PROTECTED=false -v ~/Desktop:/opt/Desktop --name filemanager shubhendumadhukar/camouflage-filemanager
40 |    ```
41 | 
42 | ## License
43 | ```
44 | MIT License
45 | 
46 | Copyright (c) 2021 testinggospels
47 | 
48 | Permission is hereby granted, free of charge, to any person obtaining a copy
49 | of this software and associated documentation files (the "Software"), to deal
50 | in the Software without restriction, including without limitation the rights
51 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
52 | copies of the Software, and to permit persons to whom the Software is
53 | furnished to do so, subject to the following conditions:
54 | 
55 | The above copyright notice and this permission notice shall be included in all
56 | copies or substantial portions of the Software.
57 | 
58 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
59 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
60 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
61 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
62 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
63 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
64 | SOFTWARE.
65 | ```

--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Camouflage Filemanager
 2 | 
 3 | Camouflage Filemanager is a web based filemanager that allows you to browse and create files/folders, edit text based files, download files.
 4 | 
 5 | ## Preview
 6 | ![CamouflageUI-1](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-1.png)
 7 | ![CamouflageUI-2](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-2.png)
 8 | ![CamouflageUI-3](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-3.png)
 9 | ![CamouflageUI-4](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-4.png)
10 | ![CamouflageUI-5](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-5.png)
11 | ![CamouflageUI-6](https://raw.githubusercontent.com/testinggospels/camouflage/develop/docs/CamouflageUI-6.png)
12 | 
13 | ## Installation
14 | 
15 | ### NPM
16 | 
17 | ```bash
18 | npm install -g camouflage-filemanager
19 | ```
20 | Filemanager requires two environment variables
21 | * `FS_ROOT`: Root Directory for filemanager; default value is current working directory
22 | * `WRITE_PROTECTED`: Default value is `true`, which means creation/deletion/updates of any kind are not allowed.
23 | 
24 | Start filemanager after npm installation by running command: `filemanager` in your desired directory. Optionally you can override aforementioned environment variables by exporting or by creating a `.env` file in your current working directory.
25 | 
26 | ### Docker
27 | 
28 | 1. Default:
29 |    ```bash
30 |    docker run -d -p 3000:3000 --name filemanager shubhendumadhukar/camouflage-filemanager
31 |    ```
32 | 2. Specify root directory:
33 |    ```bash
34 |    docker run -d -p 3000:3000 -e FS_ROOT="/opt" --name filemanager shubhendumadhukar/camouflage-filemanager
35 |    ```
36 | 3. Specify if write is allowed (not allowed by default):
37 |    ```bash
38 |    docker run -d -p 3000:3000 -e FS_ROOT="/opt" -e WRITE_PROTECTED=false --name filemanager shubhendumadhukar/camouflage-filemanager
39 |    ```
40 | 4. Mount a local volume:
41 |    ```bash
42 |    docker run -d -p 3000:3000 -e FS_ROOT="/opt/virtual_services" -e WRITE_PROTECTED=false -v ~/Desktop:/opt/Desktop --name filemanager shubhendumadhukar/camouflage-filemanager
43 |    ```
44 | 
45 | ## License
46 | ```
47 | MIT License
48 | 
49 | Copyright (c) 2021 testinggospels
50 | 
51 | Permission is hereby granted, free of charge, to any person obtaining a copy
52 | of this software and associated documentation files (the "Software"), to deal
53 | in the Software without restriction, including without limitation the rights
54 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
55 | copies of the Software, and to permit persons to whom the Software is
56 | furnished to do so, subject to the following conditions:
57 | 
58 | The above copyright notice and this permission notice shall be included in all
59 | copies or substantial portions of the Software.
60 | 
61 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
62 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
63 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
64 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
65 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
66 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
67 | SOFTWARE.
68 | ```
69 |

--------------------------------------------------------------------------------
/src/lib/components/Clipboard.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 	import { clipboard } from '$lib/stores';
  3 | 	import { page } from '$app/stores';
  4 | 	let CLIPBOARD_EMPTY = true;
  5 | 	let clipboard_items = [];
  6 | 	clipboard.subscribe((value) => {
  7 | 		if (value.length > 0) {
  8 | 			CLIPBOARD_EMPTY = false;
  9 | 			clipboard_items = value;
 10 | 		}
 11 | 	});
 12 | 	const clearClipboard = () => {
 13 | 		clipboard_items = [];
 14 | 		clipboard.update(() => []);
 15 | 		CLIPBOARD_EMPTY = true;
 16 | 	};
 17 | 	const handlePaste = async (target) => {
 18 | 		while (target.tagName.toLowerCase() !== 'a') {
 19 | 			target = target.parentElement;
 20 | 		}
 21 | 		const [source, action] = target.getAttribute('href').split('#');
 22 | 		const res = await fetch('/api/fs/cf-paste', {
 23 | 			method: 'POST',
 24 | 			headers: {
 25 | 				'Content-Type': 'application/json'
 26 | 			},
 27 | 			body: JSON.stringify({
 28 | 				source,
 29 | 				action,
 30 | 				destination: $page.path
 31 | 			})
 32 | 		});
 33 | 		if (!res.ok) {
 34 | 			const { err } = await res.json();
 35 | 			alert(err);
 36 | 		} else {
 37 | 			window.location.reload();
 38 | 		}
 39 | 	};
 40 | </script>
 41 | 
 42 | {#if !CLIPBOARD_EMPTY}
 43 | 	<label
 44 | 		for="clipboard-modal-checkbox"
 45 | 		class="btn btn-primary modal-button p-0 w-14 h-14 bg-red-600 rounded-full hover:bg-red-700 active:shadow-lg mouse shadow transition ease-in duration-200 focus:outline-none fixed bottom-5 right-5 h-16 w-16 z-50"
 46 | 	>
 47 | 		<svg
 48 | 			xmlns="http://www.w3.org/2000/svg"
 49 | 			class="h-6 w-6 inline-block text-white"
 50 | 			fill="none"
 51 | 			viewBox="0 0 24 24"
 52 | 			stroke="currentColor"
 53 | 		>
 54 | 			<path
 55 | 				stroke-linecap="round"
 56 | 				stroke-linejoin="round"
 57 | 				stroke-width="2"
 58 | 				d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
 59 | 			/>
 60 | 		</svg>
 61 | 	</label>
 62 | 	<input type="checkbox" id="clipboard-modal-checkbox" class="modal-toggle" />
 63 | 	<div class="modal">
 64 | 		<div class="modal-box max-w-screen-lg h-96 overflow-scroll">
 65 | 			<table class="table w-full table-zebra table-compact">
 66 | 				<thead>
 67 | 					<tr>
 68 | 						<th>Source</th>
 69 | 						<th>Action</th>
 70 | 						<th>Paste Here</th>
 71 | 					</tr>
 72 | 				</thead>
 73 | 				<tbody>
 74 | 					{#each clipboard_items as { action, source }}
 75 | 						<tr class="hover">
 76 | 							<td>{source}</td>
 77 | 							<td>{action}</td>
 78 | 							<td>
 79 | 								<a
 80 | 									href="{source}#{action}"
 81 | 									on:click|preventDefault={(e) => handlePaste(e.target)}
 82 | 									target="_self"
 83 | 								>
 84 | 									<svg
 85 | 										xmlns="http://www.w3.org/2000/svg"
 86 | 										class="h-6 w-6"
 87 | 										fill="none"
 88 | 										viewBox="0 0 24 24"
 89 | 										stroke="currentColor"
 90 | 									>
 91 | 										<path
 92 | 											stroke-linecap="round"
 93 | 											stroke-linejoin="round"
 94 | 											stroke-width="2"
 95 | 											d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"
 96 | 										/>
 97 | 									</svg>
 98 | 								</a>
 99 | 							</td>
100 | 						</tr>
101 | 					{/each}
102 | 				</tbody>
103 | 			</table>
104 | 			<div class="modal-action">
105 | 				<button on:click={clearClipboard} class="btn btn-error">Clear Clipboard</button>
106 | 				<label for="clipboard-modal-checkbox" class="btn">Close</label>
107 | 			</div>
108 | 		</div>
109 | 	</div>
110 | {/if}
111 |

--------------------------------------------------------------------------------
/src/lib/components/Actions.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 | 	export let sub;
  3 | 	export let file;
  4 | 	import { clipboard } from '$lib/stores';
  5 | 	const handleDelete = async (target) => {
  6 | 		while (target.tagName.toLowerCase() !== 'a') {
  7 | 			target = target.parentElement;
  8 | 		}
  9 | 		const filePath = target.getAttribute('href');
 10 | 		const confirmation = confirm(
 11 | 			`This will delete the file/folder ${filePath}. This actions is not reversible. Are you sure?`
 12 | 		);
 13 | 		if (confirmation) {
 14 | 			const res = await fetch(`/api/fs/${filePath}`, {
 15 | 				method: 'DELETE'
 16 | 			});
 17 | 			const resJson = await res.json();
 18 | 			if (resJson.response.error) {
 19 | 				alert(resJson.response.message);
 20 | 			} else {
 21 | 				files = resJson.response;
 22 | 			}
 23 | 		}
 24 | 	};
 25 | 	const handleCopy = (target) => {
 26 | 		while (target.tagName.toLowerCase() !== 'a') {
 27 | 			target = target.parentElement;
 28 | 		}
 29 | 		const filePath = target.getAttribute('href');
 30 | 		clipboard.update((value) => [...value, { action: 'copy', source: filePath }]);
 31 | 	};
 32 | 	const handleCut = (target) => {
 33 | 		while (target.tagName.toLowerCase() !== 'a') {
 34 | 			target = target.parentElement;
 35 | 		}
 36 | 		const filePath = target.getAttribute('href');
 37 | 		clipboard.update((value) => [...value, { action: 'cut', source: filePath }]);
 38 | 	};
 39 | </script>
 40 | 
 41 | <div class="dropdown dropdown-end">
 42 | 	<div tabindex="0" class="btn btn-circle btn-ghost btn-xs text-info">
 43 | 		<svg
 44 | 			xmlns="http://www.w3.org/2000/svg"
 45 | 			class="inline w-5 h-5 stroke-current"
 46 | 			fill="none"
 47 | 			viewBox="0 0 24 24"
 48 | 			stroke="currentColor"
 49 | 		>
 50 | 			<path
 51 | 				stroke-linecap="round"
 52 | 				stroke-linejoin="round"
 53 | 				stroke-width="2"
 54 | 				d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
 55 | 			/>
 56 | 		</svg>
 57 | 	</div>
 58 | 	<ul tabindex="0" class="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52">
 59 | 		<li>
 60 | 			<a href="{sub}{file}" on:click|preventDefault={(e) => handleDelete(e.target)} target="_self">
 61 | 				<svg
 62 | 					xmlns="http://www.w3.org/2000/svg"
 63 | 					class="h-6 w-6"
 64 | 					fill="none"
 65 | 					viewBox="0 0 24 24"
 66 | 					stroke="currentColor"
 67 | 				>
 68 | 					<path
 69 | 						stroke-linecap="round"
 70 | 						stroke-linejoin="round"
 71 | 						stroke-width="2"
 72 | 						d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
 73 | 					/>
 74 | 				</svg>
 75 | 				Delete
 76 | 			</a>
 77 | 		</li>
 78 | 		<li>
 79 | 			<a href="{sub}{file}" on:click|preventDefault={(e) => handleCopy(e.target)} target="_self">
 80 | 				<svg
 81 | 					xmlns="http://www.w3.org/2000/svg"
 82 | 					class="h-6 w-6"
 83 | 					fill="none"
 84 | 					viewBox="0 0 24 24"
 85 | 					stroke="currentColor"
 86 | 				>
 87 | 					<path
 88 | 						stroke-linecap="round"
 89 | 						stroke-linejoin="round"
 90 | 						stroke-width="2"
 91 | 						d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"
 92 | 					/>
 93 | 				</svg>
 94 | 				Copy
 95 | 			</a>
 96 | 		</li>
 97 | 		<li>
 98 | 			<a href="{sub}{file}" on:click|preventDefault={(e) => handleCut(e.target)} target="_self">
 99 | 				<svg
100 | 					xmlns="http://www.w3.org/2000/svg"
101 | 					class="h-6 w-6"
102 | 					fill="none"
103 | 					viewBox="0 0 24 24"
104 | 					stroke="currentColor"
105 | 				>
106 | 					<path
107 | 						stroke-linecap="round"
108 | 						stroke-linejoin="round"
109 | 						stroke-width="2"
110 | 						d="M14.121 14.121L19 19m-7-7l7-7m-7 7l-2.879 2.879M12 12L9.121 9.121m0 5.758a3 3 0 10-4.243 4.243 3 3 0 004.243-4.243zm0-5.758a3 3 0 10-4.243-4.243 3 3 0 004.243 4.243z"
111 | 					/>
112 | 				</svg>
113 | 				Cut
114 | 			</a>
115 | 		</li>
116 | 		<li>
117 | 			<a href="{sub}{file}" on:click|preventDefault>
118 | 				<svg
119 | 					xmlns="http://www.w3.org/2000/svg"
120 | 					class="h-6 w-6"
121 | 					fill="none"
122 | 					viewBox="0 0 24 24"
123 | 					stroke="currentColor"
124 | 				>
125 | 					<path
126 | 						stroke-linecap="round"
127 | 						stroke-linejoin="round"
128 | 						stroke-width="2"
129 | 						d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"
130 | 					/>
131 | 				</svg>
132 | 				Rename
133 | 			</a>
134 | 		</li>
135 | 	</ul>
136 | </div>
137 |

--------------------------------------------------------------------------------
/src/lib/fsutils.js:
--------------------------------------------------------------------------------
  1 | import fs from 'fs-extra'
  2 | import path from 'path';
  3 | import dotenv from 'dotenv'
  4 | dotenv.config();
  5 | 
  6 | export function dirStat(inputFolder) {
  7 |     let fsRoot = path.resolve(process.env['FS_ROOT'] || process.cwd())
  8 |     if (inputFolder) {
  9 |         fsRoot = path.join(path.resolve(process.env['FS_ROOT'] || process.cwd()), inputFolder)
 10 |     }
 11 |     const files = fs.readdirSync(fsRoot)
 12 |     const dirStat = [];
 13 |     files.forEach(file => {
 14 |         let filePath = path.join(fsRoot, file);
 15 |         let stats = fs.lstatSync(filePath)
 16 |         let fileDetails = {
 17 |             file,
 18 |             createdTime: stats.ctime,
 19 |             modifiedTime: stats.mtime,
 20 |             isDirectory: stats.isDirectory(),
 21 |         }
 22 |         dirStat.push(fileDetails)
 23 |     });
 24 |     return dirStat;
 25 | }
 26 | 
 27 | export function readFile(inputFile) {
 28 |     const fsRoot = path.join(path.resolve(process.env['FS_ROOT'] || process.cwd()), inputFile)
 29 |     const isDirectory = fs.lstatSync(fsRoot).isDirectory()
 30 |     if (isDirectory) {
 31 |         return {
 32 |             status: 400,
 33 |             body: {
 34 |                 error: 'Directory can not be treated as a text file.'
 35 |             }
 36 |         }
 37 |     }
 38 |     return fs.readFileSync(fsRoot).toString()
 39 | }
 40 | 
 41 | export function deleteFile(inputFile) {
 42 |     const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd())
 43 |     const delResource = path.join(fsRoot, inputFile)
 44 |     const parent = path.dirname(delResource)
 45 |     try {
 46 |         fs.removeSync(delResource)
 47 |         if (parent === fsRoot) {
 48 |             return dirStat();
 49 |         } else {
 50 |             return dirStat(parent.replace(fsRoot, ""))
 51 |         }
 52 |     } catch (err) {
 53 |         return { error: true, message: err.message }
 54 |     }
 55 | }
 56 | 
 57 | export function createFolder(inputFile) {
 58 |     const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd())
 59 |     const file = path.join(fsRoot, inputFile)
 60 |     fs.mkdirpSync(file);
 61 |     return create(file, fsRoot)
 62 | }
 63 | 
 64 | export function createFile(inputFile) {
 65 |     const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd())
 66 |     const file = path.join(fsRoot, inputFile)
 67 |     fs.createFileSync(file);
 68 |     return create(file, fsRoot);
 69 | }
 70 | 
 71 | function create(createPath, fsRoot) {
 72 |     const parent = path.dirname(createPath)
 73 |     try {
 74 |         if (parent === fsRoot) {
 75 |             return dirStat()
 76 |         } else {
 77 |             return dirStat(parent.replace(fsRoot, ""))
 78 |         }
 79 |     } catch (err) {
 80 |         return { error: true, message: err.message }
 81 |     }
 82 | }
 83 | 
 84 | export function writeFile(inputFile, content) {
 85 |     const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd())
 86 |     const file = path.join(fsRoot, inputFile)
 87 |     try {
 88 |         fs.writeFileSync(file, content)
 89 |         return "success";
 90 |     } catch (err) {
 91 |         return err.message;
 92 |     }
 93 | }
 94 | 
 95 | export function copy(source, dest) {
 96 |     try {
 97 |         const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd());
 98 |         const originalLocation = path.join(fsRoot, source);
 99 |         const newLocation = path.join(fsRoot, dest, path.basename(source));
100 |         if (!fs.existsSync(newLocation)) {
101 |             fs.copySync(originalLocation, newLocation, { overwrite: false, errorOnExist: true })
102 |         } else {
103 |             return { success: false, err: "dest already exists" }
104 |         }
105 |         return { success: true }
106 |     } catch (err) {
107 |         return { success: false, err: err.message }
108 |     }
109 | }
110 | 
111 | export function cut(source, dest) {
112 |     try {
113 |         const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd());
114 |         const originalLocation = path.join(fsRoot, source);
115 |         const newLocation = path.join(fsRoot, dest, path.basename(source));
116 |         if (!fs.existsSync(newLocation)) {
117 |             fs.moveSync(originalLocation, newLocation, { overwrite: false, errorOnExist: true })
118 |         } else {
119 |             return { success: false, err: "dest already exists" }
120 |         }
121 |         return { success: true }
122 |     } catch (err) {
123 |         return { success: false, err: err.message }
124 |     }
125 | }
126 | 
127 | export function rename(source, dest) {
128 |     const fsRoot = path.resolve(process.env["FS_ROOT"] || process.cwd());
129 |     const oldPath = path.join(fsRoot, source)
130 |     const newPath = path.join(fsRoot, dest)
131 |     try {
132 |         if (!fs.existsSync(newPath)) {
133 |             fs.renameSync(oldPath, newPath)
134 |         } else {
135 |             return { success: false, err: "dest already exists" }
136 |         }
137 |     } catch (err) {
138 |         return { success: false, err: err.message }
139 |     }
140 | }

--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
  1 | # Contributor Covenant Code of Conduct
  2 | 
  3 | ## Our Pledge
  4 | 
  5 | We as members, contributors, and leaders pledge to make participation in our
  6 | community a harassment-free experience for everyone, regardless of age, body
  7 | size, visible or invisible disability, ethnicity, sex characteristics, gender
  8 | identity and expression, level of experience, education, socio-economic status,
  9 | nationality, personal appearance, race, religion, or sexual identity
 10 | and orientation.
 11 | 
 12 | We pledge to act and interact in ways that contribute to an open, welcoming,
 13 | diverse, inclusive, and healthy community.
 14 | 
 15 | ## Our Standards
 16 | 
 17 | Examples of behavior that contributes to a positive environment for our
 18 | community include:
 19 | 
 20 | * Demonstrating empathy and kindness toward other people
 21 | * Being respectful of differing opinions, viewpoints, and experiences
 22 | * Giving and gracefully accepting constructive feedback
 23 | * Accepting responsibility and apologizing to those affected by our mistakes,
 24 |   and learning from the experience
 25 | * Focusing on what is best not just for us as individuals, but for the
 26 |   overall community
 27 | 
 28 | Examples of unacceptable behavior include:
 29 | 
 30 | * The use of sexualized language or imagery, and sexual attention or
 31 |   advances of any kind
 32 | * Trolling, insulting or derogatory comments, and personal or political attacks
 33 | * Public or private harassment
 34 | * Publishing others' private information, such as a physical or email
 35 |   address, without their explicit permission
 36 | * Other conduct which could reasonably be considered inappropriate in a
 37 |   professional setting
 38 | 
 39 | ## Enforcement Responsibilities
 40 | 
 41 | Community leaders are responsible for clarifying and enforcing our standards of
 42 | acceptable behavior and will take appropriate and fair corrective action in
 43 | response to any behavior that they deem inappropriate, threatening, offensive,
 44 | or harmful.
 45 | 
 46 | Community leaders have the right and responsibility to remove, edit, or reject
 47 | comments, commits, code, wiki edits, issues, and other contributions that are
 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation
 49 | decisions when appropriate.
 50 | 
 51 | ## Scope
 52 | 
 53 | This Code of Conduct applies within all community spaces, and also applies when
 54 | an individual is officially representing the community in public spaces.
 55 | Examples of representing our community include using an official e-mail address,
 56 | posting via an official social media account, or acting as an appointed
 57 | representative at an online or offline event.
 58 | 
 59 | ## Enforcement
 60 | 
 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
 62 | reported to the community leaders responsible for enforcement at
 63 | shubhendumadhukar@gmail.com.
 64 | All complaints will be reviewed and investigated promptly and fairly.
 65 | 
 66 | All community leaders are obligated to respect the privacy and security of the
 67 | reporter of any incident.
 68 | 
 69 | ## Enforcement Guidelines
 70 | 
 71 | Community leaders will follow these Community Impact Guidelines in determining
 72 | the consequences for any action they deem in violation of this Code of Conduct:
 73 | 
 74 | ### 1. Correction
 75 | 
 76 | **Community Impact**: Use of inappropriate language or other behavior deemed
 77 | unprofessional or unwelcome in the community.
 78 | 
 79 | **Consequence**: A private, written warning from community leaders, providing
 80 | clarity around the nature of the violation and an explanation of why the
 81 | behavior was inappropriate. A public apology may be requested.
 82 | 
 83 | ### 2. Warning
 84 | 
 85 | **Community Impact**: A violation through a single incident or series
 86 | of actions.
 87 | 
 88 | **Consequence**: A warning with consequences for continued behavior. No
 89 | interaction with the people involved, including unsolicited interaction with
 90 | those enforcing the Code of Conduct, for a specified period of time. This
 91 | includes avoiding interactions in community spaces as well as external channels
 92 | like social media. Violating these terms may lead to a temporary or
 93 | permanent ban.
 94 | 
 95 | ### 3. Temporary Ban
 96 | 
 97 | **Community Impact**: A serious violation of community standards, including
 98 | sustained inappropriate behavior.
 99 | 
100 | **Consequence**: A temporary ban from any sort of interaction or public
101 | communication with the community for a specified period of time. No public or
102 | private interaction with the people involved, including unsolicited interaction
103 | with those enforcing the Code of Conduct, is allowed during this period.
104 | Violating these terms may lead to a permanent ban.
105 | 
106 | ### 4. Permanent Ban
107 | 
108 | **Community Impact**: Demonstrating a pattern of violation of community
109 | standards, including sustained inappropriate behavior,  harassment of an
110 | individual, or aggression toward or disparagement of classes of individuals.
111 | 
112 | **Consequence**: A permanent ban from any sort of public interaction within
113 | the community.
114 | 
115 | ## Attribution
116 | 
117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage],
118 | version 2.0, available at
119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
120 | 
121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct
122 | enforcement ladder](https://github.com/mozilla/diversity).
123 | 
124 | [homepage]: https://www.contributor-covenant.org
125 | 
126 | For answers to common questions about this code of conduct, see the FAQ at
127 | https://www.contributor-covenant.org/faq. Translations are available at
128 | https://www.contributor-covenant.org/translations.
129 |

--------------------------------------------------------------------------------