Skip to content
Snippets Groups Projects
Commit d2f7c095 authored by Laurent Lecluse's avatar Laurent Lecluse
Browse files

Merge branch 'bsv-next'

# Conflicts:
#	CHANGELOG.md
parents d831182a 37af6559
No related branches found
No related tags found
No related merge requests found
Pipeline #27298 passed
CHANGELOG CHANGELOG
========= =========
6.2.0 (26/03/2024)
------------------
- Mise à niveau des versions des dépendances
- Intégration de BootstrapVueNext
6.1.3 (12/03/2024) 6.1.3 (12/03/2024)
------------------ ------------------
......
...@@ -11,6 +11,7 @@ et intégrer le tout à l'écosystème Unicaen. ...@@ -11,6 +11,7 @@ et intégrer le tout à l'écosystème Unicaen.
- PHP 8 - PHP 8
- Bootstrap 5 - Bootstrap 5
- BootstrapVueNext
- Node.js (sur les machines de développement uniquement : pas en production) - Node.js (sur les machines de développement uniquement : pas en production)
- Laminas - Laminas
...@@ -29,7 +30,7 @@ qu'elles soient simples ou complexes. ...@@ -29,7 +30,7 @@ qu'elles soient simples ou complexes.
### [Vite](https://vitejs.dev) ### [Vite](https://vitejs.dev)
Version 4 Version 5
Vite est un outil de construction qui vise à fournir une expérience de développement plus rapide et plus épurée Vite est un outil de construction qui vise à fournir une expérience de développement plus rapide et plus épurée
pour les projets web modernes. Il se compose de deux parties majeures : pour les projets web modernes. Il se compose de deux parties majeures :
...@@ -48,3 +49,12 @@ Version 1 ...@@ -48,3 +49,12 @@ Version 1
Axios est un client HTTP basé sur les promesses. Axios est un client HTTP basé sur les promesses.
Côté serveur, un plugin de contrôleur est proposé ainsi qu'un système permettant de construire des arborescences JSON Côté serveur, un plugin de contrôleur est proposé ainsi qu'un système permettant de construire des arborescences JSON
et côté client (navigateur) il utilise les XMLHttpRequests. et côté client (navigateur) il utilise les XMLHttpRequests.
### [BootstrapVueNext](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs)
Version alpha
Wrapper Bootstrap prêt pour Vue.js.
Avec BootstrapVue, vous pouvez construire des projets réactifs, mobiles-first et accessibles ARIA sur le web en utilisant Vue.js et la bibliothèque CSS front-end la plus populaire au monde.
BootstrapVueNext est une tentative d'avoir les composants BootstrapVue dans Vue 3, Bootstrap 5 et TypeScript. Un autre objectif est d'écrire les composants de manière simple et lisible pour offrir une meilleure expérience aux développeurs.
\ No newline at end of file
...@@ -17,3 +17,4 @@ Sites officiels : ...@@ -17,3 +17,4 @@ Sites officiels :
- [Vue.js](https://vuejs.org/) - [Vue.js](https://vuejs.org/)
- [Vite](https://vitejs.dev) - [Vite](https://vitejs.dev)
- [Axios](https://axios-http.com/) - [Axios](https://axios-http.com/)
- [BootstrapVueNext](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs)
\ No newline at end of file
import {createApp} from 'vue'; import {createApp} from 'vue';
import {createBootstrap} from 'bootstrap-vue-next';
// on met en place le client d'UnicaenVue // on met en place le client d'UnicaenVue
import unicaenVue from './unicaenVue'; import unicaenVue from './unicaenVue';
...@@ -39,6 +40,7 @@ function init(vues, options) ...@@ -39,6 +40,7 @@ function init(vues, options)
} }
} }
app.use(createBootstrap({components: true, directives: true}))
app.mount(el); app.mount(el);
if (undefined !== options.afterMount){ if (undefined !== options.afterMount){
......
...@@ -124,12 +124,9 @@ function defineConfig(projectConfig) { ...@@ -124,12 +124,9 @@ function defineConfig(projectConfig) {
const vite = require('vite'); const vite = require('vite');
const liveReload = require('vite-plugin-live-reload'); const liveReload = require('vite-plugin-live-reload');
const Components = require('unplugin-vue-components/vite'); const Components = require('unplugin-vue-components/vite');
const componentsDir = path.resolve(__dirname, '../../components'); const componentsDir = path.resolve(__dirname, '../../components');
const components = findComponents(componentsDir); const components = findComponents(componentsDir);
//const resolvers = require('unplugin-vue-components/resolvers'); const resolvers = require('unplugin-vue-components/resolvers');
const root = projectConfig.root ? projectConfig.root : 'root'; const root = projectConfig.root ? projectConfig.root : 'root';
...@@ -158,7 +155,9 @@ function defineConfig(projectConfig) { ...@@ -158,7 +155,9 @@ function defineConfig(projectConfig) {
// fichier de démarrage // fichier de démarrage
rollupOptions: { rollupOptions: {
input: path.resolve(projectDir(), root, 'main.js'), input: path.resolve(projectDir(), root, 'main.js'),
} },
// chunkSizeWarningLimit augmenté : le vendor peut faire 1Mo (1024Ko)
chunkSizeWarningLimit: 1024
}, },
server: { server: {
// specs pour le serveur Node // specs pour le serveur Node
...@@ -177,6 +176,7 @@ function defineConfig(projectConfig) { ...@@ -177,6 +176,7 @@ function defineConfig(projectConfig) {
return components[componentName]; return components[componentName];
} }
}, },
resolvers.BootstrapVueNextResolver()
], ],
}; };
......
{ {
"name": "unicaen-vue", "name": "unicaen-vue",
"version": "1.0.0", "version": "6.2.0",
"description": "Intégration de Vue.js à l'écosystème Unicaen", "description": "Intégration de Vue.js à l'écosystème Unicaen",
"main": "./js/Server/index.js", "main": "./js/Server/index.js",
"directories": { "directories": {
...@@ -10,12 +10,13 @@ ...@@ -10,12 +10,13 @@
"license": "ISC", "license": "ISC",
"private": true, "private": true,
"dependencies": { "dependencies": {
"vue": "^3.2.45", "vue": "3.4.21",
"@vitejs/plugin-vue": "^4.0.0", "@vitejs/plugin-vue": "5.0.4",
"@vue/compiler-sfc": "^3.2.45", "@vue/compiler-sfc": "3.4.21",
"unplugin-vue-components": "^0.24.1", "unplugin-vue-components": "0.25.2",
"vite": "^4.0.0", "vite": "5.2.6",
"vite-plugin-live-reload": "^3.0.1", "vite-plugin-live-reload": "3.0.3",
"axios": "^1.3.4" "axios": "1.6.8",
"bootstrap-vue-next": "0.16.6"
} }
} }
...@@ -175,7 +175,7 @@ class ViteViewHelper extends AbstractHtmlElement ...@@ -175,7 +175,7 @@ class ViteViewHelper extends AbstractHtmlElement
protected function getManifest(): array protected function getManifest(): array
{ {
$content = file_get_contents(getcwd() . '/' . $this->config['dist-path'] . '/manifest.json'); $content = file_get_contents(getcwd() . '/' . $this->config['dist-path'] . '/.vite/manifest.json');
return json_decode($content, true); return json_decode($content, true);
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment