regex101: get Alls methods , prototype, functions, etc.

Explanation

Pro

Group 1((((\b(#|\w)+\b\.)?(\bprototype\b\.)?(\b(#|\w)+\b)(\s*\=\s*)?)?(\b(#|\w)+\b\s*)$[\s\w,=]*\s*$)|(\bclass\b\s+\b\w+\b\s*(extends\s*\b\w+\b))(?=\s*\{[\s\S]+\}))

1st Alternative(((\b(#|\w)+\b\.)?(\bprototype\b\.)?(\b(#|\w)+\b)(\s*\=\s*)?)?(\b(#|\w)+\b\s*)$[\s\w,=]*\s*$)

Group 2(((\b(#|\w)+\b\.)?(\bprototype\b\.)?(\b(#|\w)+\b)(\s*\=\s*)?)?(\b(#|\w)+\b\s*)$[\s\w,=]*\s*$)

Group 3((\b(#|\w)+\b\.)?(\bprototype\b\.)?(\b(#|\w)+\b)(\s*\=\s*)?)?

?repeats the group contents below at most once:

Group 4(\b(#|\w)+\b\.)?

?repeats the group contents below at most once:

\ban ASCII word boundary

Group 5(#|\w)+

+repeats the group contents below at least once:

1st Alternative#

#the literal # (35₁₀ / 43₈ / 23₁₆)

2nd Alternative\w

\wany word character

\ban ASCII word boundary

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

Group 6(\bprototype\b\.)?

?repeats the group contents below at most once:

\ban ASCII word boundary

prototypethe literal text prototype (case sensitive)

\ban ASCII word boundary

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

Group 7(\b(#|\w)+\b)

\ban ASCII word boundary

Group 8(#|\w)+

+repeats the group contents below at least once:

1st Alternative#

#the literal # (35₁₀ / 43₈ / 23₁₆)

2nd Alternative\w

\wany word character

\ban ASCII word boundary

Group 9(\s*\=\s*)?

?repeats the group contents below at most once:

\s*any whitespace character, repeated any number of times

\=the literal = (61₁₀ / 75₈ / 3D₁₆)

\s*any whitespace character, repeated any number of times

Group 10(\b(#|\w)+\b\s*)

\ban ASCII word boundary

Group 11(#|\w)+

+repeats the group contents below at least once:

1st Alternative#

#the literal # (35₁₀ / 43₈ / 23₁₆)

2nd Alternative\w

\wany word character

\ban ASCII word boundary

\s*any whitespace character, repeated any number of times

\(the literal ( (40₁₀ / 50₈ / 28₁₆)

Character Class[\s\w,=]*

*matches any number of characters from the set below:

\sany whitespace character

\wany word character

,the literal , (44₁₀ / 54₈ / 2C₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

\s*any whitespace character, repeated any number of times

\)the literal ) (41₁₀ / 51₈ / 29₁₆)

2nd Alternative(\bclass\b\s+\b\w+\b\s*(extends\s*\b\w+\b))(?=\s*\{[\s\S]+\})

Group 12(\bclass\b\s+\b\w+\b\s*(extends\s*\b\w+\b))

\ban ASCII word boundary

classthe literal text class (case sensitive)

\ban ASCII word boundary

\s+any whitespace character, repeated at least once

\ban ASCII word boundary

\w+any word character, repeated at least once

\ban ASCII word boundary

\s*any whitespace character, repeated any number of times

Group 13(extends\s*\b\w+\b)

extendsthe literal text extends (case sensitive)

\s*any whitespace character, repeated any number of times

\ban ASCII word boundary

\w+any word character, repeated at least once

\ban ASCII word boundary

Positive Lookahead(?=\s*\{[\s\S]+\})

\s*any whitespace character, repeated any number of times

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

Character Class[\s\S]+

+matches at least one character from the set below:

\sany whitespace character

\Sany non-whitespace character

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

Positive Lookahead(?=\s*\{[\s\S]+\})

\s*any whitespace character, repeated any number of times

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

Character Class[\s\S]+

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

Quick Reference

26 tokens

Regular Expression

((((\b(#|\w)+\b\.)?(\bprototype\b\.)?(\b(#|\w)+\b)(\s*\=\s*)?)?(\b(#|\w)+\b\s*)\([\s\w,=]*\s*\))|(\bclass\b\s+\b\w+\b\s*(extends\s*\b\w+\b))(?=\s*\{[\s\S]+\}))(?=\s*\{[\s\S]+\})

/**
 * Created by jetbrains web development IDE ( Web/PhpStorm ).
 * Project: web-component - spineNav
 * User: Pascal Gaudin
 * Mail: pascal.gaudin@zimmerbiomet.com
 * Date: 14/01/2023
 * Time: 14:00
 */




/**
 *
 * @type {Window.HTMLElementExtd}
 */
window.HTMLElementExtd  = class HTMLElementExtd extends HTMLElement {
	shadowRoot;
	style;
	elementCustomName;
	/**
	 *
	 * @param props
	 */
	constructor(props) {
		super(props);
		this.shadowRoot = this.attachShadow({mode: 'open'});
		this.host=this.shadowRoot.host;
		this.style= document.createElement('style');
		this.elementCustomName = this.host.tagName.toLowerCase()
		let css = Tools.fetchSync(`web-component/${this.elementCustomName}/default.css`);
		const iJson=new Css(css)
		const jsonCss= iJson.toJson();
		console.log('logg : ', jsonCss);

		css += Tools.fetchSync(`web-component/${this.elementCustomName}/custom-element.css`);

		this.style.textContent = css;
		this.shadowRoot.appendChild(this.style);
	}

	/**
	 *
	 * @param obj