Cannot make it run , can you help me?

[EmanuelFromFlorence]

its been a lot and i found your project very interesting , is it still active or not?I tried to make it run on my Mac ,doesn't and while i'm not so skilled as you i really would like to study it , can you help me? I did follow your instructions but..when i make npm i it installs node and then it removes all ..,if i do npm start it ask to install webpack cli , i do..but ERR! node -v v18.14.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1
i have node v.20...

[alexbainter]

Hello, sorry you're having issues. This project is pretty old and will probably need some work to get running locally again. If I have some time in the next few days I'll try to get around to updating its dependencies and let you know.

[EmanuelFromFlorence]

Really? Don't be sorry , this is an amazing piece of tech , actually i'm tryin to study this kind of interactions , it would be so amazing to see it working being able to understand how, so thanks for this chance and for all , thanks for replying me and for this that for me is a gift , it expresses kindness

[alexbainter]

Hey again, I just updated the dependencies and got it working locally with Node v18. Can you try doing a git pull, running npm install, and then npm start?

[EmanuelFromFlorence]

and thanks so much for your time, i will report as soon i can , maybe tomorrow have a good Sunday ᐧ Il giorno dom 21 mag 2023 alle ore 02:47 Manu ***@***.***> ha scritto:

…

thanks Mr.Bainter , i will try , still i see that Node is at version 20..do i have to downgrade ? ᐧ Il giorno sab 20 mag 2023 alle ore 22:33 Alex Bainter < ***@***.***> ha scritto: > Hey again, I just updated the dependencies and got it working locally > with Node v18. Can you try doing a git pull, running npm install, and > then npm start? > > — > Reply to this email directly, view it on GitHub > <#43 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/ABC6XXYFVC54BVCFIP3GMADXHETBLANCNFSM6AAAAAAYHVDCPA> > . > You are receiving this because you authored the thread.Message ID: > ***@***.***> >

[EmanuelFromFlorence]

ok i tried on codespace and it work'd while its not on Codesandbox, just for reference, by the way really nice to learn , thanks for it

[EmanuelFromFlorence]

it seems that node being deprecated is the issue here, could you update to 18 20 ?

[alexbainter]

This worked for me locally as is with Node 20.10.0, and previously with Node 18. I just cloned, ran npm install, and npm start. There was a note during install about eslint-config-metalex9 not supporting Node 20 but that doesn't stop anything from working (and it's probably not even true; I just don't use that ESLint config anymore and haven't updated its list of compatible engines).

EDIT: I'm on Debian btw but I don't think that would make much difference.

[EmanuelFromFlorence]

ok i'll check out , fact is on codesandbox, replit, glitch ,gitpod , it fails on offline plugin and it doesn't work but it does on stackblitz , tried to update the node's engine, didn't work resulting in compiling but having an invalid header of " remote-local host " , ones on Codesandbox, also i tried online because i haven't anymore space on my M1 mac ,for me is a very good school to understand how it works ,especially the sounds and the input mechanism so thanks for this chance of learning and for replying me p.s. i will try on Parallels for Linux and on Asahi
EDIT : for better reference here is what terminal shows up on Stackblitz
❯ npm install && npm start
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: 'eslint-config-metalex9@0.3.0',
npm WARN EBADENGINE required: { node: '>= 7.., >= 8.., >= 9..' },
npm WARN EBADENGINE current: { node: 'v18.18.0', npm: '10.2.3' }
npm WARN EBADENGINE }
npm WARN deprecated uuid@3.3.2: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated debug@4.1.1: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
npm WARN deprecated core-js@2.5.7: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.

added 730 packages in 6s

66 packages are looking for funding
run npm fund for details

blossom@0.2.1 start
webpack-dev-server

