Custom functions support (With auto complete)

[enuchi]

Custom functions support (With auto complete)

[leopragi]

Cool @enuchi, I ll close the issue once i try the comments: /@customfunction/

[enuchi]

Can you add a description @leopragiclevero ? Not sure what you're referring to.

[pragi-balasubramanian-alation]

Can you add a description @leopragiclevero ? Not sure what you're referring to.

Added! and also found a solution.

[leopragi]

You can do it with CopyWebpackPlugin. My setup is that I have a functions folder on under root where I have multiple JS files. Each JS file can have its own custom function. In Webpack I simply copy the functions/.js to dist/.js (converted to GS file on uploading).

Now this will copy the custom function files without any modification to the google apps script with @customfunction tag.

NOTE: Since all server-side functions all under global scope you can use any util/common function directly on your custom function code.

[enuchi]

Yep, looks like this is almost possible with the current setup, just needs a small change to the webpack server config.

Add comments: 'function' to the terserOptions.output configuration:

output: {
   beautify: true,
   comments: 'function',
},

This is the section here:

React-Google-Apps-Script/webpack.config.js

Lines 290 to 312 in dc36133

	optimization: {
	minimize: true,
	minimizer: [
	new TerserPlugin({
	sourceMap: true,
	terserOptions: {
	// ecma 5 is needed to support Rhino "DEPRECATED_ES5" runtime
	// can use ecma 6 if V8 runtime is used
	ecma: 5,
	warnings: false,
	parse: {},
	compress: {
	properties: false,
	},
	mangle: false,
	module: false,
	output: {
	beautify: true,
	},
	},
	}),
	],
	},

Then add your jsdoc documentation to the function and assign to the global object, as you were doing:

/**
 * Multiplies the input value by 2.
 *
 * @param {number} input The value to multiply.
 * @return The input multiplied by 2.
 * @customfunction
 */
global.DOUBLE = input => input * 2;

After you run npm run deploy you should see autocompletion for your custom function.

[enuchi]

Actually, even better:

output: {
   comments: /@customfunction/,
},

[leopragi]

Actually, even better:

output: {
   comments: /@customfunction/,
},

Did you check this by pushing the codes to GAS? Yesterday I did try this but didn't work for me. That's why I fall back on the above method I mentioned.

[enuchi]

Yes, the image I shared was from after I pushed the changes. I'll update the repo with these changes soon.