Quick Start
Here are all information to help you install and enable all entries fast.
Just copy the command to the corresponding needed entry and run it.
package.json (check for compatible or for the latest versions)
"dependencies":
ddev yarn add @friendlycaptcha/sdkddev yarn add @googlemaps/markerclusterer@^2.5ddev yarn add @james-search/ui-componentddev yarn add @netigo-typo3-boilerplate-theme/dev-toolsddev yarn add @popperjs/core@^2.11(for tooltip)ddev yarn add @rive-app/canvas@^2.10ddev yarn add bootstrap@^5.3ddev yarn add friendly-challenge@^0.9ddev yarn add lodash-esddev yarn add lottie-web@^5.12ddev yarn add swiper@^10.3
vuejs
ddev yarn add vue@^3.3ddev yarn add --dev vue-loader@^17.3ddev yarn add --dev vue-template-compiler@^2.7
webpack.config.js
In the entry section add the following required entries:
'theme': './src/js/theme.js','minimalistic': './src/js/minimalistic.js','dev-tools': './src/js/dev-tools.js','animations': './src/js/entry/animations.js','bs-example': './src/js/entry/bs-example.js','bs-tooltip': './src/js/entry/bs-tooltip.js','form-ajax': './src/js/entry/form-ajax.js','form-check-required': './src/js/entry/form-check-required.js','friendly-captcha-v1': './src/js/entry/friendly-captcha-v1.js','friendly-captcha-v2': './src/js/entry/friendly-captcha-v2.js','gdpr-facade': './src/js/entry/gdpr-facade.js','google-maps': './src/js/entry/google-maps.js','hello-world': './src/js/entry/hello-world','james-search': './src/js/entry/james-search.js','search-results': './src/js/entry/search-results.js','lottie': './src/js/entry/lottie.js','rive': './src/js/entry/rive.js','sidebar': './src/js/entry/sidebar.js','swiper': './src/js/entry/swiper.js','vue': './src/js/entry/vue.js'
Additionally for vuejs import via const { VueLoaderPlugin } = require('vue-loader'); and add the plugin in plugins (config.plugins) section:
new VueLoaderPlugin()
Run ddev yarn dev && ddev yarn prod.
vite.config.js
In the rollupOptions.input section add the following required entries:
'ts': './src/ts/main.ts','theme': './src/js/theme.js','minimalistic': './src/js/minimalistic.js','dev-tools': './src/js/dev-tools.js','animations': './src/js/entry/animations.js','bs-example': './src/js/entry/bs-example.js','bs-tooltip': './src/js/entry/bs-tooltip.js','cookieklar-async-fix': './src/js/entry/cookieklar-async-fix.js','form-ajax': './src/js/entry/form-ajax.js','form-check-required': './src/js/entry/form-check-required.js','friendly-captcha-v1': './src/js/entry/friendly-captcha-v1.js','friendly-captcha-v2': './src/js/entry/friendly-captcha-v2.js','gdpr-facade': './src/js/entry/gdpr-facade.js','google-maps': './src/js/entry/google-maps.js','hello-world': './src/js/entry/hello-world.js','james-search': './src/js/entry/james-search.js','search-results': './src/js/entry/search-results.js','lottie': './src/js/entry/lottie.js','rive': './src/js/entry/rive.js','sidebar': './src/js/entry/sidebar.js','swiper': './src/js/entry/swiper.js','vue': './src/js/entry/vue.js',
Run ddev yarn dev && ddev yarn prod.
composer.json (check for compatible or for the latest versions)
composer require --dev "james-search.com/james-search.com-ui-component:^x.x"