Updated Sample Projects #698

aarya-16 · 2024-10-20T22:09:38Z

Brief Summary of Changes

Updated sample projects by doing the following:

→ Updated any outdated dependencies and replaced any deprecated dependencies
→ Refactored code to follow ES6 standards
→ Added some new use cases
→ Changed and improved documentation and comments wherever necessary.

What Does This PR Address?

Are Tests Included?

Yes
No

Reviewer, Please Note:

-> Made changes to its README -> Updated the necessary dependencies -> Optimized the code to current standards

cloudinary-pkoniu

Overall the changes look ok, thank you for your work :)
Take a look at the comments that I left, only related to cosmetics.

cloudinary-pkoniu · 2024-10-28T12:51:19Z

samples/basic/basic.js


 console.log("** ** ** ** ** ** ** ** ** Uploads ** ** ** ** ** ** ** ** ** **");

 // File upload
-cloudinary.uploader.upload('pizza.jpg', { tags: 'basic_sample' }, function (err, image) {
+cloudinary.uploader.upload('pizza.jpg', { tags: 'basic_sample' })
+.then((image) => {


Suggested change

.then((image) => {

.then((image) => {

and continue with 2-spaces indentation throughout the file please where you're using promises.

cloudinary-pkoniu · 2024-10-28T12:54:52Z

samples/basic/basic.js

@@ -1,116 +1,171 @@
-require('dotenv').load();
+require('dotenv').config();
 var fs = require('fs');


Suggested change

var fs = require('fs');

const fs = require('fs');

I see that in other files var's were replaced with const's, so please include these changes here as well.

cloudinary-pkoniu · 2024-10-28T12:56:44Z

samples/photo_album/controllers/photos_controller.js

 }

 function add_direct(req, res) {
  // Configuring cloudinary_cors direct upload to support old IE versions
-  var cloudinary_cors = "http://" + req.headers.host + "/cloudinary_cors.html";
+  const cloudinary_cors = "http://" + req.headers.host + "/cloudinary_cors.html";


Suggested change

const cloudinary_cors = "http://" + req.headers.host + "/cloudinary_cors.html";

const cloudinary_cors = `http://${req.headers.host}/cloudinary_cors.html`;

Use template literals.

cloudinary-pkoniu · 2024-10-28T12:57:31Z

samples/photo_album/controllers/photos_controller.js

-  // via online console or API not related to the actual upload
-  var sha1 = crypto.createHash('sha1');
+  // In 'real life' scenario the preset name will be meaningful and will be set via online console or API not related to the actual upload
+  let sha1 = crypto.createHash('sha1');


Suggested change

let sha1 = crypto.createHash('sha1');

const sha1 = crypto.createHash('sha1');

Same story as with var. This can be a const variable.

cloudinary-pkoniu · 2024-10-29T09:33:59Z

samples/photo_album/public/cloudinary_cors.html

@@ -22,7 +22,199 @@
    NOT CONTROL.

 */
-var JSON;if(!JSON){JSON={}}(function(){function str(a,b){var c,d,e,f,g=gap,h,i=b[a];if(i&&typeof i==="object"&&typeof i.toJSON==="function"){i=i.toJSON(a)}if(typeof rep==="function"){i=rep.call(b,a,i)}switch(typeof i){case"string":return quote(i);case"number":return isFinite(i)?String(i):"null";case"boolean":case"null":return String(i);case"object":if(!i){return"null"}gap+=indent;h=[];if(Object.prototype.toString.apply(i)==="[object Array]"){f=i.length;for(c=0;c<f;c+=1){h[c]=str(c,i)||"null"}e=h.length===0?"[]":gap?"[\n"+gap+h.join(",\n"+gap)+"\n"+g+"]":"["+h.join(",")+"]";gap=g;return e}if(rep&&typeof rep==="object"){f=rep.length;for(c=0;c<f;c+=1){if(typeof rep[c]==="string"){d=rep[c];e=str(d,i);if(e){h.push(quote(d)+(gap?": ":":")+e)}}}}else{for(d in i){if(Object.prototype.hasOwnProperty.call(i,d)){e=str(d,i);if(e){h.push(quote(d)+(gap?": ":":")+e)}}}}e=h.length===0?"{}":gap?"{\n"+gap+h.join(",\n"+gap)+"\n"+g+"}":"{"+h.join(",")+"}";gap=g;return e}}function quote(a){escapable.lastIndex=0;return escapable.test(a)?'"'+a.replace(escapable,function(a){var b=meta[a];return typeof b==="string"?b:"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function f(a){return a<10?"0"+a:a}"use strict";if(typeof Date.prototype.toJSON!=="function"){Date.prototype.toJSON=function(a){return isFinite(this.valueOf())?this.getUTCFullYear()+"-"+f(this.getUTCMonth()+1)+"-"+f(this.getUTCDate())+"T"+f(this.getUTCHours())+":"+f(this.getUTCMinutes())+":"+f(this.getUTCSeconds())+"Z":null};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(a){return this.valueOf()}}var cx=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,escapable=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,gap,indent,meta={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},rep;if(typeof JSON.stringify!=="function"){JSON.stringify=function(a,b,c){var d;gap="";indent="";if(typeof c==="number"){for(d=0;d<c;d+=1){indent+=" "}}else if(typeof c==="string"){indent=c}rep=b;if(b&&typeof b!=="function"&&(typeof b!=="object"||typeof b.length!=="number")){throw new Error("JSON.stringify")}return str("",{"":a})}}if(typeof JSON.parse!=="function"){JSON.parse=function(text,reviver){function walk(a,b){var c,d,e=a[b];if(e&&typeof e==="object"){for(c in e){if(Object.prototype.hasOwnProperty.call(e,c)){d=walk(e,c);if(d!==undefined){e[c]=d}else{delete e[c]}}}}return reviver.call(a,b,e)}var j;text=String(text);cx.lastIndex=0;if(cx.test(text)){text=text.replace(cx,function(a){return"\\u"+("0000"+a.charCodeAt(0).toString(16)).slice(-4)})}if(/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,""))){j=eval("("+text+")");return typeof reviver==="function"?walk({"":j},""):j}throw new SyntaxError("JSON.parse")}}})();
+var JSON;


I assume this was minified code, right? Can we keep it this way?

-> Used template literals -> Improved indentations around promise handling -> Switched from 'var' to 'const'

aarya-16 · 2024-10-29T11:18:47Z

@cloudinary-pkoniu I have made the changes around const-var inconsistencies, promise handling indentation and using template literals. Please review them.
And about the minified code, I made that changes because they made it look better, and plus that is the only code in the file.

const-cloudinary · 2024-11-06T09:42:15Z

@aarya-16 thanks for your contribution. This PR is eligible for free Cloudinary Hackatoberfest swag. Please send me an email at hacktoberfest@cloudinary.com with your name, GitHub username, and a link to the PR where I'll send further instructions.

aarya-16 added 2 commits October 14, 2024 03:05

Updated basic sample project

a9766bf

-> Made changes to its README -> Updated the necessary dependencies -> Optimized the code to current standards

Updated photo album app

e9c2053

aarya-16 mentioned this pull request Oct 20, 2024

Update the Sample Project #694

Open

const-cloudinary requested a review from cloudinary-pkoniu October 21, 2024 08:34

cloudinary-pkoniu reviewed Oct 29, 2024

View reviewed changes

Improved code consistency and readability

72985e7

-> Used template literals -> Improved indentations around promise handling -> Switched from 'var' to 'const'

aarya-16 requested a review from cloudinary-pkoniu October 29, 2024 11:32

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Updated Sample Projects #698

Updated Sample Projects #698

aarya-16 commented Oct 20, 2024

cloudinary-pkoniu left a comment

cloudinary-pkoniu Oct 28, 2024

cloudinary-pkoniu Oct 28, 2024

cloudinary-pkoniu Oct 28, 2024

cloudinary-pkoniu Oct 28, 2024

cloudinary-pkoniu Oct 29, 2024

aarya-16 commented Oct 29, 2024 •

edited

Loading

const-cloudinary commented Nov 6, 2024

	const cloudinary_cors = "http://" + req.headers.host + "/cloudinary_cors.html";
	const cloudinary_cors = `http://${req.headers.host}/cloudinary_cors.html`;

	let sha1 = crypto.createHash('sha1');
	const sha1 = crypto.createHash('sha1');

Updated Sample Projects #698

Are you sure you want to change the base?

Updated Sample Projects #698

Conversation

aarya-16 commented Oct 20, 2024

Brief Summary of Changes

Updated sample projects by doing the following:

What Does This PR Address?

Are Tests Included?

Reviewer, Please Note:

cloudinary-pkoniu left a comment

Choose a reason for hiding this comment

cloudinary-pkoniu Oct 28, 2024

Choose a reason for hiding this comment

cloudinary-pkoniu Oct 28, 2024

Choose a reason for hiding this comment

cloudinary-pkoniu Oct 28, 2024

Choose a reason for hiding this comment

cloudinary-pkoniu Oct 28, 2024

Choose a reason for hiding this comment

cloudinary-pkoniu Oct 29, 2024

Choose a reason for hiding this comment

aarya-16 commented Oct 29, 2024 • edited Loading

const-cloudinary commented Nov 6, 2024

aarya-16 commented Oct 29, 2024 •

edited

Loading