aldeed:autoform package having the downgraded version of 0.16.0 for meteor 3.x

[Deepak2851]

Hi team. I recently upgraded the meteor version of my application from 2.16 to 3.x but found that the aldeed:autoform version was downgraded to 0.16.0 after the meteor upgrade which is undesirable.

The packages in meteor/packages:

package list

alanning:roles
underscore
sacha:spin
jonblum:jquery-cropper
twbs:bootstrap
semantic:ui-css
aldeed:autoform
tsega:bootstrap3-datetimepicker
maazalik:highcharts
gquemart:meteor-reactive-fullcalendar
steeve:jquery-qrcode
jeremy:selectize
aldeed:simple-schema
jeremy:geocomplete
mdg:geolocation
reactive-var
aldeed:template-extension
momentjs:moment
aldeed:moment-timezone
service-configuration
matb33:collection-hooks
reywood:publish-composite
tmeasday:publish-counts
force-ssl
meteor-base
mobile-experience
mongo
blaze-html-templates
session
jquery
tracker
logging
reload
random
ejson
spacebars
check
standard-minifier-css
standard-minifier-js
shell-server
benjaminrh:jquery-cookie
ecmascript
dynamic-import
arboleya:electrify
email
promise
accounts-oauth
accounts-password
stylus
accounts-base
accounts-ui
oauth
oauth2
ostrio:files
msavin:sjobs
ostrio:flow-router-extra
http
aldeed:collection2
less

The meteor/versions file looks like this:

versions

accounts-base@3.0.3
accounts-oauth@1.4.5
accounts-password@3.0.3
accounts-ui@1.4.3
accounts-ui-unstyled@1.7.2
alanning:roles@4.0.0
aldeed:autoform@0.16.0
aldeed:collection2@4.1.1
aldeed:moment-timezone@0.4.0
aldeed:simple-schema@2.0.0
aldeed:template-extension@0.1.0
allow-deny@2.0.0
arboleya:electrify@2.1.4
autoupdate@2.0.0
babel-compiler@7.11.2
babel-runtime@1.5.2
base64@1.0.13
benjaminrh:jquery-cookie@0.1.0
binary-heap@1.0.12
blaze@3.0.2
blaze-html-templates@3.0.0
blaze-tools@2.0.0
boilerplate-generator@2.0.0
caching-compiler@2.0.1
caching-html-compiler@2.0.0
callback-hook@1.6.0
check@1.4.4
core-runtime@1.0.0
dburles:google-maps@1.1.5
ddp@1.4.2
ddp-client@3.0.3
ddp-common@1.4.4
ddp-rate-limiter@1.2.2
ddp-server@3.0.3
diff-sequence@1.1.3
dynamic-import@0.7.4
ecmascript@0.16.10
ecmascript-runtime@0.8.3
ecmascript-runtime-client@0.12.2
ecmascript-runtime-server@0.11.1
ejson@1.1.4
email@3.1.1
es5-shim@4.8.1
facts-base@1.0.2
fetch@0.1.5
force-ssl@1.1.1
force-ssl-common@1.1.1
geojson-utils@1.0.12
gquemart:meteor-reactive-fullcalendar@1.0.1
hot-code-push@1.0.5
html-tools@2.0.0
htmljs@2.0.1
http@3.0.0
id-map@1.2.0
inter-process-messaging@0.1.2
jam:offline@0.4.0
jeremy:geocomplete@1.8.0
jeremy:selectize@0.12.1_5
jonblum:jquery-cropper@2.3.0
jquery@1.11.11
launch-screen@2.0.1
less@4.1.1
localstorage@1.2.1
logging@1.3.5
maazalik:highcharts@0.4.0
matb33:collection-hooks@2.0.0
mdg:geolocation@1.3.1
meteor@2.0.2
meteor-base@1.5.2
minifier-css@2.0.0
minifier-js@3.0.1
minimongo@2.0.1
mobile-experience@1.1.2
mobile-status-bar@1.1.1
modern-browsers@0.1.11
modules@0.20.3
modules-runtime@0.13.2
momentjs:moment@2.13.1
mongo@2.0.2
mongo-decimal@0.1.4
mongo-dev-server@1.1.1
mongo-id@1.0.9
mrt:jquery-ui@1.9.2
mrt:moment@2.8.1
msavin:sjobs@5.0.0
npm-mongo@4.17.4
oauth@3.0.0
oauth2@1.3.3
observe-sequence@2.0.0
ordered-dict@1.2.0
ostrio:cookies@2.8.1
ostrio:files@3.0.0-beta.6
ostrio:flow-router-extra@3.12.0
promise@1.0.0
raix:eventemitter@1.0.0
random@1.2.2
rate-limit@1.1.2
react-fast-refresh@0.2.9
reactive-dict@1.3.2
reactive-var@1.0.13
reload@1.3.2
retry@1.1.1
reywood:publish-composite@1.9.0
routepolicy@1.1.2
sacha:spin@2.3.1
semantic:ui-css@2.5.0
service-configuration@1.3.5
session@1.2.2
sha@1.0.10
shell-server@0.6.1
socket-stream-client@0.5.3
spacebars@2.0.0
spacebars-compiler@2.0.0
standard-minifier-css@1.9.3
standard-minifier-js@3.0.0
steeve:jquery-qrcode@0.2.2
stylus@1.0.2
templating@1.4.4
templating-compiler@2.0.0
templating-runtime@2.0.1
templating-tools@2.0.0
tmeasday:publish-counts@0.2.1
tracker@1.3.4
tsega:bootstrap3-datetimepicker@4.17.47
twbs:bootstrap@3.3.6
typescript@5.4.3
underscore@1.6.4
url@1.3.5
webapp@2.0.4
webapp-hashing@1.1.2
zodern:types@1.0.13

