@nextcloud/vue 3.10.2 → 4.1.1

package/src/index.js

@@ -1,40 +0,0 @@
-/**
- * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-import * as NcComponents from './components'
-
-function install(Vue) {
-	Object.values(NcComponents).forEach((component) => {
-		Vue.component(component.name, component)
-	})
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-	install(window.Vue)
-}
-
-export default {
-	install,
-	...NcComponents,
-}
-export * from './components'
-export * from './directives'
-export * from './mixins'

package/src/l10n.js

@@ -1,42 +0,0 @@
-import { getGettextBuilder } from '@nextcloud/l10n/dist/gettext'
-
-const gtBuilder = getGettextBuilder()
-	.detectLocale()
-
-// Decompress Translations to gettext format and add to gtBuilder
-TRANSLATIONS.forEach((lang) => {
-	const translations = {}
-
-	for (const key in lang.translations) {
-		// Plural
-		if (lang.translations[key].pluralId) {
-			translations[key] = {
-				msgid: key,
-				msgid_plural: lang.translations[key].pluralId,
-				msgstr: lang.translations[key].msgstr,
-			}
-			continue
-		}
-
-		// Singular
-		translations[key] = {
-			msgid: key,
-			msgstr: [
-				lang.translations[key],
-			],
-		}
-	}
-
-	gtBuilder.addTranslation(lang.locale, {
-		translations: {
-			'': translations,
-		},
-	})
-})
-
-const gt = gtBuilder.build()
-
-const n = gt.ngettext.bind(gt)
-const t = gt.gettext.bind(gt)
-
-export { t, n }

package/src/mixins/actionGlobal.js

@@ -1,59 +0,0 @@
-
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-import Vue from 'vue'
-
-export default {
-	before() {
-		// all actions requires a valid text content
-		// if none, forbid the component mount and throw error
-		if (!this.$slots.default || this.text.trim() === '') {
-			Vue.util.warn(`${this.$options.name} cannot be empty and requires a meaningful text content`, this)
-			this.$destroy()
-			this.$el.remove()
-		}
-	},
-
-	beforeUpdate() {
-		this.text = this.getText()
-	},
-
-	data() {
-		return {
-			// $slots are not reactive.
-			// We need to update  the content manually
-			text: this.getText(),
-		}
-	},
-
-	computed: {
-		isLongText() {
-			return this.text && this.text.trim().length > 20
-		},
-	},
-
-	methods: {
-		getText() {
-			return this.$slots.default ? this.$slots.default[0].text.trim() : ''
-		},
-	},
-}

package/src/mixins/actionText.js

@@ -1,85 +0,0 @@
-
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-import actionGlobal from './actionGlobal'
-import GetParent from '../utils/GetParent'
-
-export default {
-	mixins: [actionGlobal],
-	props: {
-		/**
-		 * Icon to show with the action, can be either a CSS class or an URL
-		 */
-		icon: {
-			type: String,
-			default: '',
-		},
-		/**
-		 * Title to show next to the icon
-		 */
-		title: {
-			type: String,
-			default: '',
-		},
-		/**
-		 * Whether we close the Actions menu after the click
-		 */
-		closeAfterClick: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Aria label for the button. Not needed if the button has text.
-		 */
-		ariaLabel: {
-			type: String,
-			default: '',
-		},
-	},
-
-	computed: {
-		isIconUrl() {
-			try {
-				return new URL(this.icon)
-			} catch (error) {
-				return false
-			}
-		},
-	},
-
-	methods: {
-		onClick(event) {
-			/**
-			 * Emitted when the action is clicked
-			 * @type {Event}
-			 */
-			this.$emit('click', event)
-
-			if (this.closeAfterClick) {
-				const parent = GetParent(this, 'Actions')
-				if (parent && parent.closeMenu) {
-					parent.closeMenu()
-				}
-			}
-		},
-	},
-}

package/src/mixins/excludeClickOutsideClasses/index.js

