Using DOM.js library kills console.log

[jht9629-nyu]

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build process
• Unit testing
• Internationalization
• Friendly errors
• Other (specify if possible)

p5.js version

p5.js/1.11.1

Web browser and version

133.0.6943.127 (Official Build) (arm64)

Operating system

macosx

Steps to reproduce this

Steps:

1. open https://editor.p5js.org/jht9629-nyu/sketches/VY-KQxJkA
2. run
3. error appears in console:
4. "RangeError: Maximum call stack size exceeded"
5. comment out DOM.js include in index.html
6. run script and console now shows expected messages

-Also logged as issue on DOM.js:

• DOM.js/issues/7
  -- DOM.js breaks console.log in p5js editor General wrapper function to be used for making async functions (like image loading, etc) blocking. #7

Snippet:

// https://editor.p5js.org/jht9629-nyu/sketches/VY-KQxJkA
// DOM.js console.log bug
// run this sketch and get error:
//   "RangeError: Maximum call stack size exceeded"
// disable DOM.js include and console.log works
//
function setup() {
 console.log('in setup');
}

function draw() {
 console.log('in draw'); 
}

console.log('pre setup');

index.html scripts

    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.1/p5.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.1/addons/p5.sound.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/lenincompres/DOM.js@latest/DOM.js"></script>

[jht9629-nyu]

Very strange. Not sure why link is showing up

• General wrapper function to be used for making async functions (like image loading, etc) blocking. #7

[mennatawfiq]

I'm willing to work on this issue. Can it be assigned to me?

[jht9629-nyu]

Wonderful!
Lenin has create a elegant library to do dynamic DOM
I'm eager to get it to work with console.log in this test p5js sketch:

// https://editor.p5js.org/jht9629-nyu/sketches/IrJGEcCs1
// test drive DOM.js v12

Please contact me if you need any help debugging.

[mennatawfiq]

Sorry but I didn't understand what did you mean with getting the dynamic DOM library to work with console.log?

[jht9629-nyu]

Hi Menna, I am trying to clarify the larger goal. Ok to focus on the primal failure as stated in the issue. Be well, -{ john-henry }-[ thompson ]

…

On Sun, Mar 9, 2025 at 4:56 PM Menna Tawfiq ***@***.***> wrote: Sorry but I didn't understand what did you mean with getting the dynamic DOM library to work with console.log? — Reply to this email directly, view it on GitHub <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_processing_p5.js_issues_7610-23issuecomment-2D2709062777&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=5ugKBk_yOmDrcIWnSZ83b2qXLcb2Bht3l5NpiL68betvkdTaJHWCuxABXu6_dLV4&s=xZ3MhYoihL6SfBPCGTKpXcbjmIL8C9Wuk3lCVpgqrLY&e=>, or unsubscribe <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_ASZWD3JZIBCQ364VCIE6JO32TSTHHAVCNFSM6AAAAABYSJNJ66VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMBZGA3DENZXG4&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=5ugKBk_yOmDrcIWnSZ83b2qXLcb2Bht3l5NpiL68betvkdTaJHWCuxABXu6_dLV4&s=luAcz_unlonrgzsE2B0mVLWH15CxDvW-Lm47-z1NoMM&e=> . You are receiving this because you authored the thread.Message ID: ***@***.***> [image: mennatawfiq]*mennatawfiq* left a comment (processing/p5.js#7610) <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_processing_p5.js_issues_7610-23issuecomment-2D2709062777&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=5ugKBk_yOmDrcIWnSZ83b2qXLcb2Bht3l5NpiL68betvkdTaJHWCuxABXu6_dLV4&s=xZ3MhYoihL6SfBPCGTKpXcbjmIL8C9Wuk3lCVpgqrLY&e=> Sorry but I didn't understand what did you mean with getting the dynamic DOM library to work with console.log? — Reply to this email directly, view it on GitHub <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_processing_p5.js_issues_7610-23issuecomment-2D2709062777&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=5ugKBk_yOmDrcIWnSZ83b2qXLcb2Bht3l5NpiL68betvkdTaJHWCuxABXu6_dLV4&s=xZ3MhYoihL6SfBPCGTKpXcbjmIL8C9Wuk3lCVpgqrLY&e=>, or unsubscribe <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_ASZWD3JZIBCQ364VCIE6JO32TSTHHAVCNFSM6AAAAABYSJNJ66VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMBZGA3DENZXG4&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=5ugKBk_yOmDrcIWnSZ83b2qXLcb2Bht3l5NpiL68betvkdTaJHWCuxABXu6_dLV4&s=luAcz_unlonrgzsE2B0mVLWH15CxDvW-Lm47-z1NoMM&e=> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[mennatawfiq]