I tried to add the aldeed:autoform package first (version 8.0 which is preferred for meteor 3.x) but the remaining packages like

gquemart:meteor-reactive-fullcalendar
jeremy:geocomplete
blaze-html-templates
mobile-experience
service-configuration
oauth2
oauth
accounts-ui
accounts-base
accounts-password
accounts-oauth

are incompatible.

Can anyone please help at the earliest

[github-actions]

Thank you for submitting this issue!

We, the Members of Meteor Community Packages take every issue seriously.
Our goal is to provide long-term lifecycles for packages and keep up
with the newest changes in Meteor and the overall NodeJs/JavaScript ecosystem.

However, we contribute to these packages mostly in our free time.
Therefore, we can't guarantee you issues to be solved within certain time.

If you think this issue is trivial to solve, don't hesitate to submit
a pull request, too! We will accompany you in the process with reviews and hints
on how to get development set up.

Please also consider sponsoring the maintainers of the package.
If you don't know who is currently maintaining this package, just leave a comment
and we'll let you know

[jankapunkt]

Hi Deepak, thank you for reporting.

Please edit .meteor/packages and replace

aldeed:autoform with aldeed:autoform@8.0.0!

then let it build and please copy the entire error output here. It is very likely a third-party package that is still pinned to 2.x dependencies but I want to make sure which one.

[Deepak2851]

Hi @jankapunkt , this is the error I got in the terminal after setting aldeed:autoform as aldeed:autoform@8.0.0:

=> Errors while adding packages:

While selecting package versions:
error: Conflict: Constraint jquery@3.0.0 is not satisfied by jquery 1.11.11.
Constraints on package "jquery":

• jquery@1.11.9 || 3.0.0 <- blaze 3.0.2 <- accounts-base 3.0.3 <- alanning:roles 4.0.0
• jquery@1.11.9 || 3.0.0 <- blaze 3.0.2 <- alanning:roles 4.0.0
• jquery@1.0.0 <- jonblum:jquery-cropper 2.3.0
• jquery@1.0.1 <- twbs:bootstrap 3.3.6
• jquery@1.0.1 <- semantic:ui-css 2.5.0
• jquery@3.0.0 <- aldeed:autoform 8.0.0

If I upgrade jquery to version 3.x, I am getting errors for these pacakges:
gquemart:meteor-reactive-fullcalendar
jeremy:geocomplete
blaze-html-templates
mobile-experience
service-configuration
oauth2
oauth
accounts-ui
accounts-base
accounts-password
accounts-oauth

Kindly help

[jankapunkt]

@Deepak2851 the issues are coming from

https://packosphere.com/jonblum/jquery-cropper (last update 9 years ago)
https://packosphere.com/twbs/bootstrap (last update 10 years ago)

and semantic:ui-css

they all pin an incompatible jquery version.

You best chance to get this resolved quick is to clone these packges locally and upgrade the jquery versions and api.versionsFrom.

However this is just a short-term remedy. You should rather move away from these packages and use the native npm packages.

For example, using the latest bootstrap 5 (autoform 8 supports theming for it) and jquery "native".

[jankapunkt]

Note, that https://packosphere.com/jss/reactive-fullcalendar has also no update in 9 years and jeremy:geocomplete has had no update in 8 years.

[Deepak2851]

