Update examples and readme

Author: raub

README.md

@@ -22,6 +22,22 @@ npm i -s glfw-raub
 * Has `Window` class, simplifying low-level interactions.
 * Has `Document` class, capable of tricking other libs, as if we are in a browser.
 
+```js
+import glfw from 'glfw-raub';
+const { Window } = glfw;
+
+const wnd = new Window({ title: 'GLFW Test', vsync: true });
+
+wnd.loop(() => {
+	if (wnd.shouldClose || wnd.getKey(glfw.KEY_ESCAPE)) {
+		process.exit(0);
+		return;
+	}
+	
+	glfw.testScene(wnd.width, wnd.height);
+});
+```
+
 > Note: this **addon uses N-API**, and therefore is ABI-compatible across different
 Node.js versions. Addon binaries are precompiled and **there is no compilation**
 step during the `npm i` command.

examples/events.js examples/events.mjsexamples/events.js renamed to examples/events.mjs

@@ -1,29 +1,24 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 
 const w1 = new Window({ title: 'GLFW Events', vsync: true });
 
-
 const makeEventLogger = (name) => (e) => { e.target = null; console.log(`[${name}]`, e); };
 const eventList = [
 	'blur', 'click', 'drop', 'focus', 'focusin', 'focusout', 'resize', 'iconifiy',
 	'keydown', 'keyup', 'mousedown', 'mouseenter', 'mouseleave', 'mouseup',
 	'quit', 'refresh', 'wresize', 'wheel', 'move',
-	// 'mousemove', // too much logging
+	// 'mousemove', // too many events
 ];
 
 eventList.forEach((name) => w1.on(name, makeEventLogger(name)));
 
-const loopFunc = () => {
+w1.loop(() => {
 	if (w1.shouldClose || w1.getKey(glfw.KEY_ESCAPE)) {
 		process.exit(0);
 		return;
 	}
 
 	glfw.testScene(w1.width, w1.height);
-	w1.requestAnimationFrame(loopFunc);
-};
-w1.requestAnimationFrame(loopFunc);
+});

examples/icon.js examples/icon.mjsexamples/icon.js renamed to examples/icon.mjs

@@ -1,6 +1,4 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 
@@ -28,13 +26,11 @@ const icon = {
 w1.icon = icon;
 
 
-const loopFunc = () => {
+w1.loop(() => {
 	if (w1.shouldClose || w1.getKey(glfw.KEY_ESCAPE)) {
 		process.exit(0);
 		return;
 	}
 
 	glfw.testScene(w1.width, w1.height);
-	w1.requestAnimationFrame(loopFunc);
-};
-w1.requestAnimationFrame(loopFunc);
+});

examples/modes.js examples/modes.mjsexamples/modes.js renamed to examples/modes.mjs

@@ -1,6 +1,4 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 let mode = 'windowed';
@@ -31,13 +29,11 @@ w1.on('keydown', (e) => {
 });
 
 
-const loopFunc = () => {
+w1.loop(() => {
 	if (w1.shouldClose || w1.getKey(glfw.KEY_ESCAPE)) {
 		process.exit(0);
 		return;
 	}
 
 	glfw.testScene(w1.width, w1.height);
-	w1.requestAnimationFrame(loopFunc);
-};
-w1.requestAnimationFrame(loopFunc);
+});

examples/compare-msaa.js examples/msaa.mjsexamples/compare-msaa.js renamed to examples/msaa.mjs

@@ -1,12 +1,10 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 
 // Default MSAA is 0
-const w1 = new Window({ title: 'GLFW MSAA x0', msaa: 0, vsync: true });
-const w2 = new Window({ title: 'GLFW MSAA x4', msaa: 4, vsync: true });
+const w1 = new Window({ title: 'GLFW MSAA x0', msaa: 0, vsync: true, width: 640, height: 480 });
+const w2 = new Window({ title: 'GLFW MSAA x4', msaa: 4, vsync: true, width: 640, height: 480 });
 
 
 const draw = () => {

examples/multiwindow.js examples/multiwindow.mjsexamples/multiwindow.js renamed to examples/multiwindow.mjs

@@ -1,6 +1,4 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 

examples/perf.js examples/perf.mjsexamples/perf.js renamed to examples/perf.mjs

@@ -1,6 +1,4 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 

examples/resize.js examples/resize.mjsexamples/resize.js renamed to examples/resize.mjs

@@ -1,6 +1,4 @@
-'use strict';
-
-const glfw = require('../');
+import glfw from '../index.js';
 const { Window } = glfw;
 
 
@@ -17,13 +15,11 @@ w1.on(
 );
 
 
-const loopFunc = () => {
+w1.loop(() => {
 	if (w1.shouldClose || w1.getKey(glfw.KEY_ESCAPE)) {
 		process.exit(0);
 		return;
 	}
 
 	glfw.testScene(w1.width, w1.height);
-	w1.requestAnimationFrame(loopFunc);
-};
-w1.requestAnimationFrame(loopFunc);
+});

examples/vulkan.js examples/vulkan.mjsexamples/vulkan.js renamed to examples/vulkan.mjs

@@ -1,8 +1,5 @@
-'use strict';
-
-const EventEmitter = require('events');
-
-const glfw = require('../');
+import glfw from '../index.js';
+import EventEmitter from 'node:events';
 
 
 const isVulkanSupported = glfw.vulkanSupported();