[webpack-dev-server] Project is running at:
[webpack-dev-server] Loopback: http://localhost:8080/
[webpack-dev-server] Content not from webpack is served from '/home/EmanuelFromFlorence/blossomFork' directory
[webpack-dev-middleware] wait until bundle finished: /
[webpack-dev-middleware] wait until bundle finished: /
[webpack-dev-middleware] wait until bundle finished: /
Browserslist: caniuse-lite is outdated. Please run:
npx update-browserslist-db@latest
Why you should do it regularly: https://github.com/browserslist/update-db#readme
(node:16) [DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_HASH] DeprecationWarning: [hash] is now [fullhash] (also consider using [chunkhash] or [contenthash], see documentation for details)
(Use node --trace-deprecation ... to show where the warning was created)
asset main.cc52dc57b93cad311797.js 2.95 MiB [emitted] [immutable] (name: main) 1 related asset
asset 70cdf70f61bc20ba2934c08aabd78817.mp3 157 KiB [emitted] [immutable] [from: src/audio/silence.mp3] (auxiliary name: main)
asset index.html 3.35 KiB [emitted]
orphan modules 245 KiB [orphan] 136 modules
runtime modules 27.4 KiB 13 modules
modules by path ./node_modules/ 2.47 MiB 475 modules
modules by path ./src/ 41.6 KiB
modules by path ./src/canvas/ 17.4 KiB 6 modules
modules by path ./src/core/ 7.76 KiB 4 modules
modules by path ./src/audio/ 2.71 KiB 4 modules
modules by path ./src/loading/ 4.28 KiB 3 modules
modules by path ./src/.jsx 2.69 KiB 2 modules
modules by path ./src/.scss 3.21 KiB 2 modules
modules by path ./src/*.js 1.21 KiB 2 modules
./src/samples.json 2.26 KiB [built] [code generated]
webpack 5.83.1 compiled successfully in 8121 ms

and here what Codesandbox does say

sh: 1: webpack-dev-server: not found
➜ workspace git:(master) ✗ npm i
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: 'eslint-config-metalex9@0.3.0',
npm WARN EBADENGINE required: { node: '>= 7.., >= 8.., >= 9..' },
npm WARN EBADENGINE current: { node: 'v20.10.0', npm: '10.2.3' }
npm WARN EBADENGINE }
npm WARN deprecated is-accessor-descriptor@0.1.6: Please upgrade to v0.1.7
npm WARN deprecated is-data-descriptor@0.1.4: Please upgrade to v0.1.5
npm WARN deprecated ini@1.3.5: Please update to ini >=1.3.6 to avoid a prototype pollution issue
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-data-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated is-accessor-descriptor@1.0.0: Please upgrade to v1.0.1
npm WARN deprecated @babel/plugin-proposal-optional-catch-binding@7.2.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-catch-binding instead.
npm WARN deprecated @babel/plugin-proposal-json-strings@7.2.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-json-strings instead.
npm WARN deprecated figgy-pudding@3.5.1: This module is no longer supported.
npm WARN deprecated @babel/plugin-proposal-object-rest-spread@7.3.4: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
npm WARN deprecated @babel/plugin-proposal-async-generator-functions@7.2.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-async-generator-functions instead.
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.3: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated acorn-dynamic-import@4.0.0: This is probably built in to whatever tool you're using. If you still need it... idk
npm WARN deprecated json3@3.3.2: Please use the native JSON object instead of JSON 3
npm WARN deprecated source-map-url@0.4.0: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated debug@3.2.6: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
npm WARN deprecated debug@3.2.6: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
npm WARN deprecated debug@4.1.1: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
npm WARN deprecated chokidar@2.1.2: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated html-webpack-plugin@3.2.0: 3.x is no longer supported
npm WARN deprecated uuid@3.3.2: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated source-map-resolve@0.5.2: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
npm WARN deprecated request@2.88.0: request has been deprecated, see request/request#3142
npm WARN deprecated @babel/plugin-proposal-unicode-property-regex@7.2.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-unicode-property-regex instead.
npm WARN deprecated buffer@4.9.1: This version of 'buffer' is out-of-date. You must update to v4.9.2 or newer
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
npm WARN deprecated core-js@2.5.7: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path /workspaces/workspace/node_modules/node-sass
npm ERR! command failed
npm ERR! command sh -c node scripts/build.js
npm ERR! Building: /usr/local/bin/node /workspaces/workspace/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli '/usr/local/bin/node',
npm ERR! gyp verb cli '/workspaces/workspace/node_modules/node-gyp/bin/node-gyp.js',
npm ERR! gyp verb cli 'rebuild',
npm ERR! gyp verb cli '--verbose',
npm ERR! gyp verb cli '--libsass_ext=',
npm ERR! gyp verb cli '--libsass_cflags=',
npm ERR! gyp verb cli '--libsass_ldflags=',
npm ERR! gyp verb cli '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@20.10.0 | linux | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb which failed Error: not found: python2
npm ERR! gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
npm ERR! gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
npm ERR! gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
npm ERR! gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21)
npm ERR! gyp verb which failed python2 Error: not found: python2
npm ERR! gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
npm ERR! gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
npm ERR! gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
npm ERR! gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21) {
npm ERR! gyp verb which failed code: 'ENOENT'
npm ERR! gyp verb which failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb which failed Error: not found: python
npm ERR! gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
npm ERR! gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
npm ERR! gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
npm ERR! gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21)
npm ERR! gyp verb which failed python Error: not found: python
npm ERR! gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
npm ERR! gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
npm ERR! gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
npm ERR! gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
npm ERR! gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21) {
npm ERR! gyp verb which failed code: 'ENOENT'
npm ERR! gyp verb which failed }
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
npm ERR! gyp ERR! stack at PythonFinder.failNoPython (/workspaces/workspace/node_modules/node-gyp/lib/configure.js:484:19)
npm ERR! gyp ERR! stack at PythonFinder. (/workspaces/workspace/node_modules/node-gyp/lib/configure.js:406:16)
npm ERR! gyp ERR! stack at F (/workspaces/workspace/node_modules/which/which.js:68:16)
npm ERR! gyp ERR! stack at E (/workspaces/workspace/node_modules/which/which.js:80:29)
npm ERR! gyp ERR! stack at /workspaces/workspace/node_modules/which/which.js:89:16
npm ERR! gyp ERR! stack at /workspaces/workspace/node_modules/isexe/index.js:42:5
npm ERR! gyp ERR! stack at /workspaces/workspace/node_modules/isexe/mode.js:8:5
npm ERR! gyp ERR! stack at FSReqCallback.oncomplete (node:fs:199:21)
npm ERR! gyp ERR! System Linux 6.1.43
npm ERR! gyp ERR! command "/usr/local/bin/node" "/workspaces/workspace/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd /workspaces/workspace/node_modules/node-sass
npm ERR! gyp ERR! node -v v20.10.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in: /root/.cache/npm/_logs/2024-01-27T06_17_16_802Z-debug-0.log
➜ workspace git:(master) ✗

but as i sad its working on Stackblitz and Codespaces so i'm just curious about this behaviour, in terms of learning i mean , by the way i suspect you have a lot to do so again , thanks for your time

[EmanuelFromFlorence]

maybe your guess was right ,could be linux look here
made a yarn install on codesandbox and

Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (115)

workspace git:(master) ✗ yarn install
yarn install v1.22.19
info No lockfile found.
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] Resolving packages...
warning @fortawesome/fontawesome-svg-core@1.3.0: Please upgrade to 6.1.0. https://fontawesome.com/docs/changelog/
warning @fortawesome/fontawesome-svg-core > @fortawesome/fontawesome-common-types@0.3.0: Please upgrade to 6.1.0. https://fontawesome.com/docs/changelog/
warning uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning aws-sdk > querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
warning aws-sdk > url > querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
warning babel-polyfill > core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning babel-polyfill > babel-runtime > core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning html-webpack-plugin@3.2.0: 3.x is no longer supported
warning node-sass > request@2.88.2: request has been deprecated, see request/request#3142
warning node-sass > node-gyp > request@2.88.2: request has been deprecated, see request/request#3142
warning node-sass > request > uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning node-sass > node-gyp > tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
warning node-sass > request > har-validator@5.1.5: this library is no longer supported
warning webpack > micromatch > snapdragon > source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
warning webpack > terser-webpack-plugin > cacache > figgy-pudding@3.5.2: This module is no longer supported.
warning webpack > terser-webpack-plugin > cacache > ssri > figgy-pudding@3.5.2: This module is no longer supported.
warning webpack > watchpack > watchpack-chokidar2 > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning webpack > watchpack > watchpack-chokidar2 > chokidar > fsevents@1.2.13: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
warning webpack > micromatch > snapdragon > source-map-resolve > resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
warning webpack > micromatch > snapdragon > source-map-resolve > source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
warning webpack > micromatch > snapdragon > source-map-resolve > urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
warning webpack-dev-server > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning webpack-dev-server > webpack-log > uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
[2/4] Fetching packages...
warning mini-css-extract-plugin@0.5.0: Invalid bin field for "mini-css-extract-plugin".
[3/4] Linking dependencies...
[4/4] Building fresh packages...
[-/7] ⠁ waiting...
[-/7] ⠁ waiting...
[-/7] ⠁ waiting...
[4/7] ⠁ core-js
error /workspaces/workspace/node_modules/node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: /workspaces/workspace/node_modules/node-sass
Output:
Building: /usr/local/bin/node /workspaces/workspace/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli '/usr/local/bin/node',
gyp verb cli '/workspaces/workspace/node_modules/node-gyp/bin/node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library='
gyp verb cli ]
gyp info using node-gyp@3.8.0
gyp info using node@20.10.0 | linux | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21)
gyp verb which failed python2 Error: not found: python2
gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21) {
gyp verb which failed code: 'ENOENT'
gyp verb which failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which failed Error: not found: python
gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21)
gyp verb which failed python Error: not found: python
gyp verb which failed at getNotFoundError (/workspaces/workspace/node_modules/which/which.js:13:12)
gyp verb which failed at F (/workspaces/workspace/node_modules/which/which.js:68:19)
gyp verb which failed at E (/workspaces/workspace/node_modules/which/which.js:80:29)
gyp verb which failed at /workspaces/workspace/node_modules/which/which.js:89:16
gyp verb which failed at /workspaces/workspace/node_modules/isexe/index.js:42:5
gyp verb which failed at /workspaces/workspace/node_modules/isexe/mode.js:8:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:199:21) {
gyp verb which failed code: 'ENOENT'
gyp verb which failed }
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (/workspaces/workspace/node_modules/node-gyp/lib/configure.js:484:19)
gyp ERR! stack at PythonFinder. (/workspaces/workspace/node_modules/node-gyp/lib/configure.js:406:16)
gyp ERR! stack at F (/workspaces/workspace/node_modules/which/which.js:68:16)
gyp ERR! stack at E (/workspaces/workspace/node_modules/which/which.js:80:29)
gyp ERR! stack at /workspaces/workspace/node_modules/which/which.js:89:16
gyp ERR! stack at /workspaces/workspace/node_modules/isexe/index.js:42:5
gyp ERR! stack at /workspaces/workspace/node_modules/isexe/mode.js:8:5
gyp ERR! stack at FSReqCallback.oncomplete (node:fs:199:21)
gyp ERR! System Linux 6.1.43
gyp ERR! command "/usr/local/bin/node" "/workspaces/workspace/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /workspaces/workspace/node_modules/node-sass
gyp ERR! node -v v20.10.0
gyp ERR! node-gyp -v v3.8.0

➜ workspace git:(master) ✗ yarn start
yarn run v1.22.19
$ webpack-dev-server
ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /workspaces/workspace
✖ ｢wdm｣: Hash: f6264f3cda19fe540a85
Version: webpack 4.47.0
Time: 6575ms
Built at: 01/27/2024 10:13:03 AM
Asset Size Chunks Chunk Names
1e539872e51a93ab821e12bd23d021db.mp3 157 KiB [emitted]
index.html 3.37 KiB [emitted]
main.f6264f3cda19fe540a85.js 3.78 MiB main [emitted] [immutable] main
main.f6264f3cda19fe540a85.js.map 3.71 MiB main [emitted] [dev] main
Entrypoint main = main.f6264f3cda19fe540a85.js main.f6264f3cda19fe540a85.js.map
[0] multi (webpack)-dev-server/client?http://localhost:8080 babel-polyfill ./src/index.jsx 52 bytes {main} [built]
[./node_modules/babel-polyfill/lib/index.js] 833 bytes {main} [built]
[./node_modules/core-js/fn/regexp/escape.js] 108 bytes {main} [built]
[./node_modules/core-js/shim.js] 8.03 KiB {main} [built]
[./node_modules/offline-plugin/runtime.js] 379 bytes {main} [built]
[./node_modules/react-dom/index.js] 1.33 KiB {main} [built]
[./node_modules/react/index.js] 190 bytes {main} [built]
[./node_modules/regenerator-runtime/runtime.js] 23.9 KiB {main} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack)-dev-server/client?http://localhost:8080 4.29 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.52 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]
[./src/index.jsx] 510 bytes {main} [built]
+ 648 hidden modules

ERROR in ./src/base-styles.scss (./node_modules/css-loader!./node_modules/postcss-loader/src!./node_modules/sass-loader/dist/cjs.js!./src/base-styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (115)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
at module.exports (/workspaces/workspace/node_modules/node-sass/lib/binding.js:13:13)
at Object. (/workspaces/workspace/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (node:internal/modules/cjs/loader:1376:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
at Module.load (node:internal/modules/cjs/loader:1207:32)
at Module._load (node:internal/modules/cjs/loader:1023:12)
at Module.require (node:internal/modules/cjs/loader:1235:19)
at require (node:internal/modules/helpers:176:18)
at getDefaultSassImpl (/workspaces/workspace/node_modules/sass-loader/dist/index.js:198:10)
at Object.loader (/workspaces/workspace/node_modules/sass-loader/dist/index.js:80:29)
@ ./src/base-styles.scss 2:14-165
@ ./src/index.jsx
@ multi babel-polyfill ./src/index.jsx

ERROR in ./src/canvas/canvas.styles.scss (./node_modules/css-loader!./node_modules/postcss-loader/src!./node_modules/sass-loader/dist/cjs.js!./src/canvas/canvas.styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (115)

For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
at module.exports (/workspaces/workspace/node_modules/node-sass/lib/binding.js:13:13)
at Object. (/workspaces/workspace/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (node:internal/modules/cjs/loader:1376:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
at Module.load (node:internal/modules/cjs/loader:1207:32)
at Module._load (node:internal/modules/cjs/loader:1023:12)
at Module.require (node:internal/modules/cjs/loader:1235:19)
at require (node:internal/modules/helpers:176:18)
at getDefaultSassImpl (/workspaces/workspace/node_modules/sass-loader/dist/index.js:198:10)
at Object.loader (/workspaces/workspace/node_modules/sass-loader/dist/index.js:80:29)
@ ./src/canvas/canvas.styles.scss 2:14-176
@ ./src/canvas/canvas.component.jsx
@ ./src/index.jsx
@ multi babel-polyfill ./src/index.jsx

ERROR in ./src/loading/loading.styles.scss (./node_modules/css-loader!./node_modules/postcss-loader/src!./node_modules/sass-loader/dist/cjs.js!./src/loading/loading.styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (115)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
at module.exports (/workspaces/workspace/node_modules/node-sass/lib/binding.js:13:13)
at Object. (/workspaces/workspace/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (node:internal/modules/cjs/loader:1376:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
at Module.load (node:internal/modules/cjs/loader:1207:32)
at Module._load (node:internal/modules/cjs/loader:1023:12)
at Module.require (node:internal/modules/cjs/loader:1235:19)
at require (node:internal/modules/helpers:176:18)
at getDefaultSassImpl (/workspaces/workspace/node_modules/sass-loader/dist/index.js:198:10)
at Object.loader (/workspaces/workspace/node_modules/sass-loader/dist/index.js:80:29)
@ ./src/loading/loading.styles.scss 2:14-177
@ ./src/loading/loading.component.jsx
@ ./src/with-player.component.jsx
@ ./src/index.jsx
@ multi babel-polyfill ./src/index.jsx

ERROR in ./src/canvas/circle/circle.styles.scss (./node_modules/css-loader!./node_modules/postcss-loader/src!./node_modules/sass-loader/dist/cjs.js!./src/canvas/circle/circle.styles.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (115)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1
at module.exports (/workspaces/workspace/node_modules/node-sass/lib/binding.js:13:13)
at Object. (/workspaces/workspace/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (node:internal/modules/cjs/loader:1376:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
at Module.load (node:internal/modules/cjs/loader:1207:32)
at Module._load (node:internal/modules/cjs/loader:1023:12)
at Module.require (node:internal/modules/cjs/loader:1235:19)
at require (node:internal/modules/helpers:176:18)
at getDefaultSassImpl (/workspaces/workspace/node_modules/sass-loader/dist/index.js:198:10)
at Object.loader (/workspaces/workspace/node_modules/sass-loader/dist/index.js:80:29)
@ ./src/canvas/circle/circle.styles.scss 2:14-185
@ ./src/canvas/circle/circle.component.jsx
@ ./src/canvas/canvas.component.jsx
@ ./src/index.jsx
@ multi babel-polyfill ./src/index.jsx
Child html-webpack-plugin for "index.html":
1 asset
Entrypoint undefined = index.html
[./node_modules/html-webpack-plugin/lib/loader.js!./src/index.template.html] 3.74 KiB {0} [built]
[./node_modules/lodash/lodash.js] 531 KiB {0} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {0} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]
ℹ ｢wdm｣: Failed to compile.

giving an invalid host header in the preview

[EmanuelFromFlorence]

its really interesting how you coded tonal.js , thanks for making me learn https://github.com/tonaljs/tonal is it this ?
By the way have a good weekend and thank you sooo much ( really trying to cross what i'm learning here with AI. and tldraw on fal.ai .ps. Just in case can we talk about collaboration , i'm musictherapist working Florence ,this is my company www.musicoterapia.online

[alexbainter]

Your Codesandbox output looks like it's not using the latest version of the repo because all that error output is from node-sass, which was replaced with sass here: 4d8ab36#diff-7ae45ad102eab3b6d7e7896acd08c427a9b25b346470d7bc6507b6481575d519L36. Can you try pulling/uploading the latest version of the code in Codesandbox?

Tonal was not written by me but it is pretty great. These days I use my own library (https://github.com/generative-music/theory) which is much less powerful but does what I need.

I am available for hire if that's something you'd be interested in! You can get in touch here if so: https://contact.alexbainter.com/

[EmanuelFromFlorence]

yeah i saw that but i cannot use the latest repo , its surely my fault , by the way i don't want to fill this space with my mistakes , this is the codesandbox i can't move further than this , last i saw you have even courses and i'm really willing into following you , and for the hiring i will discuss with my company but i'm quite sure to be interested with

[alexbainter]

It's no problem! I'm not familiar with codesandbox but it looks like maybe you need to set allowedHosts to 'all': https://webpack.js.org/configuration/dev-server/#devserverallowedhosts

EDIT: So you would edit webpack.config.js to include:

devServer: {
  allowedHosts: 'all',
  // leave the rest the same
}

[EmanuelFromFlorence]

oh great, lets make a try, i'm really interested in generative sounds and AI and music ,
so it would be really fun to have instrument like this to cope the sorrow of the people,
thanks for replying me

[EmanuelFromFlorence]

it works , npx webpack serve --allowed-hosts all
you're my hero
EDIT...sort of..it starts but then it resets and restarts.., by the way it a step forward

[alexbainter]

Is it webpack? You could try to disable watch: https://webpack.js.org/configuration/watch/#watch in webpack.config.js

[EmanuelFromFlorence]

i don't know, i tried but it doesn't even start ,only result i had is with
npx webpack serve --allowed-hosts all
but it starts then it resets the preview and restarts, don't wanna bother you , as i do normally i take a little longer givin me time to understand , by the way this is a great tool to learn , its normal to fail , its the only way to learn skills