Nodarx/documents
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Activity

Merge pull request 'refactor: module federation' (#2) from refactor/module-federation into main

Browse Source 
Reviewed-on: #2
This commit was merged in pull request #2.
This commit is contained in:
Sebastian Krupinski
2026-02-22 21:51:45 +00:00
parent f75daba6f5 e0246202f6
commit 31a33d8758
12 changed files with 42 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/FileActionsMenu.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { ref } from 'vue'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
defineProps<{
item: FileCollectionObject | FileEntityObject

4
src/components/FilesInfoPanel.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
import { getFileIcon, formatSize, formatDate } from '@/utils/fileHelpers'
const props = defineProps<{

4
src/components/views/FilesDetailsView.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
import { getFileIcon, formatSize, formatDate } from '@/utils/fileHelpers'
import { FileActionsMenu } from '@/components'

4
src/components/views/FilesGridView.vue
View File

@@ -1,6 +1,6 @@
<script setup lang="ts">
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
import { getFileIcon, formatSize } from '@/utils/fileHelpers'
import { FileActionsMenu } from '@/components'

4
src/components/views/FilesListView.vue
View File

@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
import { getFileIcon, formatSize } from '@/utils/fileHelpers'
import { FileActionsMenu } from '@/components'

12
src/composables/useFileManager.ts
View File

@@ -5,12 +5,12 @@
import { computed, ref } from 'vue'
import type { Ref, ComputedRef } from 'vue'
import { useProvidersStore } from '@FileManager/stores/providersStore'
import { useServicesStore } from '@FileManager/stores/servicesStore'
import { useNodesStore, ROOT_ID } from '@FileManager/stores/nodesStore'
import type { FilterCondition, SortCondition, RangeCondition } from '@FileManager/types/common'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { useProvidersStore } from '@FilesManager/stores/providersStore'
import { useServicesStore } from '@FilesManager/stores/servicesStore'
import { useNodesStore, ROOT_ID } from '@FilesManager/stores/nodesStore'
import type { FilterCondition, SortCondition, RangeCondition } from '@FilesManager/types/common'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
// Base URL for file manager transfer endpoints
const TRANSFER_BASE_URL = '/m/file_manager'

4
src/composables/useFileSelection.ts
View File

@@ -5,8 +5,8 @@
import { ref, computed } from 'vue'
import type { Ref, ComputedRef } from 'vue'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
type NodeRecord = FileCollectionObject | FileEntityObject

4
src/composables/useFileUpload.ts
View File

@@ -6,8 +6,8 @@
import { ref, computed } from 'vue'
import type { Ref, ComputedRef } from 'vue'
import { useNodesStore, ROOT_ID } from '@FileManager/stores/nodesStore'
import { FileEntityObject } from '@FileManager/models/entity'
import { useNodesStore, ROOT_ID } from '@FilesManager/stores/nodesStore'
import { FileEntityObject } from '@FilesManager/models/entity'
export interface FileUploadProgress {
file: File

6
src/pages/FilesPage.vue
View File

@@ -1,10 +1,10 @@
<script setup lang="ts">
import { ref, computed, onMounted, watch } from 'vue'
import { useModuleStore } from '@KTXC/stores/moduleStore'
import { useModuleStore } from '@KTXC'
import { useFileManager, useFileSelection, useFileUpload } from '@/composables'
import type { ViewMode, SortField, SortOrder, BreadcrumbItem } from '@/types'
import { FileCollectionObject } from '@FileManager/models/collection'
import { FileEntityObject } from '@FileManager/models/entity'
import { FileCollectionObject } from '@FilesManager/models/collection'
import { FileEntityObject } from '@FilesManager/models/entity'
// Components
import {

2
src/utils/fileHelpers.ts
View File

@@ -1,4 +1,4 @@
import { FileEntityObject } from '@FileManager/models/entity'
import { FileEntityObject } from '@FilesManager/models/entity'
/**
* Get the appropriate icon for a file based on its MIME type

2
tsconfig.app.json
View File

@@ -7,7 +7,7 @@
"paths": {
"@/*": ["./src/*"],
"@KTXC/*": ["../../core/src/*"],
"@FileManager/*": ["../file_manager/src/*"]
"@FilesManager/*": ["../file_manager/src/*"]
}
},
"include": [

37
vite.config.ts
View File

@@ -1,6 +1,6 @@
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vite.dev/config/
export default defineConfig({
@@ -10,23 +10,13 @@ export default defineConfig({
name: 'inject-css-filename',
enforce: 'post',
generateBundle(_options, bundle) {
// Find the CSS file in the bundle
const cssFile = Object.keys(bundle).find(name => name.endsWith('.css'))
if (!cssFile) return
if (!cssFile) {
console.warn('No CSS file found in bundle')
return
}
// Find and update all JS chunks
// Prefix with static/ to match nginx location pattern: /modules/{handle}/static/{file}
for (const fileName of Object.keys(bundle)) {
const chunk = bundle[fileName]
if (chunk.type === 'chunk' && chunk.code.includes('__CSS_FILENAME_PLACEHOLDER__')) {
chunk.code = chunk.code.replace(
/__CSS_FILENAME_PLACEHOLDER__/g,
`static/${cssFile}`
)
chunk.code = chunk.code.replace(/__CSS_FILENAME_PLACEHOLDER__/g, `static/${cssFile}`)
console.log(`Injected CSS filename "static/${cssFile}" into ${fileName}`)
}
}
@@ -35,18 +25,17 @@ export default defineConfig({
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
'@KTXC': fileURLToPath(new URL('../../core/src', import.meta.url)),
'@FileManager': fileURLToPath(new URL('../file_manager/src', import.meta.url)),
'@': path.resolve(__dirname, './src'),
'@KTXC': path.resolve(__dirname, '../../core/src'),
'@filesManager': path.resolve(__dirname, '../files_manager/src'),
},
},
build: {
outDir: 'static',
emptyOutDir: true,
sourcemap: false,
sourcemap: true,
lib: {
entry: fileURLToPath(new URL('./src/main.ts', import.meta.url)),
name: 'Files',
entry: path.resolve(__dirname, 'src/main.ts'),
formats: ['es'],
fileName: () => 'module.mjs',
},
@@ -55,9 +44,17 @@ export default defineConfig({
'vue',
'vue-router',
'pinia',
'@KTXC',
/^@FilesManager\//,
],
output: {
// Use content hash for CSS files
paths: (id) => {
if (id === '@KTXC') return '/js/ktxc.mjs'
if (id.startsWith('@FilesManager/')) {
return '/modules/file_manager/static/module.mjs'
}
return id
},
assetFileNames: (assetInfo) => {
if (assetInfo.name?.endsWith('.css')) {
return 'files-[hash].css'