@quasar/quasar-app-extension-qcalendar 4.0.0-beta.8 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  The **QCalendar App Extension** allows you to seamlessly add the [QCalendar](../ui) component into your Quasar application. It manages the boot file file and all other configuration for you.
4
4
 
5
- [![npm](https://img.shields.io/npm/v/@quasar/quasar-app-extension-qcalendar/next?label=@quasar/quasar-app-extension-qcalendar)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qcalendar)
5
+ [![npm](https://img.shields.io/npm/v/@quasar/quasar-app-extension-qcalendar?label=@quasar/quasar-app-extension-qcalendar)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qcalendar)
6
6
  [![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/quasarframework/quasar-ui-qcalendar)]()
7
7
  [![GitHub repo size in bytes](https://img.shields.io/github/repo-size/quasarframework/quasar-ui-qcalendar)]()
8
8
  [![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-qcalendar)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qcalendar)
@@ -10,17 +10,18 @@ The **QCalendar App Extension** allows you to seamlessly add the [QCalendar](../
10
10
 
11
11
  [![Discord](https://img.shields.io/badge/discord-join%20server-738ADB?style=for-the-badge&logo=discord&logoColor=738ADB)](https://chat.quasar.dev)
12
12
  [![Discord](https://img.shields.io/badge/follow-@jgalbraith64-1DA1F2?style=for-the-badge&logo=twitter&logoColor=1DA1F2)](https://twitter.com/jgalbraith64)
13
+
13
14
  ## Everything you need for a complete Calendar solution.
14
15
 
15
16
  QCalendar is a [Quasar](https://quasar.dev) component. It is a powerful calendar that plugs right into your Quasar application and allows for viewing of **day** (1-7 days for a week), **monthly**, **scheduler** and **agenda** views. Painstaking care has been given to make almost every aspect of QCalendar configurable and/or modifiable in some way and control given to the developer.
16
17
 
17
- # QCalendar v4.0.0 Alpha
18
- Welcome to the QCalendar v4.0.0 Alpha release
18
+ # QCalendar v4.x
19
+
20
+ Welcome to the QCalendar v4.x release
19
21
 
20
22
  ### QCalendar is now converted to use Vue v3
21
- With this update comes a lot of changes, with over 90% of QCalendar being rewritten. Please read below to understand these changes and how they will affect you for upgrading.
22
23
 
23
- > Until the final stable version is released, some aspects of the calendar may change. We're not planning for additional changes, but unforeseen reported issues may require us to do breaking changes (unlikely, but keep this in mind). So please make sure that you read each v4 alpha/beta version's release notes carefully before upgrading.
24
+ With this update comes a lot of changes, with over 90% of QCalendar being rewritten. Please read below to understand these changes and how they will affect you for upgrading.
24
25
 
25
26
  # Documentation
26
27
 
@@ -28,53 +29,58 @@ Go to Netlify which is hosting QCalendar v4.0.0 docs https://qcalendar.netlify.a
28
29
 
29
30
  ---
30
31
 
32
+ ## Examples
33
+
31
34
  **Month view with events**
32
35
 
33
- ![QCalendar example month view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarMonth.png)
36
+ ![QCalendar example month view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendarmonth-event-slots.png)
34
37
 
35
38
  **Planner example**
36
39
 
37
- ![QCalendar planner example](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/qcalendaragenda-planner.png)
40
+ ![QCalendar example agenda view - planner](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendaragenda-planner.png)
38
41
 
39
42
  **Monthly Mini-mode**
40
43
 
41
- ![QCalendar mini-mode](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarMonth--mini-mode.png)
44
+ ![QCalendar example mini-mode selection](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendarmonth-minimode-range-selection.png)
42
45
 
43
- **Monthly Mini-mode selection**
46
+ **Multi-month selector (mini-mode)**
44
47
 
45
- ![QCalendar mini-mode selection](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/qcalendarmonth-minimode-range-selection.png)
48
+ ![QCalendar example multi-month selection](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendar-month-view-mini-mode-multi-month-selection.png)
46
49
 
47
50
  **Agenda view with custom content**
48
51
 
49
- ![QCalendar agenda view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarAgenda.png)
52
+ ![QCalendar example agenda view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendar-agenda-view.png)
50
53
 
51
- **Day view**
54
+ **Day view with events**
52
55
 
53
- ![QCalendar day view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarDay.png)
56
+ ![QCalendar example day view - events](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendar-day-view.png)
54
57
 
55
- **Resource view**
58
+ **Resource view with events**
56
59
 
57
- ![QCalendar resource view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarResource.png)
60
+ ![QCalendar example resource view - events](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendar-resource-view.png)
58
61
 
59
62
  **Scheduler view**
60
63
 
61
- ![QCalendar scheduler view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarScheduler.png)
64
+ ![QCalendar example scheduler view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/qcalendar-scheduler-view.png)
62
65
 
63
66
  **Task view**
64
67
 
65
- ![QCalendar task view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/next/docs/public/QCalendarTask.png)
68
+ ![QCalendar task view](https://raw.githubusercontent.com/quasarframework/quasar-ui-qcalendar/packages/docs/public/QCalendarTask.png)
66
69
 
67
70
  Including support for locales, optional theming, 1st day Monday, 5-day work weeks, work week numbers, selected days, disabled days, day of year...
68
71
 
69
72
  ...and many more!
70
73
 
71
74
  # Install
75
+
72
76
  ```bash
73
- quasar ext add @quasar/qcalendar@next
77
+ quasar ext add @quasar/qcalendar
74
78
  ```
79
+
75
80
  Quasar CLI will retrieve it from NPM and install the extension.
76
81
 
77
82
  # Uninstall
83
+
78
84
  ```bash
79
85
  quasar ext remove @quasar/qcalendar
80
86
  ```
@@ -82,8 +88,10 @@ quasar ext remove @quasar/qcalendar
82
88
  # Donations
83
89
 
84
90
  QCalendar is an open source MIT project that has been made possible due to the **generous contributions** by [sponsors and backers](https://github.com/sponsors/hawkeye64). If you are interested in supporting this project, please consider:
91
+
85
92
  - [Becoming a sponsor on Github](https://github.com/users/hawkeye64/sponsorship)
86
93
  - [One-off donation via PayPal](https://paypal.me/hawkeye64)
87
94
 
88
95
  # License
96
+
89
97
  MIT (c) Jeff Galbraith <jeff@quasar.dev>
package/package.json CHANGED
@@ -1,14 +1,10 @@
1
1
  {
2
2
  "name": "@quasar/quasar-app-extension-qcalendar",
3
- "version": "4.0.0-beta.8",
3
+ "version": "4.0.0",
4
4
  "description": "A Quasar App Extension for @quasar/quasar-ui-qcalendar",
5
5
  "author": "Jeff Galbraith <jeff@quasar.dev>",
6
6
  "license": "MIT",
7
7
  "main": "src/index.js",
8
- "scripts": {
9
- "lint": "eslint --ext .js,.vue src",
10
- "lint-fix": "eslint --ext .js,.vue src --fix"
11
- },
12
8
  "funding": {
13
9
  "type": "github",
14
10
  "url": "https://github.com/sponsors/hawkeye64"
@@ -37,21 +33,25 @@
37
33
  "schedule"
38
34
  ],
39
35
  "dependencies": {
40
- "@quasar/quasar-ui-qcalendar": "^4.0.0-beta.8"
36
+ "@quasar/quasar-ui-qcalendar": "^4.0.0"
41
37
  },
42
38
  "devDependencies": {
43
- "@babel/core": "^7.16.0",
44
- "@babel/eslint-parser": "^7.16.0",
45
- "eslint": "^8.1.0",
46
- "eslint-plugin-import": "^2.25.2",
39
+ "@babel/core": "^7.17.8",
40
+ "@babel/eslint-parser": "^7.17.0",
41
+ "eslint": "^8.11.0",
42
+ "eslint-plugin-import": "^2.25.4",
47
43
  "eslint-plugin-node": "^11.1.0",
48
- "eslint-plugin-promise": "^5.1.1",
49
- "eslint-plugin-vue": "^8.0.3",
50
- "eslint-webpack-plugin": "^3.1.0"
44
+ "eslint-plugin-promise": "^6.0.0",
45
+ "eslint-plugin-vue": "^8.5.0",
46
+ "eslint-webpack-plugin": "^3.1.1"
51
47
  },
52
48
  "engines": {
53
49
  "node": ">= 10.0.0",
54
50
  "npm": ">= 5.6.0",
55
51
  "yarn": ">= 1.6.0"
52
+ },
53
+ "scripts": {
54
+ "lint": "eslint --ext .js,.vue src",
55
+ "lint-fix": "eslint --ext .js,.vue src --fix"
56
56
  }
57
- }
57
+ }
@@ -0,0 +1,6 @@
1
+ import { defineBoot } from '@quasar/app-vite/wrappers'
2
+ import VuePlugin from '@quasar/quasar-ui-qcalendar'
3
+
4
+ export default defineBoot(({ app }) => {
5
+ app.use(VuePlugin)
6
+ })
@@ -0,0 +1,6 @@
1
+ import { defineBoot } from '@quasar/app-webpack/wrappers'
2
+ import VuePlugin from '@quasar/quasar-ui-qcalendar'
3
+
4
+ export default defineBoot(({ app }) => {
5
+ app.use(VuePlugin)
6
+ })
package/src/index.js CHANGED
@@ -6,16 +6,21 @@
6
6
  * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
7
7
  */
8
8
 
9
- function extendConf (conf) {
10
- // register our boot file
11
- conf.boot.push('~@quasar/quasar-app-extension-qcalendar/src/boot/register.js')
12
-
13
- // make sure app extension files & ui packages get transpiled
14
- conf.build.transpileDependencies.push(/quasar-app-extension-qcalendar[\\/]src/)
15
- conf.build.transpileDependencies.push(/quasar-ui-qcalendar[\\/]src/)
9
+ function extendConf(conf, api) {
10
+ if (api.hasVite) {
11
+ // register the boot file
12
+ conf.boot.push('~@quasar/quasar-app-extension-qcalendar/src/boot/vite-register.js')
13
+ } else {
14
+ // register the boot file
15
+ conf.boot.push('~@quasar/quasar-app-extension-qcalendar/src/boot/webpack-register.js')
16
+ // make sure app extension files & ui packages get transpiled
17
+ conf.build.webpackTranspileDependencies = conf.build.webpackTranspileDependencies || []
18
+ conf.build.webpackTranspileDependencies.push(/quasar-app-extension-qcalendar[\\/]src/)
19
+ conf.build.webpackTranspileDependencies.push(/quasar-ui-qcalendar[\\/]src/)
20
+ }
16
21
 
17
22
  // make sure the stylesheet goes through webpack to avoid SSR issues
18
- conf.css.push('~@quasar/quasar-ui-qcalendar/src/index.sass')
23
+ conf.css.push('~@quasar/quasar-ui-qcalendar/src/index.scss')
19
24
  }
20
25
 
21
26
  module.exports = function (api) {
@@ -23,7 +28,12 @@ module.exports = function (api) {
23
28
  // hard dependencies, as in a minimum version of the "quasar"
24
29
  // package or a minimum version of "@quasar/app" CLI
25
30
  api.compatibleWith('quasar', '^2.0.0')
26
- api.compatibleWith('@quasar/app', '^3.0.0')
31
+
32
+ if (api.hasVite === true) {
33
+ api.compatibleWith('@quasar/app-vite', '^2.0.0')
34
+ } else {
35
+ api.compatibleWith('@quasar/app-webpack', '^4.0.0')
36
+ }
27
37
 
28
38
  // Uncomment the line below if you provide a JSON API for your component
29
39
  api.registerDescribeApi('QCalendar', '~@quasar/quasar-ui-qcalendar/dist/api/QCalendar.json')
@@ -1,6 +0,0 @@
1
- import { boot } from 'quasar/wrappers'
2
- import VuePlugin from '@quasar/quasar-ui-qcalendar'
3
-
4
- export default boot(({ app }) => {
5
- app.use(VuePlugin)
6
- })
File without changes