@@ -1,72 +0,0 @@
-/**
- * @copyright Copyright (c) 2020 Georg Ehrke <georg-nextcloud@ehrke.email>
- *
- * @author Georg Ehrke <georg-nextcloud@ehrke.email>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-
-export default {
-	props: {
-		/**
-		 * A class-name or an array of class-names
-		 * to be ignored when clicking outside
-		 * an element
-		 */
-		excludeClickOutsideClasses: {
-			type: String | Array,
-			default: () => [],
-		},
-	},
-	methods: {
-		/**
-		 * Middleware Handler for V-Click-Outside
-		 *
-		 * @param {Event} event The click event
-		 * @returns {Boolean}
-		 */
-		clickOutsideMiddleware(event) {
-			const excludedClassList = Array.isArray(this.excludeClickOutsideClasses)
-				? this.excludeClickOutsideClasses
-				: [this.excludeClickOutsideClasses]
-
-			// No need to iterate through all parents
-			// if class-list is empty
-			if (excludedClassList.length === 0) {
-				return true
-			}
-
-			return !this.hasNodeOrAnyParentClass(event.target, excludedClassList)
-		},
-		/**
-		 * Checks if given node or any of it's parents have a class of classArray
-		 *
-		 * @param {Element} node Node to test
-		 * @param {Array} classArray List of classes to check for
-		 * @returns {Boolean}
-		 */
-		hasNodeOrAnyParentClass(node, classArray) {
-			for (const className of classArray) {
-				if (node?.classList?.contains(className)) {
-					return true
-				}
-			}
-
-			return !!node.parentElement && this.hasNodeOrAnyParentClass(node.parentElement, classArray)
-		},
-	},
-}

package/src/mixins/index.js

