Vue move nextcloud vue (#1307)

Vue move nextcloud vue

.babelrc

@@ -1,18 +0,0 @@
-{
-  "plugins": [
-    "@babel/plugin-syntax-dynamic-import"
-  ],
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "browsers": [
-            "last 2 versions",
-            "ie >= 11"
-          ]
-        }
-      }
-    ]
-  ]
-}

babel.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+	plugins: ['@babel/plugin-syntax-dynamic-import'],
+	presets: [
+		[
+			'@babel/preset-env',
+			{
+				modules: false
+			}
+		]
+	]
+}

package-lock.json

@@ -1897,6 +1897,14 @@
 				"@babel/plugin-transform-typescript": "^7.6.0"
 			}
 		},
+		"@babel/runtime": {
+			"version": "7.6.3",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.6.3.tgz",
+			"integrity": "sha512-kq6anf9JGjW8Nt5rYfEuGRaEAaH1mkv3Bbu6rYvLOpPh/RusSJXuKPEAoZ7L7gybZkchE8+NV5g9vKF4AGAtsA==",
+			"requires": {
+				"regenerator-runtime": "^0.13.2"
+			}
+		},
 		"@babel/template": {
 			"version": "7.4.4",
 			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.4.4.tgz",
@@ -2824,6 +2832,12 @@
 				}
 			}
 		},
+		"@nextcloud/browserslist-config": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/@nextcloud/browserslist-config/-/browserslist-config-1.0.0.tgz",
+			"integrity": "sha512-f+sKpdLZXkODV+OY39K1M+Spmd4RgxmtEXmNn4Bviv4R7uBFHXuw+JX9ZdfDeOryfHjJ/TRQxQEp0GMpBwZFUw==",
+			"dev": true
+		},
 		"@nextcloud/event-bus": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/@nextcloud/event-bus/-/event-bus-0.2.1.tgz",
@@ -2869,6 +2883,25 @@
 				}
 			}
 		},
+		"@nextcloud/vue": {
+			"version": "1.1.0",
+			"resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-1.1.0.tgz",
+			"integrity": "sha512-SGWrNTalT/59vElPnPJZ0xQb9sui1yq5fKRiIA2w81NlAK9JQGq+ADeqdVb8sciVnLGobQJ1qERhpo3pIyOhaQ==",
+			"requires": {
+				"@babel/polyfill": "^7.4.4",
+				"@nextcloud/axios": "^0.4.0",
+				"escape-html": "^1.0.3",
+				"hammerjs": "^2.0.8",
+				"md5": "^2.2.1",
+				"v-click-outside": "^2.1.4",
+				"v-tooltip": "^2.0.0-rc.33",
+				"vue": "^2.6.7",
+				"vue-color": "^2.7.0",
+				"vue-multiselect": "^2.1.3",
+				"vue-visible": "^1.0.2",
+				"vue2-datepicker": "^2.10.0"
+			}
+		},
 		"@types/babel__core": {
 			"version": "7.1.2",
 			"resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.2.tgz",
@@ -12382,7 +12415,7 @@
 			"dependencies": {
 				"minimist": {
 					"version": "0.0.10",
-					"resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
+					"resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz",
 					"integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
 					"dev": true
 				},
@@ -17061,6 +17094,11 @@
 				}
 			}
 		},
+		"url-search-params-polyfill": {
+			"version": "7.0.0",
+			"resolved": "https://registry.npmjs.org/url-search-params-polyfill/-/url-search-params-polyfill-7.0.0.tgz",
+			"integrity": "sha512-0SEH3s+wCNbxEE/rWUalN004ICNi23Q74Ksc0gS2kG8EXnbayxGOrV97JdwnIVPKZ75Xk0hvKXvtIC4xReLMgg=="
+		},
 		"use": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",

package.json

@@ -27,12 +27,14 @@
 	},
 	"dependencies": {
 		"@babel/polyfill": "^7.7.0",
+		"@babel/runtime": "^7.6.3",
 		"@nextcloud/l10n": "^0.2.1",
 		"@nextcloud/router": "^0.1.0",
+		"@nextcloud/vue": "^1.1.0",
 		"nextcloud-axios": "^0.2.1",
 		"nextcloud-server": "^0.15.10",
-		"nextcloud-vue": "^0.12.7",
 		"nextcloud-vue-collections": "^0.6.0",
+		"url-search-params-polyfill": "^7.0.0",
 		"vue": "^2.6.7",
 		"vue-click-outside": "^1.0.7",
 		"vue-color": "^2.7.0",
@@ -44,8 +46,7 @@
 		"vuex-router-sync": "^5.0.0"
 	},
 	"browserslist": [
-		"last 2 versions",
-		"not ie <= 11"
+		"extends @nextcloud/browserslist-config"
 	],
 	"engines": {
 		"node": ">=10.0.0"
@@ -54,6 +55,7 @@
 		"@babel/core": "^7.7.4",
 		"@babel/plugin-syntax-dynamic-import": "^7.7.4",
 		"@babel/preset-env": "^7.7.4",
+		"@nextcloud/browserslist-config": "^1.0.0",
 		"@vue/test-utils": "^1.0.0-beta.29",
 		"babel-eslint": "^10.0.3",
 		"babel-jest": "^24.9.0",

src/BoardSelector.vue

@@ -72,8 +72,8 @@
 </style>
 <script>
 /* global OC */
-import { Modal } from 'nextcloud-vue/dist/Components/Modal'
-import { Avatar } from 'nextcloud-vue/dist/Components/Avatar'
+import { Modal } from '@nextcloud/vue/dist/Components/Modal'
+import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
 import axios from 'nextcloud-axios'
 
 export default {

src/CardSelector.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import { Modal } from 'nextcloud-vue/dist/Components/Modal'
-import { Multiselect } from 'nextcloud-vue/dist/Components/Multiselect'
+import { Modal } from '@nextcloud/vue/dist/Components/Modal'
+import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
 import axios from 'nextcloud-axios'
 
 export default {

src/components/CollaborationView.vue

@@ -30,7 +30,7 @@
 <script>
 import { CollectionList } from 'nextcloud-vue-collections'
 import Vue from 'vue'
-import PopoverMenu from 'nextcloud-vue/dist/Components/PopoverMenu'
+import PopoverMenu from '@nextcloud/vue/dist/Components/PopoverMenu'
 
 Vue.component('popover-menu', PopoverMenu)
 

src/components/board/BoardSidebar.vue

@@ -51,7 +51,8 @@ import SharingTabSidebar from './SharingTabSidebar'
 import TagsTabSidebar from './TagsTabSidebar'
 import DeletedTabSidebar from './DeletedTabSidebar'
 import TimelineTabSidebar from './TimelineTabSidebar'
-import { AppSidebar, AppSidebarTab } from 'nextcloud-vue'
+import { AppSidebar } from '@nextcloud/vue/dist/Components/AppSidebar'
+import { AppSidebarTab } from '@nextcloud/vue/dist/Components/AppSidebarTab'
 
 export default {
 	name: 'BoardSidebar',

src/components/board/SharingTabSidebar.vue

@@ -46,7 +46,11 @@
 </template>
 
 <script>
-import { Avatar, Multiselect, Actions, ActionButton, ActionCheckbox } from 'nextcloud-vue'
+import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
+import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
+import { Actions } from '@nextcloud/vue/dist/Components/Actions'
+import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
+import { ActionCheckbox } from '@nextcloud/vue/dist/Components/ActionCheckbox'
 import { CollectionList } from 'nextcloud-vue-collections'
 import { mapGetters } from 'vuex'
 

src/components/board/Stack.vue

@@ -60,8 +60,8 @@
 <script>
 
 import { Container, Draggable } from 'vue-smooth-dnd'
-import { Actions } from 'nextcloud-vue/dist/Components/Actions'
-import { ActionButton } from 'nextcloud-vue/dist/Components/ActionButton'
+import { Actions } from '@nextcloud/vue/dist/Components/Actions'
+import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
 import CardItem from '../cards/CardItem'
 
 export default {

src/components/boards/BoardItem.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import { Avatar } from 'nextcloud-vue'
+import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
 
 export default {
 	name: 'BoardItem',

src/components/card/CardSidebar.vue

@@ -95,11 +95,15 @@
 </template>
 
 <script>
-import { AppSidebar, AppSidebarTab, Multiselect, DatetimePicker, Avatar } from 'nextcloud-vue'
+import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
+import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
+import { AppSidebar } from '@nextcloud/vue/dist/Components/AppSidebar'
+import { AppSidebarTab } from '@nextcloud/vue/dist/Components/AppSidebarTab'
+import { DatetimePicker } from '@nextcloud/vue/dist/Components/DatetimePicker'
 import { mapState } from 'vuex'
-import VueEasymde from 'vue-easymde'
-import { Actions } from 'nextcloud-vue/dist/Components/Actions'
-import { ActionButton } from 'nextcloud-vue/dist/Components/ActionButton'
+import VueEasymde from 'vue-easymde/dist/VueEasyMDE.common'
+import { Actions } from '@nextcloud/vue/dist/Components/Actions'
+import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
 import ActivityEntry from '../ActivityEntry'
 import Color from '../../mixins/color'
 import { CollectionList } from 'nextcloud-vue-collections'

src/components/cards/AvatarList.vue

@@ -36,9 +36,9 @@
 </template>
 
 <script>
-import Avatar from 'nextcloud-vue/dist/Components/Avatar'
-import PopoverMenu from 'nextcloud-vue/dist/Components/PopoverMenu'
-import Tooltip from 'nextcloud-vue/dist/Directives/Tooltip'
+import Avatar from '@nextcloud/vue/dist/Components/Avatar'
+import PopoverMenu from '@nextcloud/vue/dist/Components/PopoverMenu'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 export default {
 	name: 'AvatarList',
 	components: {

src/components/cards/CardBadges.vue

@@ -1,5 +1,3 @@
-cardbadges
-
 <!--
   - @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
   -
@@ -40,7 +38,7 @@ cardbadges
 	</div>
 </template>
 <script>
-import { Avatar } from 'nextcloud-vue'
+import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
 import AvatarList from './AvatarList'
 
 export default {

src/components/cards/CardItem.vue

@@ -69,10 +69,10 @@
 </template>
 
 <script>
-import { Modal } from 'nextcloud-vue/dist/Components/Modal'
-import { Actions } from 'nextcloud-vue/dist/Components/Actions'
-import { ActionButton } from 'nextcloud-vue/dist/Components/ActionButton'
-import { Multiselect } from 'nextcloud-vue/dist/Components/Multiselect'
+import { Modal } from '@nextcloud/vue/dist/Components/Modal'
+import { Actions } from '@nextcloud/vue/dist/Components/Actions'
+import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
+import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
 import ClickOutside from 'vue-click-outside'
 import { mapState } from 'vuex'
 import axios from 'nextcloud-axios'

src/components/navigation/AppNavigation.vue

@@ -63,7 +63,7 @@
 import axios from 'nextcloud-axios'
 import { mapGetters } from 'vuex'
 import ClickOutside from 'vue-click-outside'
-import { Multiselect } from 'nextcloud-vue'
+import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
 
 import AppNavigationAddBoard from './AppNavigationAddBoard'
 import AppNavigationBoard from './AppNavigationBoard'

src/components/navigation/AppNavigationBoard.vue

@@ -69,7 +69,7 @@
 </template>
 
 <script>
-import { PopoverMenu } from 'nextcloud-vue'
+import { PopoverMenu } from '@nextcloud/vue/dist/Components/PopoverMenu'
 import ClickOutside from 'vue-click-outside'
 import ColorPicker from '../ColorPicker'
 

src/components/navigation/AppNavigationBoardCategory.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { PopoverMenu } from 'nextcloud-vue'
+import { PopoverMenu } from '@nextcloud/vue/dist/Components/PopoverMenu'
 import ClickOutside from 'vue-click-outside'
 import AppNavigationBoard from './AppNavigationBoard'
 

src/main.js

@@ -26,7 +26,7 @@ import store from './store/main'
 import { sync } from 'vuex-router-sync'
 import { translate, translatePlural } from '@nextcloud/l10n'
 import { generateFilePath } from '@nextcloud/router'
-import Tooltip from 'nextcloud-vue/dist/Directives/Tooltip'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 import './models'
 
 // eslint-disable-next-line

src/store/main.js

@@ -20,6 +20,8 @@
  *
  */
 
+import 'url-search-params-polyfill'
+
 import Vue from 'vue'
 import Vuex from 'vuex'
 import axios from 'nextcloud-axios'

webpack.common.js

@@ -49,6 +49,10 @@ module.exports = {
 		alias: {
 			vue$: 'vue/dist/vue.esm.js'
 		},
-		extensions: ['*', '.js', '.vue', '.json']
+		extensions: ['*', '.js', '.vue', '.json'],
+		modules: [
+			path.resolve(__dirname, 'node_modules'),
+			'node_modules'
+		]
 	}
 };