Skip to content
Snippets Groups Projects
Verified Commit 4bf1ee99 authored by Kasper Seweryn's avatar Kasper Seweryn :pancakes:
Browse files

Add script setup and typescript config

parent 75b33ceb
No related branches found
No related tags found
No related merge requests found
Expand all Show whitespace changes
Inline Side-by-side
front/.eslintrc.js
+ 6
− 4
View file @ 4bf1ee99
...@@ -5,7 +5,9 @@ module.exports = { ...@@ -5,7 +5,9 @@ module.exports = {
}, },
extends: [ extends: [
'plugin:vue/recommended', 'plugin:vue/recommended',
'standard' '@vue/typescript/recommended',
'@vue/standard'
], ],
globals: { globals: {
Atomics: 'readonly', Atomics: 'readonly',
...@@ -13,13 +15,13 @@ module.exports = { ...@@ -13,13 +15,13 @@ module.exports = {
}, },
parserOptions: { parserOptions: {
ecmaVersion: 2020, ecmaVersion: 2020,
sourceType: 'module', sourceType: 'module'
}, },
plugins: [ plugins: [
'vue' 'vue'
], ],
rules: { rules: {
"vue/no-v-html": "off", // TODO: tackle this properly 'vue/no-v-html': 'off', // TODO: tackle this properly
"vue/no-use-v-if-with-v-for": "off" 'vue/no-use-v-if-with-v-for': 'off'
} }
} }
front/package.json
+ 10
− 3
View file @ 4bf1ee99
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
}, },
"dependencies": { "dependencies": {
"@vue/composition-api": "1.4.9", "@vue/composition-api": "1.4.9",
"@vueuse/core": "8.2.5", "@vueuse/core": "8.2.6",
"axios": "0.26.1", "axios": "0.26.1",
"axios-auth-refresh": "3.2.2", "axios-auth-refresh": "3.2.2",
"diff": "5.0.0", "diff": "5.0.0",
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
"js-logger": "1.6.1", "js-logger": "1.6.1",
"lodash": "4.17.21", "lodash": "4.17.21",
"moment": "2.29.2", "moment": "2.29.2",
"pinia": "^2.0.13",
"qs": "6.10.3", "qs": "6.10.3",
"register-service-worker": "1.7.2", "register-service-worker": "1.7.2",
"sanitize-html": "2.7.0", "sanitize-html": "2.7.0",
...@@ -41,7 +42,6 @@ ...@@ -41,7 +42,6 @@
"vue-router": "3.5.3", "vue-router": "3.5.3",
"vue-upload-component": "2.8.22", "vue-upload-component": "2.8.22",
"vuedraggable": "2.24.3", "vuedraggable": "2.24.3",
"vuex": "3.6.2",
"vuex-persistedstate": "4.1.0", "vuex-persistedstate": "4.1.0",
"vuex-router-sync": "5.0.0" "vuex-router-sync": "5.0.0"
}, },
...@@ -49,6 +49,9 @@ ...@@ -49,6 +49,9 @@
"@babel/core": "7.17.9", "@babel/core": "7.17.9",
"@babel/plugin-transform-runtime": "7.17.0", "@babel/plugin-transform-runtime": "7.17.0",
"@babel/preset-env": "7.16.11", "@babel/preset-env": "7.16.11",
"@typescript-eslint/eslint-plugin": "^5.19.0",
"@vue/eslint-config-standard": "^6.1.0",
"@vue/eslint-config-typescript": "^10.0.0",
"@vue/test-utils": "1.3.0", "@vue/test-utils": "1.3.0",
"autoprefixer": "10.4.4", "autoprefixer": "10.4.4",
"babel-core": "7.0.0-bridge.0", "babel-core": "7.0.0-bridge.0",
...@@ -57,6 +60,7 @@ ...@@ -57,6 +60,7 @@
"easygettext": "2.17.0", "easygettext": "2.17.0",
"eslint": "8.11.0", "eslint": "8.11.0",
"eslint-config-standard": "16.0.3", "eslint-config-standard": "16.0.3",
"eslint-config-standard-with-typescript": "^21.0.1",
"eslint-plugin-html": "6.2.0", "eslint-plugin-html": "6.2.0",
"eslint-plugin-import": "2.25.4", "eslint-plugin-import": "2.25.4",
"eslint-plugin-node": "11.1.0", "eslint-plugin-node": "11.1.0",
...@@ -66,7 +70,10 @@ ...@@ -66,7 +70,10 @@
"jest-cli": "27.5.1", "jest-cli": "27.5.1",
"moxios": "0.4.0", "moxios": "0.4.0",
"sinon": "13.0.2", "sinon": "13.0.2",
"vite": "2.8.6", "typescript": "^4.6.3",
"unplugin-vue-components": "^0.19.3",
"unplugin-vue2-script-setup": "^0.10.2",
"vite": "2.9.5",
"vite-plugin-vue2": "1.9.3", "vite-plugin-vue2": "1.9.3",
"vue-jest": "3.0.7", "vue-jest": "3.0.7",
"vue-template-compiler": "2.6.14" "vue-template-compiler": "2.6.14"
......
front/src/components.d.ts 0 → 100644
+ 164
− 0
View file @ 4bf1ee99
// generated by unplugin-vue-components
// We suggest you to commit this file into source control
// Read more: https://github.com/vuejs/vue-next/pull/3399
import '@vue/runtime-core'
declare module '@vue/runtime-core' {
export interface GlobalComponents {
About: typeof import('./components/About.vue')['default']
AboutPod: typeof import('./components/AboutPod.vue')['default']
AccountsTable: typeof import('./components/manage/moderation/AccountsTable.vue')['default']
ActionFeedback: typeof import('./components/common/ActionFeedback.vue')['default']
ActionTable: typeof import('./components/common/ActionTable.vue')['default']
ActorAvatar: typeof import('./components/common/ActorAvatar.vue')['default']
ActorLink: typeof import('./components/common/ActorLink.vue')['default']
AjaxButton: typeof import('./components/common/AjaxButton.vue')['default']
AlbumBase: typeof import('./components/library/AlbumBase.vue')['default']
AlbumDetail: typeof import('./components/library/AlbumDetail.vue')['default']
AlbumDropdown: typeof import('./components/library/AlbumDropdown.vue')['default']
AlbumEdit: typeof import('./components/library/AlbumEdit.vue')['default']
AlbumForm: typeof import('./components/channels/AlbumForm.vue')['default']
AlbumModal: typeof import('./components/channels/AlbumModal.vue')['default']
Albums: typeof import('./components/library/Albums.vue')['default']
AlbumSelect: typeof import('./components/channels/AlbumSelect.vue')['default']
AlbumsTable: typeof import('./components/manage/library/AlbumsTable.vue')['default']
ApplicationEdit: typeof import('./components/auth/ApplicationEdit.vue')['default']
ApplicationForm: typeof import('./components/auth/ApplicationForm.vue')['default']
ApplicationNew: typeof import('./components/auth/ApplicationNew.vue')['default']
ArtistBase: typeof import('./components/library/ArtistBase.vue')['default']
ArtistDetail: typeof import('./components/library/ArtistDetail.vue')['default']
ArtistEdit: typeof import('./components/library/ArtistEdit.vue')['default']
ArtistLabel: typeof import('./components/audio/ArtistLabel.vue')['default']
Artists: typeof import('./components/library/Artists.vue')['default']
ArtistsTable: typeof import('./components/manage/library/ArtistsTable.vue')['default']
AttachmentInput: typeof import('./components/common/AttachmentInput.vue')['default']
Authorize: typeof import('./components/auth/Authorize.vue')['default']
Builder: typeof import('./components/library/radios/Builder.vue')['default']
Button: typeof import('./components/radios/Button.vue')['default']
Card: typeof import('./components/playlists/Card.vue')['default']
CardList: typeof import('./components/playlists/CardList.vue')['default']
ChannelCard: typeof import('./components/audio/ChannelCard.vue')['default']
ChannelEntries: typeof import('./components/audio/ChannelEntries.vue')['default']
ChannelEntryCard: typeof import('./components/audio/ChannelEntryCard.vue')['default']
ChannelForm: typeof import('./components/audio/ChannelForm.vue')['default']
ChannelSerieCard: typeof import('./components/audio/ChannelSerieCard.vue')['default']
ChannelSeries: typeof import('./components/audio/ChannelSeries.vue')['default']
ChannelsTable: typeof import('./components/manage/ChannelsTable.vue')['default']
ChannelsWidget: typeof import('./components/audio/ChannelsWidget.vue')['default']
CollapseLink: typeof import('./components/common/CollapseLink.vue')['default']
ContentForm: typeof import('./components/common/ContentForm.vue')['default']
CopyInput: typeof import('./components/common/CopyInput.vue')['default']
DangerousButton: typeof import('./components/common/DangerousButton.vue')['default']
DomainsTable: typeof import('./components/manage/moderation/DomainsTable.vue')['default']
Duration: typeof import('./components/common/Duration.vue')['default']
EditCard: typeof import('./components/library/EditCard.vue')['default']
EditDetail: typeof import('./components/library/EditDetail.vue')['default']
EditForm: typeof import('./components/library/EditForm.vue')['default']
EditList: typeof import('./components/library/EditList.vue')['default']
Editor: typeof import('./components/playlists/Editor.vue')['default']
EditsCardList: typeof import('./components/manage/library/EditsCardList.vue')['default']
EmbedWizard: typeof import('./components/audio/EmbedWizard.vue')['default']
EmptyState: typeof import('./components/common/EmptyState.vue')['default']
ExpandableDiv: typeof import('./components/common/ExpandableDiv.vue')['default']
FetchButton: typeof import('./components/federation/FetchButton.vue')['default']
FileUpload: typeof import('./components/library/FileUpload.vue')['default']
FileUploadWidget: typeof import('./components/library/FileUploadWidget.vue')['default']
Filter: typeof import('./components/library/radios/Filter.vue')['default']
FilterModal: typeof import('./components/moderation/FilterModal.vue')['default']
Footer: typeof import('./components/Footer.vue')['default']
Form: typeof import('./components/playlists/Form.vue')['default']
FsBrowser: typeof import('./components/library/FsBrowser.vue')['default']
FsLogs: typeof import('./components/library/FsLogs.vue')['default']
GlobalEvents: typeof import('./components/utils/global-events.vue')['default']
Home: typeof import('./components/Home.vue')['default']
HumanDate: typeof import('./components/common/HumanDate.vue')['default']
HumanDuration: typeof import('./components/common/HumanDuration.vue')['default']
ImportStatusModal: typeof import('./components/library/ImportStatusModal.vue')['default']
InlineSearchBar: typeof import('./components/common/InlineSearchBar.vue')['default']
InstancePolicyCard: typeof import('./components/manage/moderation/InstancePolicyCard.vue')['default']
InstancePolicyForm: typeof import('./components/manage/moderation/InstancePolicyForm.vue')['default']
InstancePolicyModal: typeof import('./components/manage/moderation/InstancePolicyModal.vue')['default']
InvitationForm: typeof import('./components/manage/users/InvitationForm.vue')['default']
InvitationsTable: typeof import('./components/manage/users/InvitationsTable.vue')['default']
LibrariesTable: typeof import('./components/manage/library/LibrariesTable.vue')['default']
Library: typeof import('./components/library/Library.vue')['default']
LibraryFollowButton: typeof import('./components/audio/LibraryFollowButton.vue')['default']
LibraryWidget: typeof import('./components/federation/LibraryWidget.vue')['default']
LicenseSelect: typeof import('./components/channels/LicenseSelect.vue')['default']
List: typeof import('./components/favorites/List.vue')['default']
LoginForm: typeof import('./components/auth/LoginForm.vue')['default']
LoginModal: typeof import('./components/common/LoginModal.vue')['default']
Logo: typeof import('./components/Logo.vue')['default']
LogoText: typeof import('./components/LogoText.vue')['default']
Logout: typeof import('./components/auth/Logout.vue')['default']
Message: typeof import('./components/common/Message.vue')['default']
MobileRow: typeof import('./components/audio/podcast/MobileRow.vue')['default']
Modal: typeof import('./components/semantic/Modal.vue')['default']
NoteForm: typeof import('./components/manage/moderation/NoteForm.vue')['default']
NotesThread: typeof import('./components/manage/moderation/NotesThread.vue')['default']
NotificationRow: typeof import('./components/notifications/NotificationRow.vue')['default']
Ordering: typeof import('./components/mixins/Ordering.vue')['default']
PageNotFound: typeof import('./components/PageNotFound.vue')['default']
Pagination: typeof import('./components/Pagination.vue')['default']
PasswordInput: typeof import('./components/forms/PasswordInput.vue')['default']
PlayButton: typeof import('./components/audio/PlayButton.vue')['default']
Player: typeof import('./components/audio/Player.vue')['default']
PlayIndicator: typeof import('./components/audio/track/PlayIndicator.vue')['default']
PlaylistModal: typeof import('./components/playlists/PlaylistModal.vue')['default']
PlayOptions: typeof import('./components/mixins/PlayOptions.vue')['default']
Plugin: typeof import('./components/auth/Plugin.vue')['default']
Podcasts: typeof import('./components/library/Podcasts.vue')['default']
Queue: typeof import('./components/Queue.vue')['default']
Radios: typeof import('./components/library/Radios.vue')['default']
RemoteSearchForm: typeof import('./components/RemoteSearchForm.vue')['default']
RenderedDescription: typeof import('./components/common/RenderedDescription.vue')['default']
Report: typeof import('./components/mixins/Report.vue')['default']
ReportCard: typeof import('./components/manage/moderation/ReportCard.vue')['default']
ReportCategoryDropdown: typeof import('./components/moderation/ReportCategoryDropdown.vue')['default']
ReportModal: typeof import('./components/moderation/ReportModal.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView']
Row: typeof import('./components/audio/podcast/Row.vue')['default']
Search: typeof import('./components/audio/Search.vue')['default']
SearchBar: typeof import('./components/audio/SearchBar.vue')['default']
ServiceMessages: typeof import('./components/ServiceMessages.vue')['default']
SetInstanceModal: typeof import('./components/SetInstanceModal.vue')['default']
Settings: typeof import('./components/auth/Settings.vue')['default']
SettingsGroup: typeof import('./components/admin/SettingsGroup.vue')['default']
ShortcutsModal: typeof import('./components/ShortcutsModal.vue')['default']
Sidebar: typeof import('./components/Sidebar.vue')['default']
SignupForm: typeof import('./components/auth/SignupForm.vue')['default']
SignupFormBuilder: typeof import('./components/admin/SignupFormBuilder.vue')['default']
SmartSearch: typeof import('./components/mixins/SmartSearch.vue')['default']
SubscribeButton: typeof import('./components/channels/SubscribeButton.vue')['default']
SubsonicTokenForm: typeof import('./components/auth/SubsonicTokenForm.vue')['default']
Table: typeof import('./components/audio/podcast/Table.vue')['default']
TagDetail: typeof import('./components/library/TagDetail.vue')['default']
TagsSelector: typeof import('./components/library/TagsSelector.vue')['default']
TagsTable: typeof import('./components/manage/library/TagsTable.vue')['default']
Themes: typeof import('./components/mixins/Themes.vue')['default']
Tooltip: typeof import('./components/common/Tooltip.vue')['default']
TrackBase: typeof import('./components/library/TrackBase.vue')['default']
TrackDetail: typeof import('./components/library/TrackDetail.vue')['default']
TrackEdit: typeof import('./components/library/TrackEdit.vue')['default']
TrackFavoriteIcon: typeof import('./components/favorites/TrackFavoriteIcon.vue')['default']
TrackPlaylistIcon: typeof import('./components/playlists/TrackPlaylistIcon.vue')['default']
TracksTable: typeof import('./components/manage/library/TracksTable.vue')['default']
Translations: typeof import('./components/mixins/Translations.vue')['default']
UploadDetail: typeof import('./components/library/UploadDetail.vue')['default']
UploadForm: typeof import('./components/channels/UploadForm.vue')['default']
UploadMetadataForm: typeof import('./components/channels/UploadMetadataForm.vue')['default']
UploadModal: typeof import('./components/channels/UploadModal.vue')['default']
UploadsTable: typeof import('./components/manage/library/UploadsTable.vue')['default']
UserLink: typeof import('./components/common/UserLink.vue')['default']
UserMenu: typeof import('./components/common/UserMenu.vue')['default']
UserModal: typeof import('./components/common/UserModal.vue')['default']
Username: typeof import('./components/common/Username.vue')['default']
UserRequestCard: typeof import('./components/manage/moderation/UserRequestCard.vue')['default']
UsersTable: typeof import('./components/manage/users/UsersTable.vue')['default']
VolumeControl: typeof import('./components/audio/VolumeControl.vue')['default']
Widget: typeof import('./components/playlists/Widget.vue')['default']
}
}
export {}
front/tsconfig.json 0 → 100644
+ 25
− 0
View file @ 4bf1ee99
{
"compilerOptions": {
"baseUrl": ".",
"module": "ESNext",
"target": "ESNext",
"lib": ["DOM", "ESNext"],
"strict": true,
"esModuleInterop": true,
"jsx": "preserve",
"skipLibCheck": true,
"moduleResolution": "node",
"resolveJsonModule": true,
"noUnusedLocals": true,
"strictNullChecks": true,
"forceConsistentCasingInFileNames": true,
"types": [
"vite/client",
"vue/ref-macros",
],
"paths": {
"@/*": ["src/*"]
}
},
"include": ["src/*.d.ts", "src/**/*.ts", "src/**/*.vue"]
}
front/vite.config.js
+ 20
− 9
View file @ 4bf1ee99
// vite.config.js
import { defineConfig } from 'vite' import { defineConfig } from 'vite'
import { createVuePlugin as vue } from "vite-plugin-vue2"; import { createVuePlugin as Vue2 } from 'vite-plugin-vue2'
import Components from 'unplugin-vue-components/vite'
import ScriptSetup from 'unplugin-vue2-script-setup/vite'
import path from 'path' import path from 'path'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [
vue(), // https://github.com/underfin/vite-plugin-vue2
Vue2(),
// https://github.com/antfu/unplugin-vue2-script-setup
ScriptSetup(),
// https://github.com/antfu/unplugin-vue-components
Components({
dts: 'src/components.d.ts',
transformer: 'vue2'
}),
{ {
name: 'fix-fomantic-ui-css', name: 'fix-fomantic-ui-css',
transform (src, id) { transform (src, id) {
...@@ -16,18 +27,18 @@ export default defineConfig({ ...@@ -16,18 +27,18 @@ export default defineConfig({
return `import jQuery from 'jquery';${src}` return `import jQuery from 'jquery';${src}`
} }
} }
}, }
], ],
server: { server: {
port: process.env.VUE_PORT || '8080', port: process.env.VUE_PORT || '8080',
hmr: { hmr: {
port: process.env.FUNKWHALE_PROTOCOL === 'https' ? 443 : 8000, port: process.env.FUNKWHALE_PROTOCOL === 'https' ? 443 : 8000,
protocol: process.env.FUNKWHALE_PROTOCOL === 'https' ? 'wss' : 'ws', protocol: process.env.FUNKWHALE_PROTOCOL === 'https' ? 'wss' : 'ws'
} }
}, },
resolve: { resolve: {
alias: { alias: {
"@": path.resolve(__dirname, "./src"), '@': path.resolve(__dirname, './src')
}, }
}, }
}) })
front/yarn.lock
+ 828
− 502
View file @ 4bf1ee99
This diff is collapsed.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment