{ exitCP(); }}
8 | >
9 |
19 | {#if filtered.length > 0}
20 |
58 |
59 |
98 |
99 |
214 |
215 |
--------------------------------------------------------------------------------
/src/components/DirectoryListing.svelte:
--------------------------------------------------------------------------------
1 |
24 |
56 | {/if}
57 | -
25 | {#each filtered as command, index}
26 | {#if index === current}
27 |
-
28 |
29 | { runCommand(command.name); }} 32 | > 33 | {command.name} 34 | 35 |
36 | {#if showDescription} 37 |40 | {command.description} 41 |
42 | {/if} 43 |
44 | {:else}
45 | - 46 | { runCommand(command.name); }} 48 | > 49 | {command.name} 50 | 51 | 52 | {/if} 53 | {/each} 54 |
4 | {#if show}
5 |
9 | {newPath}
10 |
11 | {:else}
12 | {}}
17 | on:keypress|stopPropagation={(e) => {}}
18 | bind:value={inputPath}
19 | on:blur={editOff}
20 | on:input={processInput}
21 | />
22 | {#if (dirlist.length > 0) && (dirListDOM !== null) && (dirInputDOM !== null)}
23 |
39 |
40 |
82 |
83 |
358 |
--------------------------------------------------------------------------------
/src/components/Entry.svelte:
--------------------------------------------------------------------------------
1 | {#if (((localCursor.pane === pane) && (localCursor.entry.name == entry.name))||(entry.selected))}
2 |
26 |
36 | {/if}
37 | {/if}
38 | -
27 | {#each dirlist as item, key}
28 | {#if item !== ''}
29 |
- 30 | {item} 31 | 32 | {/if} 33 | {/each} 34 |
{ dropFiles(e,'dragend'); }}
10 | on:drop|preventDefault={(e) => { dropFiles(e, 'drop'); }}
11 | on:dragover|preventDefault={(e) => { dropFiles(e,'dragover'); }}
12 | on:dragenter|preventDefault={(e) => {dropFiles(e, 'dragenter'); }}
13 | >
14 |
15 | {#if entry.type === 0}
16 |
25 | {:else }
26 | { dropFiles(e, 'drop'); }}
33 | on:dragover|preventDefault={(e) => { dropFiles(e,'dragover'); }}
34 | >
35 |
36 | {#if entry.type === 0}
37 |
50 | {/if}
51 |
52 |
77 |
78 |
285 |
--------------------------------------------------------------------------------
/src/components/Env.svelte:
--------------------------------------------------------------------------------
1 | {#if ((localConfig !== null) && (typeof localConfig.configuration.env !== 'undefined'))}
2 | | 6 | | 7 |8 | | 9 |10 | Name 11 | | 12 |13 | Value 14 | | 15 |
|---|---|---|---|
| 29 | | 30 | | 31 | 32 | | 33 |34 | 35 | | 36 |
| 40 | { addNew = true; }}> 41 | + 42 | 43 | | 44 |
5 | {#if showMsgBox}
6 |
33 |
34 |
78 | {/if}
79 |
116 |
117 |
186 |
187 |
422 |
--------------------------------------------------------------------------------
/src/components/ExtraPanel.svelte:
--------------------------------------------------------------------------------
1 |
14 |
28 | {/if}
29 | {#if extensionList !== null}
30 | {msgTitle}
15 |{msgText}
16 | 27 || 36 | Extension Name 37 | | 38 |39 | | 40 |41 | | 42 |
|---|---|---|
| 48 | {item.name} 49 | | 50 |51 | 63 | | 64 |65 | 73 | | 74 |
82 |
87 | {
95 | setFocus(false);
96 | }}
97 | on:mouseleave={() => {
98 | setFocus(true);
99 | }}
100 | on:blur={()=>{
101 | setFocus(true);
102 | }}
103 | />
104 |
114 |
115 |
5 | {#if isExtra}
6 | {@html extraHTML}
7 | {/if}
8 | 
21 | {:else if isMovieFlag}
22 |
27 |
36 |
37 |
62 |
63 |
177 |
--------------------------------------------------------------------------------
/src/components/GeneralPrefs.svelte:
--------------------------------------------------------------------------------
1 | { fullPath }
9 | {#if (extension === '.png') || 10 | (extension === '.jpg') || 11 | (extension === '.svg') || 12 | (extension === '.jpeg') || 13 | (extension === '.gif') || 14 | (extension === '.apng') || 15 | (extension === '.avif') || 16 | (extension === '.webp') || 17 | (extension === '.avi')} 18 |28 | Dimensions: {videoDem} 29 |
30 | {/if} 31 |
32 |
35 | Date: {localCurrentCursor.entry.datetime}
33 |Size: {size}
34 |
5 | {#if localConfig !== null}
6 |
35 |
36 |
59 |
60 |
105 |
--------------------------------------------------------------------------------
/src/components/GitHub.svelte:
--------------------------------------------------------------------------------
1 | Environment for Launching Programs
7 |Other Configuration Items
10 |
13 |
18 | {#if localConfig.configuration.useTrash}
19 |
25 | {:else}
26 |
31 | {/if}
32 |
33 | {/if}
34 | { exitGitHub(); }}
8 | >
9 |
148 |
149 |
224 |
225 |
439 |
440 |
--------------------------------------------------------------------------------
/src/components/MessageBox.svelte:
--------------------------------------------------------------------------------
1 |
10 |
25 | GitHub Themes and Extensions Importer
11 | { 13 | exitGitHub(); 14 | }} 15 | style="color: {$theme.Red};" 16 | > 17 | X 18 | 19 | 24 |
28 | {#await repos}
29 |
147 | Loading Extensions Repositories....
30 | {:then value} 31 | {#if check(value)} 32 | {#each value.data.items as repo} 33 |
34 |
78 | {/each}
79 | {/if}
80 | {:catch error}
81 |
35 |
44 | 36 | {repo.name} 37 |
38 |41 | {repo.stargazers_count} ⭐️ s 42 |
43 |
45 |
49 | {#if hasMsg(repo)}
50 | 46 | {repo.description} 47 |
48 |
53 | {@html getMsg(repo)}
54 |
55 | {/if}
56 |
77 | There was an error: {error}
82 | {/await} 83 | {#await themes} 84 |Loading Theme Repositories....
85 | {:then valueTheme} 86 | {#if check(valueTheme)} 87 | {#each valueTheme.data.items as thm} 88 |
89 |
141 | {/each}
142 | {/if}
143 | {:catch error}
144 |
90 |
99 | 91 | {thm.name} 92 |
93 |96 | {thm.stargazers_count} ⭐️ s 97 |
98 |
100 |
104 | {#if hasMsg(thm)}
105 | 101 | {thm.description} 102 |
103 |
108 | {@html getMsg(thm)}
109 |
110 | {/if}
111 |
140 | There was an error: {error}
145 | {/await} 146 |
2 |
115 |
116 |
172 |
173 |
361 |
362 |
--------------------------------------------------------------------------------
/src/components/Pane.svelte:
--------------------------------------------------------------------------------
1 |
7 | {#if config !== null}
8 |
114 | {config.title}
9 | {#if typeof items !== null} 10 | {#each items as item} 11 | {#if typeof item !== 'undefined'} 12 | {#if item.type === 'input'} 13 |{item.msg}
14 | { 18 | if(e.key === 'Enter') { 19 | e.preventDefault(); 20 | returnValue(true); 21 | } 22 | }} 23 | /> 24 | {:else if item.type === 'selector'} 25 | 37 | {:else if item.type === 'picker'} 38 |
41 |
46 |
79 | {:else if item.type === 'spinner'}
80 |
85 | {:else if item.type === 'label'}
86 |
92 | {:else if item.type === 'html'}
93 | {@html item.text}
94 | {/if}
95 | {:else}
96 |
51 | {#each pickerItems as selection, key }
52 | {#if key === pickerNum }
53 | {
59 | pickerSelected(selection);
60 | }}
61 | >
62 | {selection.name}
63 |
64 | {:else}
65 | {
70 | pickerSelected(selection);
71 | }}
72 | >
73 | {selection.name}
74 |
75 | {/if}
76 | {/each}
77 |
78 | System Error
97 | {/if} 98 | {/each} 99 | {:else} 100 |System Error
101 | {/if} 102 | {#if ((typeof config.noShowButton !== 'undefined')&&(!config.noShowButton))} 103 |
104 |
107 |
110 |
111 | {/if}
112 | {/if}
113 |
5 | {#each entries as entry,index}
6 |
25 |
26 |
41 |
42 |
197 |
--------------------------------------------------------------------------------
/src/components/Preferences.svelte:
--------------------------------------------------------------------------------
1 | {cursorToPane()}}
20 | on:drop|preventDefault={(e) => { dropFiles(e, 'drop'); }}
21 | on:dragover|preventDefault={(e) => { dropFiles(e,'dragover'); }}
22 | >
23 |
24 |
8 | {
12 | if(keepBlur&&(vimInput !== null)) {
13 | vimInput.focus();
14 | }
15 | }}
16 | on:keydown={(e) => {
17 | if(keepBlur) {
18 | e.preventDefault();
19 | switch(e.key) {
20 | case 'g':
21 | showPanel = 'general';
22 | break;
23 | case 't':
24 | showPanel = 'theme';
25 | break;
26 | case 'e':
27 | showPanel = 'extension';
28 | break;
29 | case 'ArrowUp':
30 | case 'k':
31 | scrollDiv(-1);
32 | break;
33 | case 'ArrowDown':
34 | case 'j':
35 | scrollDiv(1);
36 | break;
37 | case 'Escape':
38 | keepBlur = false;
39 | exitPrefs();
40 | break;
41 | default:
42 | break;
43 | }
44 | }
45 | }}
46 | />
47 | {
110 | scrollDOM = e.detail.DOM;
111 | }}
112 | on:setKeyProcess={(e) => {
113 | keepBlur = e.detail.blur;
114 | if(keepBlur) timeOut = setTimeout(focusInput, 1000);
115 | }}
116 | />
117 | {:else if showPanel === 'theme'}
118 | {
120 | scrollDOM = e.detail.DOM;
121 | }}
122 | on:setKeyProcess={(e) => {
123 | keepBlur = e.detail.blur;
124 | if(keepBlur) timeOut = setTimeout(focusInput, 1000);
125 | }}
126 | />
127 | {:else if showPanel === 'extension'}
128 | {
130 | switchView(e.detail.view);
131 | }}
132 | on:setScrollDOM={(e) => {
133 | scrollDOM = e.detail.DOM;
134 | }}
135 | on:setKeyProcess={(e) => {
136 | keepBlur = e.detail.blur;
137 | if(keepBlur) timeOut = setTimeout(focusInput, 1000);
138 | }}
139 | />
140 | {/if}
141 |
156 |
157 |
158 |
211 |
212 |
347 |
348 |
--------------------------------------------------------------------------------
/src/components/QuickSearch.svelte:
--------------------------------------------------------------------------------
1 | Preferences
48 |-
49 | {#if showPanel === 'general'}
50 |
- { showPanel = 'general'; }} 52 | style="border-color: {$theme.textColor}; 53 | background-color: {$theme.textColor}; 54 | color: {$theme.backgroundColor};" 55 | > 56 | General 57 | 58 | {:else} 59 |
- { showPanel = 'general'; }} 61 | style="border-color: {$theme.textColor}; 62 | color: {$theme.textColor}; 63 | background-color: {$theme.backgroundColor};" 64 | > 65 | General 66 | 67 | {/if} 68 | {#if showPanel === 'theme'} 69 |
- { showPanel = 'theme'; }} 71 | style="border-color: {$theme.textColor}; 72 | background-color: {$theme.textColor}; 73 | color: {$theme.backgroundColor};" 74 | > 75 | Theme 76 | 77 | {:else} 78 |
- { showPanel = 'theme'; }} 80 | style="border-color: {$theme.textColor}; 81 | color: {$theme.textColor}; 82 | background-color: {$theme.backgroundColor};" 83 | > 84 | Theme 85 | 86 | {/if} 87 | {#if showPanel === 'extension'} 88 |
- { showPanel = 'extension'; }} 90 | style="border-color: {$theme.textColor}; 91 | background-color: {$theme.textColor}; 92 | color: {$theme.backgroundColor};" 93 | > 94 | Extension 95 | 96 | {:else} 97 |
- { showPanel = 'extension'; }} 99 | style="border-color: {$theme.textColor}; 100 | color: {$theme.textColor}; 101 | background-color: {$theme.backgroundColor};" 102 | > 103 | Extension 104 | 105 | {/if} 106 |
4 | { exitQS(); }}
10 | style="background-color: {localTheme.textColor};
11 | text-color: {localTheme.backgroundColor};"
12 | />
13 |
14 |
15 |
44 |
45 |
146 |
--------------------------------------------------------------------------------
/src/components/ResizeBorder.svelte:
--------------------------------------------------------------------------------
1 | {
10 | dispatch('mouseDown', true);
11 | }}
12 | on:mouseup={e => {
13 | dispatch('mouseDown', false);
14 | }}
15 | >
16 |
17 |
18 |
26 |
27 |
44 |
--------------------------------------------------------------------------------
/src/components/StatusLine.svelte:
--------------------------------------------------------------------------------
1 |
4 |
7 | {localInputState}
8 |
9 |
12 | {localCurrentCursor.pane}
13 |
14 |
18 | {localCurrentCursor.entry.name}
19 |
20 |
24 | {localCurrentCursor.entry.datetime}
25 |
26 |
31 | {size}
32 |
33 |
34 |
35 |
89 |
90 |
148 |
149 |
--------------------------------------------------------------------------------
/src/components/ThemeItem.svelte:
--------------------------------------------------------------------------------
1 |
9 | {#if changeString}
10 | {
17 | changeStringValue(value);
18 | }}
19 | />
20 | {:else}
21 | {value}
22 | {/if}
23 | {#if value.startsWith('#')}
24 |
28 |
25 |
26 | {/if}
27 |
34 | { colorCallback(e.detail); }} startColor={value}/>
35 |
40 |
41 | {/if}
42 |
43 |
69 |
70 |
118 |
--------------------------------------------------------------------------------
/src/components/ThemePrefs.svelte:
--------------------------------------------------------------------------------
1 |
5 |
8 |
9 |
28 | {/if}
29 |
95 |
96 |
156 | {/if}
157 |
158 |
159 |
233 |
234 |
373 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Start from './Start.svelte';
2 |
3 | var mb = new nw.Menu({type:"menubar"});
4 | var submenu = new nw.Menu();
5 | submenu.append(new nw.MenuItem({
6 | label: "About MFM"
7 | }));
8 | submenu.append(new nw.MenuItem({ type: 'separator' }));
9 | submenu.append(new nw.MenuItem({
10 | label: "Quit MFM",
11 | click: function() {
12 | nw.App.closeAllWindows();
13 | },
14 | key: 'q'
15 | }))
16 | mb.append(new nw.MenuItem({
17 | label: "MFM",
18 | tooltip: "MFM",
19 | submenu: submenu
20 | }));
21 | nw.Window.get().menu = mb;
22 |
23 | const ST = new Start({
24 | target: document.body,
25 | props: {}
26 | });
27 |
28 | export default ST;
29 |
--------------------------------------------------------------------------------
/src/modules/commands.js:
--------------------------------------------------------------------------------
1 | //
2 | // File: commands.js
3 | //
4 | // Description: This file contains the commands object for dealing with commands that
5 | // SvelteFileManager uses.
6 | //
7 |
8 | var commands = {
9 | commandList: [],
10 | lastError: '',
11 | addCommand: function(name, altname, description, command) {
12 | commands.commandList.push({
13 | name: name,
14 | altname: altname,
15 | description: description,
16 | command: command
17 | });
18 | },
19 | runCommand: function(com) {
20 | //
21 | // Get the command.
22 | //
23 | const command = commands.getCommand(com);
24 |
25 | //
26 | // Run the command.
27 | //
28 | try {
29 | if(command !== null) command.command();
30 | } catch(e) {
31 | //
32 | // Something happened in the command. Tell about it.
33 | //
34 | commands.lastError = e;
35 | console.log(e);
36 | }
37 | },
38 | getCommand: function(com) {
39 | return commands.commandList.find(item => item.name === com )
40 | },
41 | getAltCommand: function(com) {
42 | return commands.commandList.find(item => item.altname === com )
43 | },
44 | listCommands: function() {
45 | return commands.commandList.map(item => {
46 | return {
47 | name: item.name,
48 | description: item.description
49 | };
50 | })
51 | },
52 | removeCommand: function(com) {
53 | commands.commandList = commands.commandList.filter(item => item.name !== com);
54 | }
55 | }
56 |
57 | export default commands;
58 |
--------------------------------------------------------------------------------
/src/modules/extensions.js:
--------------------------------------------------------------------------------
1 | //
2 | // File: extensions.js
3 | //
4 | // Description: This object contains the extensions used and interacts with them.
5 | //
6 |
7 | var extensions = {
8 | fileSystems: null,
9 | commands: null,
10 | extCommandList: [],
11 | extensionList: [],
12 | extensionDir: '',
13 | localFS: null,
14 | config: null,
15 | load: function(confg, LFS) {
16 | //
17 | // Load the extensions from the file system. The extension directory
18 | // contains each extension in it's own directory. Each extension should
19 | // have a standard `package.json` that all npm packages have. This json
20 | // will also have fields for the extension as follows:
21 | //
22 | //{
23 | // ...
24 | // mfmextension: {
25 | // name: 'name of the extension',
26 | // description: 'description of the extension',
27 | // type: 0, // This a designation as the extensions origin: 0 - local, 1 - github
28 | // github: 'address to the extension on GitHub',
29 | // main: 'name of the JavaScript file'
30 | // }
31 | //}
32 | //
33 | // Single files in the extensions directory will be ignored.
34 | //
35 | extensions.config = confg;
36 | extensions.localFS = LFS;
37 | try{
38 | var items = extensions.localFS.readDir(extensions.extensionDir);
39 | var stats = [];
40 | for (var i=0; iCurrent Theme Values
6 | {#if localTheme !== null} 7 || 11 | Name 12 | | 13 |14 | Value 15 | | 16 |
|---|
Save as New Theme
30 |
33 |
38 | {
46 | setFocus(false);
47 | }}
48 | on:mouseleave={() => {
49 | setFocus(true);
50 | }}
51 | on:blur={() => {
52 | setFocus(true);
53 | }}
54 | />
55 |
65 |
66 | {#if showMsgBox}
67 |
75 |
89 | {/if}
90 | {msgTitle}
76 |{msgText}
77 | 88 |Existing Themes
91 | {#if themeList !== null} 92 || 98 | Theme Name 99 | | 100 |101 | | 102 |103 | | 104 |105 | | 106 |
|---|---|---|---|
| 112 | {item.name} 113 | | 114 |115 | 127 | | 128 |129 | 141 | | 142 |143 | 151 | | 152 |