Migrate weather status to vue3

apps/weather_status/lib/Listeners/BeforeTemplateRenderedListener.php

@@ -35,5 +35,6 @@ public function handle(Event $event): void {
 		}
 
 		Util::addScript('weather_status', 'weather-status');
+		Util::addStyle('weather_status', 'weather-status');
 	}
 }

apps/weather_status/src/App.vue

@@ -8,7 +8,7 @@
 		<NcActions
 			class="weather-status-menu-item__subheader"
 			:aria-label="currentWeatherMessage"
-			:menu-name="currentWeatherMessage">
+			:menuName="currentWeatherMessage">
 			<template #icon>
 				<NcLoadingIcon v-if="loading" />
 				<img
@@ -34,7 +34,7 @@
 				v-if="gotWeather"
 				target="_blank"
 				:href="weatherLinkTarget"
-				:close-after-click="true">
+				:closeAfterClick="true">
 				<template #icon>
 					<NcIconSvgWrapper
 						name="MapMarker"
@@ -57,7 +57,7 @@
 			</NcActionButton>
 			<NcActionSeparator v-if="address && !errorMessage" />
 			<NcActionButton
-				:close-after-click="true"
+				:closeAfterClick="true"
 				@click="onBrowserLocationClick">
 				<template #icon>
 					<NcIconSvgWrapper
@@ -73,7 +73,7 @@
 				:disabled="false"
 				icon="icon-rename"
 				type="text"
-				model-value=""
+				modelValue=""
 				@submit="onAddressSubmit" />
 			<template v-if="favorites.length > 0">
 				<NcActionCaption :name="t('weather_status', 'Favorites')" />
@@ -102,7 +102,6 @@ import starOutlineSvg from '@mdi/svg/svg/star-outline.svg?raw'
 import starSvg from '@mdi/svg/svg/star.svg?raw'
 import { showError } from '@nextcloud/dialogs'
 import { getLocale } from '@nextcloud/l10n'
-import moment from '@nextcloud/moment'
 import { imagePath } from '@nextcloud/router'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
@@ -865,10 +864,6 @@ export default {
 			}
 		},
 
-		formatTime(time) {
-			return moment(time).format('LT')
-		},
-
 		getTemperature(forecasts, offset = 0) {
 			return forecasts.length > offset ? forecasts[offset].data.instant.details.air_temperature : ''
 		},

apps/weather_status/src/weather-status.js

@@ -3,21 +3,17 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { getCSPNonce } from '@nextcloud/auth'
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 
-__webpack_nonce__ = getCSPNonce()
-
-Vue.prototype.t = t
-
 document.addEventListener('DOMContentLoaded', function() {
 	if (!OCA.Dashboard) {
 		return
 	}
 
 	OCA.Dashboard.registerStatus('weather', (el) => {
-		const Dashboard = Vue.extend(App)
-		return new Dashboard().$mount(el)
+		const app = createApp(App)
+		app.mixin({ methods: { t, n } })
+		return app.mount(el)
 	})
 })

build/frontend-legacy/webpack.modules.cjs

@@ -70,9 +70,6 @@ module.exports = {
 		updatenotification: path.join(__dirname, 'apps/updatenotification/src', 'updatenotification.js'),
 		'update-notification-legacy': path.join(__dirname, 'apps/updatenotification/src', 'update-notification-legacy.ts'),
 	},
-	weather_status: {
-		'weather-status': path.join(__dirname, 'apps/weather_status/src', 'weather-status.js'),
-	},
 	workflowengine: {
 		workflowengine: path.join(__dirname, 'apps/workflowengine/src', 'workflowengine.js'),
 	},

build/frontend/apps/weather_status

@@ -0,0 +1 @@
+../../../apps/weather_status

build/frontend/vite.config.ts

@@ -79,6 +79,9 @@ const modules = {
 	user_status: {
 		menu: resolve(import.meta.dirname, 'apps/user_status/src', 'menu.js'),
 	},
+	weather_status: {
+		'weather-status': resolve(import.meta.dirname, 'apps/weather_status/src', 'weather-status.js'),
+	},
 }
 
 // convert modules to modules entries prefied with the app id

dist/ActivityCommentAction-DtEdCt_r.chunk.mjs