Hi again,
In order to find a way to test my changes -before I make it-, I tried to make a javascript file that has the code that highlights the issue and an HTML file that includes the js file with my p5.js library clone. When I tried to open the HTML file in the browser it didn't give the error that appears when we run the code on the online p5 editor. So now I have an initial solution for the issue but I don't know how to test it. Any help?

[jht9629-nyu]

The bug only occurs in p5js editor. I'll log an issue there too. Be well, -{ john-henry }-[ thompson ]

…

On Tue, Mar 11, 2025 at 7:57 AM Menna Tawfiq ***@***.***> wrote: Hi again, In order to find a way to test my changes -before I make it-, I tried to make a javascript file that has the code that highlights the issue and an HTML file that includes the js file with my p5.js library clone. When I tried to open the HTML file in the browser it didn't give the error that appears when we run the code on the online p5 editor. So now I have an initial solution for the issue but I don't know how to test it. Any help? — Reply to this email directly, view it on GitHub <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_processing_p5.js_issues_7610-23issuecomment-2D2713890288&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=t6rBqcr6xkV-xLmLMP-Eysd5R-DbtDzM3ulyjyb2YV93hV66jKMk2y-JMjPAS_lP&s=2aK0CvsfNRjK2f_K57Wvxa7V3i9SRNmSigsLQlRLxVs&e=>, or unsubscribe <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_ASZWD3MRBXECGMGFW3CFZCT2T3FR3AVCNFSM6AAAAABYSJNJ66VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMJTHA4TAMRYHA&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=t6rBqcr6xkV-xLmLMP-Eysd5R-DbtDzM3ulyjyb2YV93hV66jKMk2y-JMjPAS_lP&s=7aZNQ_cZsVhZIrTfSK2IMsOPCMwjhla2eG4XCPsK_Vg&e=> . You are receiving this because you authored the thread.Message ID: ***@***.***> [image: mennatawfiq]*mennatawfiq* left a comment (processing/p5.js#7610) <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_processing_p5.js_issues_7610-23issuecomment-2D2713890288&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=t6rBqcr6xkV-xLmLMP-Eysd5R-DbtDzM3ulyjyb2YV93hV66jKMk2y-JMjPAS_lP&s=2aK0CvsfNRjK2f_K57Wvxa7V3i9SRNmSigsLQlRLxVs&e=> Hi again, In order to find a way to test my changes -before I make it-, I tried to make a javascript file that has the code that highlights the issue and an HTML file that includes the js file with my p5.js library clone. When I tried to open the HTML file in the browser it didn't give the error that appears when we run the code on the online p5 editor. So now I have an initial solution for the issue but I don't know how to test it. Any help? — Reply to this email directly, view it on GitHub <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_processing_p5.js_issues_7610-23issuecomment-2D2713890288&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=t6rBqcr6xkV-xLmLMP-Eysd5R-DbtDzM3ulyjyb2YV93hV66jKMk2y-JMjPAS_lP&s=2aK0CvsfNRjK2f_K57Wvxa7V3i9SRNmSigsLQlRLxVs&e=>, or unsubscribe <https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_notifications_unsubscribe-2Dauth_ASZWD3MRBXECGMGFW3CFZCT2T3FR3AVCNFSM6AAAAABYSJNJ66VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOMJTHA4TAMRYHA&d=DwMFaQ&c=slrrB7dE8n7gBJbeO0g-IQ&r=UCFvUQurfK8Qyy8EfTquZw&m=t6rBqcr6xkV-xLmLMP-Eysd5R-DbtDzM3ulyjyb2YV93hV66jKMk2y-JMjPAS_lP&s=7aZNQ_cZsVhZIrTfSK2IMsOPCMwjhla2eG4XCPsK_Vg&e=> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[mennatawfiq]

I've just known how to test my local copy of p5 on the online editor and yes I can tell that the problem isn't in the library, it may be in the editor.
BTW, I have the editor locally on my machine too, and when I try to run the attached code on it, it doesn't give the error that appears on the online editor. I'm not sure if this note is important but I prefer to share it.

[jht9629-nyu]

Here is issue log as error on p5js editor issues:
processing/p5.js-web-editor#3386