feat(files_trashbin): migrate to vue

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

4 files changed, 235 insertions, 0 deletions

diff --git a/apps/files/src/store/files.ts b/apps/files/src/store/files.ts
new file mode 100644
index 00000000000..e9760e2bc85
--- /dev/null
+++ b/apps/files/src/store/files.ts
@@ -0,0 +1,97 @@
+/**
+ * @copyright Copyright (c) 2023 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/* eslint-disable */
+import type { Folder, Node } from '@nextcloud/files'
+import Vue from 'vue'
+import type { FileStore, RootStore, RootOptions, Service } from '../types'
+
+const state = {
+	files: {} as FileStore,
+	roots: {} as RootStore,
+}
+
+const getters = {
+	/**
+	 * Get a file or folder by id
+	 */
+	getNode: (state)  => (id: number): Node|undefined => state.files[id],
+
+	/**
+	 * Get a list of files or folders by their IDs
+	 * Does not return undefined values
+	 */
+	getNodes: (state) => (ids: number[]): Node[] => ids
+		.map(id => state.files[id])
+		.filter(Boolean),
+	/**
+	 * Get a file or folder by id
+	 */
+	getRoot: (state)  => (service: Service): Folder|undefined => state.roots[service],
+}
+
+const mutations = {
+	updateNodes: (state, nodes: Node[]) => {
+		nodes.forEach(node => {
+			if (!node.attributes.fileid) {
+				return
+			}
+			Vue.set(state.files, node.attributes.fileid, node)
+			// state.files = {
+			// 	...state.files,
+			// 	[node.attributes.fileid]: node,
+			// }
+		})
+	},
+
+	setRoot: (state, { service, root }: RootOptions) => {
+		state.roots = {
+			...state.roots,
+			[service]: root,
+		}
+	}
+}
+
+const actions = {
+	/**
+	 * Insert valid nodes into the store.
+	 * Roots (that does _not_ have a fileid) should
+	 * be defined in the roots store
+	 */
+	addNodes: (context, nodes: Node[]) => {
+		context.commit('updateNodes', nodes)
+	},
+
+	/**
+	 * Set the root of a service
+	 */
+	setRoot(context, { service, root }: RootOptions) {
+		context.commit('setRoot', { service, root })
+	}
+}
+
+export default {
+	namespaced: true,
+	state,
+	getters,
+	mutations,
+	actions,
+}
diff --git a/apps/files/src/store/index.ts b/apps/files/src/store/index.ts
new file mode 100644
index 00000000000..52007fef892
--- /dev/null
+++ b/apps/files/src/store/index.ts
@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import Vuex, { Store } from 'vuex'
+
+import files from './files'
+import paths from './paths'
+import selection from './selection'
+
+Vue.use(Vuex)
+
+export default new Store({
+	modules: {
+		files,
+		paths,
+		selection,
+	},
+})
diff --git a/apps/files/src/store/paths.ts b/apps/files/src/store/paths.ts
new file mode 100644
index 00000000000..d6b23578da7
--- /dev/null
+++ b/apps/files/src/store/paths.ts
@@ -0,0 +1,71 @@
+/**
+ * @copyright Copyright (c) 2023 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/* eslint-disable */
+import type { Folder } from '@nextcloud/files'
+import Vue from 'vue'
+import type { PathOptions, ServicePaths, ServiceStore } from '../types'
+
+const module = {
+	state: {
+		services: {
+			files: {} as ServicePaths,
+		} as ServiceStore,
+	},
+
+	getters: {
+		getPath(state: { services: ServiceStore }) {
+			return (service: string, path: string): number|undefined => {
+				if (!state.services[service]) {
+					return undefined
+				}
+				return state.services[service][path]
+			}
+		},
+	},
+
+	mutations: {
+		addPath: (state, opts: PathOptions) => {
+			// If it doesn't exists, init the service state
+			if (!state.services[opts.service]) {
+				// TODO: investigate why Vue.set is not working
+				state.services = {
+					[opts.service]: {} as ServicePaths,
+					...state.services
+				}
+			}
+
+			// Now we can set the path
+			Vue.set(state.services[opts.service], opts.path,  opts.fileid)
+		}
+	},
+
+	actions: {
+		addPath: (context, opts: PathOptions) => {
+			context.commit('addPath', opts)
+		},
+	}
+}
+
+export default {
+	namespaced: true,
+	...module,
+}
diff --git a/apps/files/src/store/selection.ts b/apps/files/src/store/selection.ts
new file mode 100644
index 00000000000..3ec61848c98
--- /dev/null
+++ b/apps/files/src/store/selection.ts
@@ -0,0 +1,51 @@
+/**
+ * @copyright Copyright (c) 2023 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/* eslint-disable */
+import type { Folder } from '@nextcloud/files'
+import Vue from 'vue'
+import type { PathOptions, ServicePaths, ServiceStore } from '../types'
+
+const module = {
+	state: {
+		selected: [] as number[]
+	},
+
+	mutations: {
+		set: (state, selection: number[]) => {
+			Vue.set(state, 'selected', selection)
+		}
+	},
+
+	actions: {
+		set: (context, selection = [] as number[]) => {
+			context.commit('set', selection)
+		},
+		reset(context) {
+			context.commit('set', [])
+		}
+	}
+}
+
+export default {
+	namespaced: true,
+	...module,
+}