Thanks for the information @jankapunkt . I added latest version of jquery first and then added the remaining packages and the problem with aldeed:autoform is resolved with some third party packages including the ones you states being incompatible which I will replace it now. But I found that even tsega:datetimepicker is incompatible for meteor 3.0.4 . Can you please confirm if tempusdominus-bootstrap-4 is the best alternative or I can use any other package

[jankapunkt]

@Deepak2851 I can guarantee you that most packages without updates in 2023/2024 are very likely not compatible with Meteor 3. You can use https://packosphere.com to browse the latest releases (includes alpha, beta releases). If they are before 2023 then its likely not working.

Bootstrap 4 is also highly outdated and I suggest you to invest the extra time to refactor towards using npm packages for bootstrap and the likes.

[jankapunkt]

Note, there is https://github.com/polygonwood/meteor-autoform-td which is likely supporting Meteor 3

[Deepak2851]

Thanks for your input @jankapunkt .
In meteor 3.0.4 during the upgrade, I started using npm simpl-schema inplace of aldeed:simple-schema and now I am seeing this error:
Exception in global helper afFieldNames: TypeError: Cannot read properties of undefined (reading 'objectKeys')
at Object.autoFormFieldNames (http://localhost:3000/packages/aldeed_autoform.js?hash=69e99adc4e5ac1f2c2037fbcecf5f722770bbeea:3767:20)
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2807:16
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:1525:16
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2854:53
at Template._withTemplateInstanceFunc (http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:3525:14)
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2853:27
at Object.call (http://localhost:3000/packages/spacebars.js?hash=986169e53e97e70e23543cafe4e00fa0762d2ef4:204:18)
at http://localhost:3000/app/app.js?hash=082b5f19c4e90730861edde27ef494fdb9ce861f:67458:22
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2545:27
at Blaze.View. (http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2413:54)

Exception in Template.afQuickField isReady: TypeError: Cannot read properties of undefined (reading 'getDefinition')
at Object.getFieldDefinition (http://localhost:3000/packages/aldeed_autoform.js?hash=69e99adc4e5ac1f2c2037fbcecf5f722770bbeea:268:20)
at Object.autoFormGetComponentContext [as getComponentContext] (http://localhost:3000/packages/aldeed_autoform.js?hash=69e99adc4e5ac1f2c2037fbcecf5f722770bbeea:466:26)
at Object.afIsComponentContextReady (http://localhost:3000/packages/aldeed_autoform.js?hash=69e99adc4e5ac1f2c2037fbcecf5f722770bbeea:4693:38)
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2807:16
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:1525:16
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2854:53
at Function._withTemplateInstanceFunc (http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:3525:14)
at http://localhost:3000/packages/blaze.js?hash=7597318a8bad3a06a6490a35c8dd0b07133c971e:2853:27
at Object.call (http://localhost:3000/packages/spacebars.js?hash=986169e53e97e70e23543cafe4e00fa0762d2ef4:204:18)
at http://localhost:3000/packages/aldeed_autoform.js?hash=69e99adc4e5ac1f2c2037fbcecf5f722770bbeea:4636:22

Can you please let me know the solution for this.

Please find the generic code I am using in my init.js file:
import SimpleSchema from 'simpl-schema';

// Basic schema setup
SimpleSchema.extendOptions([
'autoform',
'defaultValue',
'label',
'info',
// ...other custom options
]);

if (Meteor.isClient) {
import { AutoForm } from 'meteor/aldeed:autoform';

Meteor.startup(() => {
    AutoForm.SimpleSchema = SimpleSchema;
    AutoForm.setDefaultTemplate('semanticUI');
});

}

export default SimpleSchema;

and the autoform_config.js file:
import SimpleSchema from 'simpl-schema';

// Add missing compatibility methods required by AutoForm
SimpleSchema.prototype.getDefinition = function(fieldName) {
if (!this._schema) return undefined;
return this.get(fieldName);
};

SimpleSchema.prototype.objectKeys = function(keyPrefix) {
if (!this._schema) return {};

const keys = Object.keys(this._schema);
const objectKeys = {};

keys.forEach(key => {
    if (!keyPrefix || key.startsWith(keyPrefix)) {
        objectKeys[key] = key;
        if (this._schema[key].type === Array) {
            objectKeys[${key}.$] = ${key}.$;
        }
    }
});

return objectKeys;

};

SimpleSchema.prototype.getAllowedValues = function(fieldName) {
const def = this.get(fieldName, ['allowedValues']);
return def?.allowedValues;
};

SimpleSchema.prototype.label = function(fieldName) {
const def = this.get(fieldName, ['label']);
return def?.label || fieldName;
};

export default SimpleSchema;

Where I made some efforts to fix this issue