Default JS class override in custom app

Frappe Framework Customization
,
1

suppose this code of default in frappe
apps/frappe/frappe/public/js/frappe/form/section.js

export default class Section {
constructor(parent, df, card_layout, layout) {
this.layout = layout;
this.card_layout = card_layout;
this.parent = parent;
this.df = df || {};
this.columns = ;
this.fields_list = ;
this.fields_dict = {};
this.make();

	if (
		this.df.label &&
		this.df.collapsible &&
		localStorage.getItem(df.css_class + "-closed")
	) {
		this.collapse();
	}

	this.row = {
		wrapper: this.wrapper,
	};

	this.refresh();
}

how to override this in my custom app please let me know if any body has a solution

2

Reference: Overriding a JS file - #5 by NCP

3

hello @NCP ,
thankyou for your response i just want to ensure that , is that also work in below kinda class:

export default class XXX

4

You can check the following repo Frappe JS Override Example

In the given repo, you can check the app.bundle.js file in which I have overridden the FileUploader.

Also don’t forget to add the app_include_js entry in hooks.py.
If it does not work try rebuilding the assets with the following command bench build --app app_name

5

Hi @Sandeep_Kakde ,

Can we override/customized the Vue based application files like Frappe CRM and Frappe Helpdesk etc using this method?

6

No, there is not currently an API to override Vue-based interfaces.