Outdated npm components of app skeleton generator

Hi

I’m using the output of the skeleton app.tar.gz so i can iterate and learn how to construct a nextcloud application, the back end and front end.

I understand that there is a transition to Vite from webpack, and also Vue 3 ( These are all still new to me hence the skeleton is a valuable tool)

While evolving my trials with app, i have noticed a number of issues with some of the generated output from the skeleton app, in particular the package.json file pulls in some really outdated dependencies

devan@butch:~/busted/dbdocplus$ npm install
npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE   package: 'dbdocplus@1.0.0',
npm warn EBADENGINE   required: { node: '^22.0.0', npm: '^10.5.0' },
npm warn EBADENGINE   current: { node: 'v22.17.0', npm: '11.5.1' }
npm warn EBADENGINE }
npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE   package: '@nextcloud/eslint-config@8.4.2',
npm warn EBADENGINE   required: { npm: '^10.0.0', node: '^20.0.0' },
npm warn EBADENGINE   current: { node: 'v22.17.0', npm: '11.5.1' }
npm warn EBADENGINE }
npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE   package: '@nextcloud/eslint-plugin@2.2.1',
npm warn EBADENGINE   required: { npm: '^10.0.0', node: '^20.0.0' },
npm warn EBADENGINE   current: { node: 'v22.17.0', npm: '11.5.1' }
npm warn EBADENGINE }
npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE   package: '@nextcloud/vite-config@1.7.2',
npm warn EBADENGINE   required: { npm: '^10.5.1', node: '^20.0.0 || ^22.0.0 || ^24.0.0' },
npm warn EBADENGINE   current: { node: 'v22.17.0', npm: '11.5.1' }
npm warn EBADENGINE }
npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE   package: '@nextcloud/initial-state@2.2.0',
npm warn EBADENGINE   required: { npm: '^10.0.0', node: '^20.0.0' },
npm warn EBADENGINE   current: { node: 'v22.17.0', npm: '11.5.1' }
npm warn EBADENGINE }
npm warn EBADENGINE Unsupported engine {
npm warn EBADENGINE   package: '@nextcloud/logger@3.0.2',
npm warn EBADENGINE   required: { npm: '^10.0.0', node: '^20.0.0' },
npm warn EBADENGINE   current: { node: 'v22.17.0', npm: '11.5.1' }
npm warn EBADENGINE }
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated @humanwhocodes/config-array@0.13.0: Use @eslint/config-array instead
npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated @humanwhocodes/object-schema@2.0.3: Use @eslint/object-schema instead
npm warn deprecated node-domexception@1.0.0: Use your platform's native DOMException instead
npm warn deprecated vue@2.7.16: Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.
npm warn deprecated eslint@8.57.1: This version is no longer supported. Please see https://eslint.org/version-support for other options.

I currently do not have enough knowledge to contribute an update for this, otherwise i would assist. It looks like aspects of the app generator have not been updated.

Some of the tutorials do not need any npm packages. However once you have the introductory tutorial, it would good if i could evolve the app to use the standard UX components of nextcloud/vue from a clean base install of required components.

This is not the case at the moment. And i don’t know what the required updates which be put in place. Even Vue 2.7.16 is being pulled in which has an XSS exploit (CVE-2024-6783)

Does any one have a contemporary npm packages.json

Found this link, which i think is relevant to this issue

You can also directly clone/fork the app template from GitHub which does contain the latest dependencies. The appstore may not always use the most up-to-date template, but we are currently in the process of updating it now.

1 Like

Many thanks for these links :+1:

I’m a total noob when it comes to Frontend JavaScript frameworks. However i have a cracking idea for a nextcloud which i really want to develop

Looking forward to it! Let us know if you need help.