@@ -0,0 +1,2 @@
+import{a as t}from"./index-oNVWJcWw.chunk.mjs";import{t as m}from"./translation-DoG5ZELJ-fuBNl1EY.chunk.mjs";import{C as e,a as p}from"./CommentView-CzY0c1rU.chunk.mjs";import{l as i}from"./activity-nG-Rk4qJ.chunk.mjs";import{b as a,r as s,o as n,c,m as u}from"./Web-DJm4wQl5.chunk.mjs";import{_ as l}from"./public-C1mLBHT3.chunk.mjs";import"./index-Bf-2sW-z.chunk.mjs";import"./NcModal-DiDvgcU8-6AfeeD-d.chunk.mjs";import"./logger-D3RVzcfQ-qSXQpy2k.chunk.mjs";import"./createElementId-DhjFt1I9-BpcggRSg.chunk.mjs";import"./index-BRcsAfAF.chunk.mjs";import"./TrashCanOutline-E36zB5M_.chunk.mjs";import"./mdi-Ct0Yl2eN.chunk.mjs";import"./PencilOutline-K7RV9wYB.chunk.mjs";import"./NcActionSeparator-B9pNQaji-BrE23WCZ.chunk.mjs";import"./NcAvatar-1KxMUN7V-BIrQukdE.chunk.mjs";import"./index-NR5NmPPG.chunk.mjs";import"./util-BcZIBtn7.chunk.mjs";import"./ArrowRight-CqTyQxBt.chunk.mjs";import"./colors-Cv9F-jWS-CH0W8Q9o.chunk.mjs";import"./NcUserStatusIcon-BF5OEQFU-C58njqMy.chunk.mjs";import"./NcActionLink-BFiaYt9A-C4JFhyX5.chunk.mjs";import"./NcDateTime.vue_vue_type_script_setup_true_lang-BJuPH7S7-YR4uCows.chunk.mjs";import"./NcActionText-CQ9qwJ0p-NrhD4rIL.chunk.mjs";import"./NcUserBubble-BXR7vT0V-BV7ROyhh.chunk.mjs";import"./GetComments-BiGyMJ8H.chunk.mjs";import"./index-BFvBASMh.chunk.mjs";import"./dav-CuQWx4JS.chunk.mjs";import"./externalStorageUtils-FbOPwnor.chunk.mjs";const d=a({components:{CommentEntry:p},mixins:[e],props:{reloadCallback:{type:Function,required:!0}},methods:{onNewComment(){try{this.reloadCallback()}catch(o){t(m("comments","Could not reload comments")),i.error("Could not reload comments",{error:o})}}}});function C(o,f,y,b,w,N){const r=s("CommentEntry");return n(),c(r,u(o.editorData,{autoComplete:o.autoComplete,resourceType:o.resourceType,editor:!0,userData:o.userData,resourceId:o.resourceId,class:"comments-action",onNew:o.onNewComment}),null,16,["autoComplete","resourceType","userData","resourceId","onNew"])}const W=l(d,[["render",C],["__scopeId","data-v-099b6b12"]]);export{W as default};
+//# sourceMappingURL=ActivityCommentAction-DtEdCt_r.chunk.mjs.map

dist/ActivityCommentEntry-Btz6ihu8.chunk.mjs

@@ -0,0 +1,2 @@
+import{t as s}from"./translation-DoG5ZELJ-fuBNl1EY.chunk.mjs";import{C as p,a as i}from"./CommentView-CzY0c1rU.chunk.mjs";import{_ as a}from"./public-C1mLBHT3.chunk.mjs";import{r as n,o as c,c as u,m as d}from"./Web-DJm4wQl5.chunk.mjs";import"./index-BRcsAfAF.chunk.mjs";import"./PencilOutline-K7RV9wYB.chunk.mjs";import"./logger-D3RVzcfQ-qSXQpy2k.chunk.mjs";import"./createElementId-DhjFt1I9-BpcggRSg.chunk.mjs";import"./NcModal-DiDvgcU8-6AfeeD-d.chunk.mjs";import"./NcActionSeparator-B9pNQaji-BrE23WCZ.chunk.mjs";import"./NcAvatar-1KxMUN7V-BIrQukdE.chunk.mjs";import"./index-NR5NmPPG.chunk.mjs";import"./util-BcZIBtn7.chunk.mjs";import"./ArrowRight-CqTyQxBt.chunk.mjs";import"./colors-Cv9F-jWS-CH0W8Q9o.chunk.mjs";import"./NcUserStatusIcon-BF5OEQFU-C58njqMy.chunk.mjs";import"./NcActionLink-BFiaYt9A-C4JFhyX5.chunk.mjs";import"./NcDateTime.vue_vue_type_script_setup_true_lang-BJuPH7S7-YR4uCows.chunk.mjs";import"./NcActionText-CQ9qwJ0p-NrhD4rIL.chunk.mjs";import"./TrashCanOutline-E36zB5M_.chunk.mjs";import"./NcUserBubble-BXR7vT0V-BV7ROyhh.chunk.mjs";import"./index-oNVWJcWw.chunk.mjs";import"./index-Bf-2sW-z.chunk.mjs";import"./mdi-Ct0Yl2eN.chunk.mjs";import"./activity-nG-Rk4qJ.chunk.mjs";import"./GetComments-BiGyMJ8H.chunk.mjs";import"./index-BFvBASMh.chunk.mjs";import"./dav-CuQWx4JS.chunk.mjs";import"./externalStorageUtils-FbOPwnor.chunk.mjs";const l={name:"ActivityCommentEntry",components:{CommentEntry:i},mixins:[p],props:{comment:{type:Object,required:!0},reloadCallback:{type:Function,required:!0}},data(){return{commentMessage:""}},watch:{comment(){this.commentMessage=this.comment.props.message}},mounted(){this.commentMessage=this.comment.props.message},methods:{t:s}};function g(t,e,o,y,m,C){const r=n("CommentEntry");return c(),u(r,d({ref:"comment",tag:"li"},o.comment.props,{autoComplete:t.autoComplete,resourceType:t.resourceType,message:m.commentMessage,resourceId:t.resourceId,userData:t.genMentionsData(o.comment.props.mentions),class:"comments-activity",onDelete:e[0]||(e[0]=f=>o.reloadCallback())}),null,16,["autoComplete","resourceType","message","resourceId","userData"])}const U=a(l,[["render",g],["__scopeId","data-v-2d51dbfd"]]);export{U as default};
+//# sourceMappingURL=ActivityCommentEntry-Btz6ihu8.chunk.mjs.map