@@ -1,35 +0,0 @@
-/**
- * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-
-import excludeClickOutsideClasses from './excludeClickOutsideClasses'
-import isFullscreen from './isFullscreen'
-import isMobile from './isMobile'
-import richEditor from './richEditor'
-import userStatus from './userStatus'
-
-export {
-	excludeClickOutsideClasses,
-	isFullscreen,
-	isMobile,
-	richEditor,
-	userStatus,
-}

package/src/mixins/isFullscreen/index.js

@@ -1,46 +0,0 @@
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-
-export default {
-	data() {
-		return {
-			isFullscreen: this._isFullscreen(),
-		}
-	},
-	beforeMount() {
-		window.addEventListener('resize', this._onResize)
-	},
-	beforeDestroy() {
-		window.removeEventListener('resize', this._onResize)
-	},
-	methods: {
-		_onResize() {
-			// Update fullscreen mode
-			this.isFullscreen = this._isFullscreen()
-		},
-		_isFullscreen() {
-			// if the window height is equal to the screen height,
-			// we're in full screen mode
-			return window.outerHeight === screen.height
-		},
-	},
-}

package/src/mixins/isMobile/index.js

@@ -1,43 +0,0 @@
-/**
- * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-
-import { IsMobileState } from '../../utils/IsMobileState'
-
-export default {
-	data() {
-		return {
-			isMobile: false,
-		}
-	},
-	mounted() {
-		IsMobileState.$on('changed', this.onIsMobileChanged)
-		this.isMobile = IsMobileState.isMobile
-	},
-	beforeDestroy() {
-		IsMobileState.$off('changed', this.onIsMobileChanged)
-	},
-	methods: {
-		onIsMobileChanged(val) {
-			this.isMobile = val
-		},
-	},
-}

package/src/mixins/l10n.js

@@ -1,8 +0,0 @@
-import { n, t } from '../l10n'
-
-export default {
-	methods: {
-		n,
-		t,
-	},
-}

package/src/mixins/richEditor/index.js

@@ -1,160 +0,0 @@
-/**
- * @copyright Copyright (c) 2020 John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * 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/>.
- *
- */
-
-import escapeHtml from 'escape-html'
-import linkifyStr from 'linkifyjs/string'
-import stripTags from 'striptags'
-import Vue from 'vue'
-
-import MentionBubble from '../../components/RichContenteditable/MentionBubble'
-
-// Beginning or whitespace. Non-capturing group
-const MENTION_START = '(?:^|\\s)'
-// Anything that is not text or end-of-line. Non-capturing group
-const MENTION_END = '(?:[^a-z]|$)'
-export const USERID_REGEX = new RegExp(`${MENTION_START}(@[a-zA-Z0-9_.@\\-']+)(${MENTION_END})`, 'gi')
-export const USERID_REGEX_WITH_SPACE = new RegExp(`${MENTION_START}(@"[a-zA-Z0-9 _.@\\-']+")(${MENTION_END})`, 'gi')
-
-export default {
-	props: {
-		userData: {
-			type: Object,
-			default: () => ({}),
-		},
-	},
-	methods: {
-		/**
-		 * Convert the value string to html for the inner content
-		 *
-		 * @param {string} value the content without html
-		 * @returns {string} rendered html
-		 */
-		renderContent(value) {
-			// Sanitize the value prop
-			const sanitizedValue = escapeHtml(value)
-
-			// Extract all the userIds
-			const splitValue = sanitizedValue.split(USERID_REGEX)
-				.map(part => part.split(USERID_REGEX_WITH_SPACE)).flat()
-
-			// Replace userIds by html
-			return splitValue
-				.map(part => {
-					// When splitting, the string is always putting the userIds
-					// on the the uneven indexes. We only want to generate the mentions html
-					if (!part.startsWith('@')) {
-						// This part doesn't contain a mention, let's make sure links are parsed
-						return linkifyStr(part, {
-							defaultProtocol: 'https',
-							target: '_blank',
-							className: 'external',
-							attributes: {
-								rel: 'noopener noreferrer',
-							},
-						})
-					}
-
-					// Extracting the id, nuking the " and @
-					const id = part.replace(/[@"]/gi, '')
-
-					// Compiling template and prepend with the space we removed during the split
-					return ' ' + this.genSelectTemplate(id)
-				})
-				.join('')
-				.replace(/\n/gmi, '<br>')
-				.replace(/&amp;/gmi, '&')
-		},
-
-		/**
-		 * Convert the innerHtml content to a string with mentions as text
-		 *
-		 * @param {string} content the content without html
-		 * @returns {string}
-		 */
-		parseContent(content) {
-			let text = content.replace(/<br>/gmi, '\n')
-			text = text.replace(/&nbsp;/gmi, ' ')
-			text = text.replace(/&amp;/gmi, '&')
-
-			// Convert the mentions to text only
-			// first we replace divs with new lines
-			text = text.replace(/<\/div>/gmi, '\n')
-			// then we remove all leftover html
-			text = stripTags(text, '<div>')
-			text = stripTags(text)
-
-			return text
-		},
-
-		/**
-		 * Generate an autocompletion popup entry template
-		 *
-		 * @param {string} value the value to match against the userData
-		 * @returns {string}
-		 */
-		genSelectTemplate(value) {
-			const data = this.userData[value]
-
-			// Fallback to @mention in case no data matches
-			if (!data) {
-				// return `@${value}`
-				return value.indexOf(' ') === -1
-					? `@${value}`
-					: `@"${value}"`
-			}
-
-			// Return template and make sure we strip of new lines and tabs
-			return this.renderComponentHtml(data, MentionBubble).replace(/[\n\t]/gmi, '')
-		},
-
-		/**
-		 * Render a component and return its html content
-		 *
-		 * @param {Object} propsData the props to pass to the component
-		 * @param {Object} component the component to render
-		 * @returns {string} the rendered html
-		 */
-		renderComponentHtml(propsData, component) {
-			const View = Vue.extend(component)
-			const Item = new View({
-				propsData,
-			})
-
-			// Prepare mountpoint
-			const wrapper = document.createElement('div')
-			const mount = document.createElement('div')
-			wrapper.style.display = 'none'
-			wrapper.appendChild(mount)
-			document.body.appendChild(wrapper)
-
-			// Mount and get raw html
-			Item.$mount(mount)
-			const renderedHtml = wrapper.innerHTML
-
-			// Destroy
-			Item.$destroy()
-			wrapper.remove()
-
-			return renderedHtml
-		},
-	},
-}