hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'optimize' into shigusegubu-themes3

Browse source
This commit is contained in:
Henry Jameson 2026-06-02 23:01:52 +03:00
commit 5e68d7b00d
16 changed files with 1544 additions and 252 deletions
Download patch file Download diff file Expand all files Collapse all files

169
build/sw_plugin.js
View file

@ -3,6 +3,7 @@ import { dirname, resolve } from 'node:path'
import { fileURLToPath } from 'node:url' import { fileURLToPath } from 'node:url'
import * as esbuild from 'esbuild' import * as esbuild from 'esbuild'
import { build } from 'vite' import { build } from 'vite'
import { exactRegex } from '@rolldown/pluginutils'
import { import {
generateServiceWorkerMessages, generateServiceWorkerMessages,
@ -15,22 +16,15 @@ const getSWMessagesAsText = async () => {
} }
const projectRoot = dirname(dirname(fileURLToPath(import.meta.url))) const projectRoot = dirname(dirname(fileURLToPath(import.meta.url)))
const swEnvName = 'virtual:pleroma-fe/service_worker_env'
const swEnvNameResolved = '\0' + swEnvName
const getDevSwEnv = () => `self.serviceWorkerOption = { assets: [] };` const getDevSwEnv = () => `self.serviceWorkerOption = { assets: [] };`
const getProdSwEnv = ({ assets }) => const getProdSwEnv = ({ assets }) =>
`self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };` `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
export const devSwPlugin = ({ swSrc, swDest, transformSW, alias }) => { export const devSwPlugin = ({ swSrc, swDest }) => {
const swFullSrc = resolve(projectRoot, swSrc) const swFullSrc = resolve(projectRoot, swSrc)
const esbuildAlias = {}
Object.entries(alias).forEach(([source, dest]) => {
esbuildAlias[source] = dest.startsWith('/') ? projectRoot + dest : dest
})
return { return {
name: 'dev-sw-plugin', name: 'dev-sw-plugin', apply: 'serve',
apply: 'serve',
configResolved() { configResolved() {
/* no-op */ /* no-op */
}, },
@ -38,174 +32,35 @@ export const devSwPlugin = ({ swSrc, swDest, transformSW, alias }) => {
const name = id.startsWith('/') ? id.slice(1) : id const name = id.startsWith('/') ? id.slice(1) : id
if (name === swDest) { if (name === swDest) {
return swFullSrc return swFullSrc
} else if (name === swEnvName) {
return swEnvNameResolved
} }
return null return null
}, },
async load(id) { async load(id) {
if (id === swFullSrc) { if (id === swFullSrc) {
return readFile(swFullSrc, 'utf-8') return readFile(swFullSrc, 'utf-8')
} else if (id === swEnvNameResolved) {
return getDevSwEnv()
} }
return null return null
}, },
/**
* vite does not bundle the service worker
* during dev, and firefox does not support ESM as service worker
* https://bugzilla.mozilla.org/show_bug.cgi?id=1360870
*/
async transform(code, id) {
if (id === swFullSrc && transformSW) {
const res = await esbuild.build({
entryPoints: [swSrc],
bundle: true,
write: false,
outfile: 'sw-pleroma.js',
alias: esbuildAlias,
plugins: [
{
name: 'vite-like-root-resolve',
setup(b) {
b.onResolve({ filter: new RegExp(/^\//) }, (args) => ({
path: resolve(projectRoot, args.path.slice(1)),
}))
},
},
{
name: 'sw-messages',
setup(b) {
b.onResolve(
{ filter: new RegExp('^' + swMessagesName + '$') },
(args) => ({
path: args.path,
namespace: 'sw-messages',
}),
)
b.onLoad(
{ filter: /.*/, namespace: 'sw-messages' },
async () => ({
contents: await getSWMessagesAsText(),
}),
)
},
},
{
name: 'sw-env',
setup(b) {
b.onResolve(
{ filter: new RegExp('^' + swEnvName + '$') },
(args) => ({
path: args.path,
namespace: 'sw-env',
}),
)
b.onLoad({ filter: /.*/, namespace: 'sw-env' }, () => ({
contents: getDevSwEnv(),
}))
},
},
],
})
const text = res.outputFiles[0].text
return text
}
},
} }
} }
// Idea taken from
// https://github.com/vite-pwa/vite-plugin-pwa/blob/main/src/plugins/build.ts
// rollup does not support compiling to iife if we want to code-split;
// however, we must compile the service worker to iife because of browser support.
// Run another vite build just for the service worker targeting iife at
// the end of the build.
export const buildSwPlugin = ({ swSrc, swDest }) => {
let config
return {
name: 'build-sw-plugin',
enforce: 'post',
apply: 'build',
configResolved(resolvedConfig) {
config = {
define: resolvedConfig.define,
resolve: resolvedConfig.resolve,
plugins: [swMessagesPlugin()],
publicDir: false,
build: {
...resolvedConfig.build,
lib: {
entry: swSrc,
formats: ['iife'],
name: 'sw_pleroma',
},
emptyOutDir: false,
rolldownOptions: {
output: {
entryFileNames: swDest,
},
},
},
configFile: false,
}
},
generateBundle: {
order: 'post',
sequential: true,
async handler(_, bundle) {
const assets = Object.keys(bundle)
.filter((name) => !/\.map$/.test(name))
.map((name) => '/' + name)
config.plugins.push({
name: 'build-sw-env-plugin',
resolveId(id) {
if (id === swEnvName) {
return swEnvNameResolved
}
return null
},
load(id) {
if (id === swEnvNameResolved) {
return getProdSwEnv({ assets })
}
return null
},
})
},
},
closeBundle: {
order: 'post',
sequential: true,
async handler() {
console.info('Building service worker for production')
await build(config)
},
},
}
}
const swMessagesName = 'virtual:pleroma-fe/service_worker_messages'
const swMessagesNameResolved = '\0' + swMessagesName
export const swMessagesPlugin = () => { export const swMessagesPlugin = () => {
const swMessagesName = 'virtual:pleroma-fe/service_worker_messages'
const swMessagesNameResolved = '\0' + swMessagesName
return { return {
name: 'sw-messages-plugin', name: 'sw-messages-plugin',
resolveId(id) { resolveId: {
if (id === swMessagesName) { filter: { id: exactRegex(swMessagesName) },
Object.values(i18nFiles).forEach((f) => { handler() {
this.addWatchFile(f)
})
return swMessagesNameResolved return swMessagesNameResolved
} else {
return null
} }
}, },
async load(id) { load: {
if (id === swMessagesNameResolved) { filter: { id: exactRegex(swMessagesNameResolved) },
async handler () {
return await getSWMessagesAsText() return await getSWMessagesAsText()
} }
return null
}, },
} }
} }

2
package.json
View file

@ -97,6 +97,7 @@
"lodash": "4.17.21", "lodash": "4.17.21",
"msw": "2.10.5", "msw": "2.10.5",
"nightwatch": "3.12.2", "nightwatch": "3.12.2",
"oxc": "^1.0.1",
"playwright": "1.57.0", "playwright": "1.57.0",
"postcss": "8.5.6", "postcss": "8.5.6",
"postcss-html": "^1.5.0", "postcss-html": "^1.5.0",
@ -116,6 +117,7 @@
"stylelint-config-standard": "38.0.0", "stylelint-config-standard": "38.0.0",
"vite": "^8.0.0", "vite": "^8.0.0",
"vite-plugin-eslint2": "^5.1.0", "vite-plugin-eslint2": "^5.1.0",
"vite-plugin-pwa": "^1.3.0",
"vite-plugin-stylelint": "^6.1.0", "vite-plugin-stylelint": "^6.1.0",
"vitest": "^3.0.7", "vitest": "^3.0.7",
"vue-eslint-parser": "10.2.0" "vue-eslint-parser": "10.2.0"

54
src/boot/routes.js
View file

@ -1,17 +1,16 @@
import { defineAsyncComponent } from 'vue'
import About from 'src/components/about/about.vue'
import BookmarkTimeline from 'src/components/bookmark_timeline/bookmark_timeline.vue' import BookmarkTimeline from 'src/components/bookmark_timeline/bookmark_timeline.vue'
import BubbleTimeline from 'src/components/bubble_timeline/bubble_timeline.vue' import BubbleTimeline from 'src/components/bubble_timeline/bubble_timeline.vue'
import ConversationPage from 'src/components/conversation-page/conversation-page.vue' import ConversationPage from 'src/components/conversation-page/conversation-page.vue'
import DMs from 'src/components/dm_timeline/dm_timeline.vue' import DMs from 'src/components/dm_timeline/dm_timeline.vue'
import FriendsTimeline from 'src/components/friends_timeline/friends_timeline.vue' import FriendsTimeline from 'src/components/friends_timeline/friends_timeline.vue'
import NavPanel from 'src/components/nav_panel/nav_panel.vue'
import PublicAndExternalTimeline from 'src/components/public_and_external_timeline/public_and_external_timeline.vue' import PublicAndExternalTimeline from 'src/components/public_and_external_timeline/public_and_external_timeline.vue'
import PublicTimeline from 'src/components/public_timeline/public_timeline.vue' import PublicTimeline from 'src/components/public_timeline/public_timeline.vue'
import QuotesTimeline from 'src/components/quotes_timeline/quotes_timeline.vue'
import RemoteUserResolver from 'src/components/remote_user_resolver/remote_user_resolver.vue' import RemoteUserResolver from 'src/components/remote_user_resolver/remote_user_resolver.vue'
import TagTimeline from 'src/components/tag_timeline/tag_timeline.vue' import TagTimeline from 'src/components/tag_timeline/tag_timeline.vue'
import { defineAsyncComponent } from 'vue'
import NavPanel from 'src/components/nav_panel/nav_panel.vue'
import QuotesTimeline from 'src/components/quotes_timeline/quotes_timeline.vue'
import { useInstanceStore } from 'src/stores/instance.js' import { useInstanceStore } from 'src/stores/instance.js'
import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js' import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@ -142,14 +141,14 @@ export default (store) => {
name: 'login', name: 'login',
path: '/login', path: '/login',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/auth_form/auth_form.js'), () => import( 'src/components/auth_form/auth_form.js'),
), ),
}, },
{ {
name: 'shout-panel', name: 'shout-panel',
path: '/shout-panel', path: '/shout-panel',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/shout_panel/shout_panel.vue'), () => import( 'src/components/shout_panel/shout_panel.vue'),
), ),
props: () => ({ floating: false }), props: () => ({ floating: false }),
}, },
@ -165,7 +164,7 @@ export default (store) => {
name: 'search', name: 'search',
path: '/search', path: '/search',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/search/search.vue'), () => import( 'src/components/search/search.vue'),
), ),
props: (route) => ({ query: route.query.query }), props: (route) => ({ query: route.query.query }),
}, },
@ -173,24 +172,29 @@ export default (store) => {
name: 'who-to-follow', name: 'who-to-follow',
path: '/who-to-follow', path: '/who-to-follow',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/who_to_follow/who_to_follow.vue'), () => import( 'src/components/who_to_follow/who_to_follow.vue'),
), ),
beforeEnter: validateAuthenticatedRoute, beforeEnter: validateAuthenticatedRoute,
}, },
{ name: 'about', path: '/about', component: About }, {
name: 'about',
path: '/about',
component: defineAsyncComponent(
() => import( 'src/components/about/about.vue'),
),
},
{ {
name: 'announcements', name: 'announcements',
path: '/announcements', path: '/announcements',
component: defineAsyncComponent( component: defineAsyncComponent(
() => () => import( 'src/components/announcements_page/announcements_page.vue'),
import('src/components/announcements_page/announcements_page.vue'),
), ),
}, },
{ {
name: 'drafts', name: 'drafts',
path: '/drafts', path: '/drafts',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/drafts/drafts.vue'), () => import( 'src/components/drafts/drafts.vue'),
), ),
}, },
{ {
@ -211,28 +215,28 @@ export default (store) => {
name: 'lists', name: 'lists',
path: '/lists', path: '/lists',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/lists/lists.vue'), () => import( 'src/components/lists/lists.vue'),
), ),
}, },
{ {
name: 'lists-timeline', name: 'lists-timeline',
path: '/lists/:id', path: '/lists/:id',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/lists_timeline/lists_timeline.vue'), () => import( 'src/components/lists_timeline/lists_timeline.vue'),
), ),
}, },
{ {
name: 'lists-edit', name: 'lists-edit',
path: '/lists/:id/edit', path: '/lists/:id/edit',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/lists_edit/lists_edit.vue'), () => import( 'src/components/lists_edit/lists_edit.vue'),
), ),
}, },
{ {
name: 'lists-new', name: 'lists-new',
path: '/lists/new', path: '/lists/new',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/lists_edit/lists_edit.vue'), () => import( 'src/components/lists_edit/lists_edit.vue'),
), ),
}, },
{ {
@ -246,17 +250,14 @@ export default (store) => {
name: 'bookmark-folders', name: 'bookmark-folders',
path: '/bookmark_folders', path: '/bookmark_folders',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/bookmark_folders/bookmark_folders.vue'), () => import( 'src/components/bookmark_folders/bookmark_folders.vue'),
), ),
}, },
{ {
name: 'bookmark-folder-new', name: 'bookmark-folder-new',
path: '/bookmarks/new-folder', path: '/bookmarks/new-folder',
component: defineAsyncComponent( component: defineAsyncComponent(
() => () => import( 'src/components/bookmark_folder_edit/bookmark_folder_edit.vue'),
import(
'src/components/bookmark_folder_edit/bookmark_folder_edit.vue'
),
), ),
}, },
{ {
@ -268,10 +269,7 @@ export default (store) => {
name: 'bookmark-folder-edit', name: 'bookmark-folder-edit',
path: '/bookmarks/:id/edit', path: '/bookmarks/:id/edit',
component: defineAsyncComponent( component: defineAsyncComponent(
() => () => import( 'src/components/bookmark_folder_edit/bookmark_folder_edit.vue'),
import(
'src/components/bookmark_folder_edit/bookmark_folder_edit.vue'
),
), ),
}, },
] ]
@ -282,7 +280,7 @@ export default (store) => {
name: 'chat', name: 'chat',
path: '/users/:username/chats/:recipient_id', path: '/users/:username/chats/:recipient_id',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/chat/chat.vue'), () => import( 'src/components/chat/chat.vue'),
), ),
meta: { dontScroll: false }, meta: { dontScroll: false },
beforeEnter: validateAuthenticatedRoute, beforeEnter: validateAuthenticatedRoute,
@ -291,7 +289,7 @@ export default (store) => {
name: 'chats', name: 'chats',
path: '/users/:username/chats', path: '/users/:username/chats',
component: defineAsyncComponent( component: defineAsyncComponent(
() => import('src/components/chat_list/chat_list.vue'), () => import( 'src/components/chat_list/chat_list.vue'),
), ),
meta: { dontScroll: false }, meta: { dontScroll: false },
beforeEnter: validateAuthenticatedRoute, beforeEnter: validateAuthenticatedRoute,

2
src/components/emoji_input/emoji_input.vue
View file

@ -37,7 +37,7 @@
:title="$t('emoji.add_emoji')" :title="$t('emoji.add_emoji')"
@click.prevent="togglePicker" @click.prevent="togglePicker"
> >
<FAIcon :icon="['far', 'smile-beam']" /> <FAIcon :icon="['far', 'face-smile-beam']" />
</button> </button>
<EmojiPicker <EmojiPicker
v-if="enableEmojiPicker" v-if="enableEmojiPicker"

6
src/components/quote/quote.js
View file

@ -1,5 +1,6 @@
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from 'vue'
import Status from '../status/status.vue'
import { library } from '@fortawesome/fontawesome-svg-core' import { library } from '@fortawesome/fontawesome-svg-core'
import { faCircleNotch } from '@fortawesome/free-solid-svg-icons' import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
@ -7,10 +8,7 @@ library.add(faCircleNotch)
export default { export default {
components: { components: {
// Quote and Status depend on each other, dynamic import to break this circular dependency Status,
Status: defineAsyncComponent(
() => import('src/components/status/status.vue'),
),
}, },
name: 'Quote', name: 'Quote',
props: { props: {

26
src/components/status/status.js
View file

@ -10,16 +10,14 @@ import {
highlightClass, highlightClass,
highlightStyle, highlightStyle,
} from '../../services/user_highlighter/user_highlighter.js' } from '../../services/user_highlighter/user_highlighter.js'
import AvatarList from '../avatar_list/avatar_list.vue' import AvatarList from 'src/components/avatar_list/avatar_list.vue'
import EmojiReactions from '../emoji_reactions/emoji_reactions.vue' import EmojiReactions from 'src/components/emoji_reactions/emoji_reactions.vue'
import Quote from '../quote/quote.vue' import StatusContent from 'src/components/status_content/status_content.vue'
import StatusContent from '../status_content/status_content.vue' import Timeago from 'src/components/timeago/timeago.vue'
import StatusPopover from '../status_popover/status_popover.vue' import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
import Timeago from '../timeago/timeago.vue' import UserLink from 'src/components/user_link/user_link.vue'
import UserAvatar from '../user_avatar/user_avatar.vue' import UserListPopover from 'src/components/user_list_popover/user_list_popover.vue'
import UserLink from '../user_link/user_link.vue' import UserPopover from 'src/components/user_popover/user_popover.vue'
import UserListPopover from '../user_list_popover/user_list_popover.vue'
import UserPopover from '../user_popover/user_popover.vue'
import { useInstanceStore } from 'src/stores/instance.js' import { useInstanceStore } from 'src/stores/instance.js'
import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js' import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@ -123,7 +121,9 @@ const Status = {
UserAvatar, UserAvatar,
AvatarList, AvatarList,
Timeago, Timeago,
StatusPopover, StatusPopover: defineAsyncComponent(
() => import( 'src/components/status_popover/status_popover.vue')
),
UserListPopover, UserListPopover,
EmojiReactions, EmojiReactions,
StatusContent, StatusContent,
@ -132,7 +132,9 @@ const Status = {
MentionsLine, MentionsLine,
UserPopover, UserPopover,
UserLink, UserLink,
Quote, Quote: defineAsyncComponent(
() => import('src/components/quote/quote.vue')
),
StatusActionButtons, StatusActionButtons,
}, },
props: [ props: [

15
src/components/status_action_buttons/action_button.js
View file

@ -1,15 +1,15 @@
import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
import Popover from 'src/components/popover/popover.vue' import Popover from 'src/components/popover/popover.vue'
import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
import { useInstanceStore } from 'src/stores/instance.js' import { useInstanceStore } from 'src/stores/instance.js'
import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js' import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
import { useMergedConfigStore } from 'src/stores/merged_config.js' import { useMergedConfigStore } from 'src/stores/merged_config.js'
import { defineAsyncComponent } from 'vue'
import { library } from '@fortawesome/fontawesome-svg-core' import { library } from '@fortawesome/fontawesome-svg-core'
import { import {
faBookmark as faBookmarkRegular, faBookmark as faBookmarkRegular,
faStar as faStarRegular, faStar as faStarRegular,
faFaceSmileBeam,
} from '@fortawesome/free-regular-svg-icons' } from '@fortawesome/free-regular-svg-icons'
import { import {
faBookmark, faBookmark,
@ -24,7 +24,6 @@ import {
faReply, faReply,
faRetweet, faRetweet,
faShareAlt, faShareAlt,
faSmileBeam,
faStar, faStar,
faThumbtack, faThumbtack,
faTimes, faTimes,
@ -45,7 +44,7 @@ library.add(
faRetweet, faRetweet,
faStar, faStar,
faStarRegular, faStarRegular,
faSmileBeam, faFaceSmileBeam,
faBookmark, faBookmark,
faBookmarkRegular, faBookmarkRegular,
@ -69,8 +68,12 @@ export default {
'outerClose', 'outerClose',
], ],
components: { components: {
StatusBookmarkFolderMenu, StatusBookmarkFolderMenu: defineAsyncComponent(
EmojiPicker, () => import( 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'),
),
EmojiPicker: defineAsyncComponent(
() => import( 'src/components/emoji_picker/emoji_picker.vue'),
),
Popover, Popover,
}, },
data: () => ({ data: () => ({

2
src/components/status_action_buttons/action_button_container.vue
View file

@ -79,7 +79,7 @@
:button="button" :button="button"
:status="status" :status="status"
v-bind="$attrs" v-bind="$attrs"
@emojiPickerShown="e => $emit('emojiPickerShown', e)" @emoji-picker-shown="e => $emit('emojiPickerShown', e)"
/> />
<teleport to="#modal"> <teleport to="#modal">
<MuteConfirm <MuteConfirm

2
src/components/status_action_buttons/buttons_definitions.js
View file

@ -96,7 +96,7 @@ export const BUTTONS = [
// ========= // =========
name: 'emoji', name: 'emoji',
label: 'tool_tip.add_reaction', label: 'tool_tip.add_reaction',
icon: ['far', 'smile-beam'], icon: ['far', 'face-smile-beam'],
interactive: () => true, interactive: () => true,
active: ({ emojiPickerShown }) => emojiPickerShown, active: ({ emojiPickerShown }) => emojiPickerShown,
toggleable: true, toggleable: true,

2
src/components/status_action_buttons/status_action_buttons.vue
View file

@ -20,7 +20,7 @@
:get-component="getComponent" :get-component="getComponent"
:close="() => { /* no-op */ }" :close="() => { /* no-op */ }"
:do-action="doAction" :do-action="doAction"
@emojiPickerShown="onEmojiPickerShown" @emoji-picker-shown="onEmojiPickerShown"
/> />
<button <button
v-if="showPin && currentUser" v-if="showPin && currentUser"

6
src/components/status_popover/status_popover.js
View file

@ -1,7 +1,7 @@
import { find } from 'lodash' import { find } from 'lodash'
import { defineAsyncComponent } from 'vue'
import Popover from 'src/components/popover/popover.vue' import Popover from 'src/components/popover/popover.vue'
import Status from '../status/status.vue'
import { library } from '@fortawesome/fontawesome-svg-core' import { library } from '@fortawesome/fontawesome-svg-core'
import { faCircleNotch } from '@fortawesome/free-solid-svg-icons' import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
@ -22,9 +22,7 @@ const StatusPopover = {
}, },
}, },
components: { components: {
Status: defineAsyncComponent( Status,
() => import('src/components/status/status.vue'),
),
Popover, Popover,
}, },
methods: { methods: {

1
src/i18n/messages.js
View file

@ -20,6 +20,7 @@ const languageFileMap = import.meta.glob(['./*.json', '!./en.json'])
const loadLanguageFile = (code) => { const loadLanguageFile = (code) => {
const jsonName = langCodeToJsonName(code) const jsonName = langCodeToJsonName(code)
if (jsonName === 'en') return Promise.resolve({ default: enMessages })
return languageFileMap[`./${jsonName}.json`]() return languageFileMap[`./${jsonName}.json`]()
} }

3
src/services/sw/sw.js
View file

@ -18,7 +18,8 @@ function isPushSupported() {
function getOrCreateServiceWorker() { function getOrCreateServiceWorker() {
if (!isSWSupported()) return if (!isSWSupported()) return
const swType = process.env.HAS_MODULE_SERVICE_WORKER ? 'module' : 'classic' const swType = process.env.HAS_MODULE_SERVICE_WORKER ? 'module' : 'classic'
return navigator.serviceWorker return navigator
.serviceWorker
.register('/sw-pleroma.js', { type: swType }) .register('/sw-pleroma.js', { type: swType })
.catch((err) => .catch((err) =>
console.error('Unable to get or create a service worker.', err), console.error('Unable to get or create a service worker.', err),

2
src/sw.js
View file

@ -1,7 +1,5 @@
/* eslint-env serviceworker */ /* eslint-env serviceworker */
import 'virtual:pleroma-fe/service_worker_env'
import { createI18n } from 'vue-i18n' import { createI18n } from 'vue-i18n'
import { storage } from 'src/lib/storage.js' import { storage } from 'src/lib/storage.js'

11
vite.config.js
View file

@ -11,12 +11,12 @@ import { configDefaults } from 'vitest/config'
import { getCommitHash } from './build/commit_hash.js' import { getCommitHash } from './build/commit_hash.js'
import copyPlugin from './build/copy_plugin.js' import copyPlugin from './build/copy_plugin.js'
import emojisPlugin from './build/emojis_plugin.js' import emojisPlugin from './build/emojis_plugin.js'
import mswPlugin from './build/msw_plugin.js'
import { import {
buildSwPlugin,
devSwPlugin, devSwPlugin,
swMessagesPlugin, swMessagesPlugin,
} from './build/sw_plugin.js' } from './build/sw_plugin.js'
import { VitePWA } from 'vite-plugin-pwa'
const localConfigPath = '<projectRoot>/config/local.json' const localConfigPath = '<projectRoot>/config/local.json'
const normalizeTarget = (target) => { const normalizeTarget = (target) => {
@ -142,9 +142,6 @@ export default defineConfig(async ({ mode, command }) => {
// outDir: 'custom-dir', // optional, defaults to Vite's build.outDir // outDir: 'custom-dir', // optional, defaults to Vite's build.outDir
}, },
}), }),
devSwPlugin({ swSrc, swDest, transformSW, alias }),
buildSwPlugin({ swSrc, swDest }),
swMessagesPlugin(),
emojisPlugin(), emojisPlugin(),
copyPlugin({ copyPlugin({
inUrl: '/static/ruffle', inUrl: '/static/ruffle',
@ -163,7 +160,8 @@ export default defineConfig(async ({ mode, command }) => {
'node_modules/.cache/stylelintcache', 'node_modules/.cache/stylelintcache',
), ),
}), }),
...(mode === 'test' ? [mswPlugin()] : []), swMessagesPlugin(),
devSwPlugin({ swSrc, swDest }),
], ],
optimizeDeps: { optimizeDeps: {
// For unknown reasons, during vitest, vite will re-optimize the following // For unknown reasons, during vitest, vite will re-optimize the following
@ -208,6 +206,7 @@ export default defineConfig(async ({ mode, command }) => {
devtools: {}, // enable devtools mode devtools: {}, // enable devtools mode
input: { input: {
main: 'index.html', main: 'index.html',
sw: 'src/sw.js',
}, },
output: { output: {
entryFileNames(chunkInfo) { entryFileNames(chunkInfo) {

1493
yarn.lock
View file

File diff suppressed because it is too large Load diff