open-source-labs / sveltestorm Goto Github PK

So, I as creating this rough interface for testing out my blog intake.
copious-blog-entries

And, I was using Electron at first. But, I ran into a version problem. For instance, it was not obvious how to use fs/promises from node.js. But, then I tried NW.js and things got really smooth. I like the way the code is partitioned better to. Getting the debugger up in a separate window is nice, too. But, with NW, if you restart your app window, the debugger starts over as well. So, that's something they could fix. But, I was dead in the water with Electron, so I am living with it.

But, it would be great to have an IDE, especially one that does not impose some fat stack of components on a project and also allows use of vanilla JS when and where it is wanted.

Do you guys think you can make something like LiveCode?

I also have nascent tools in my alpha-copious repository for selecting code to into templates. Later the templates are populated with page specific code.

So, the work flow is supposed to go like this:
basic universal code -> select which part of that rides with a page -> generate to templates and modules -> template to an actual indexed page ... (with inserted html snippets and controls to initiate lazy loading of other components, which may as well be vanilla js and HTML as anything - but making a nice control over components such as Svelte components would be nice.)

So, some of this has to do with getting pages up with just enough code, with lazy loading of components onto a page as a user makes selections. That there is cached JS in modules or separate files is not to be ignored. But, my thoughts are that a page should not depend on preexisting assets in a browser and will load more weighty ones as the user gets more interested and involved with a page. Later, if the assets are there and the user comes back to it, then great - the speed up is good. Of course, there is version caching - a consistent mess. And, finally JS should WASM up easily with good use of service workers and IndexDB and other user located data state storage.

I think a screenshot in README could add a bit of spice to the repository. I want to try it but I also want to see what it looks like before trying it.

"a picture is worth a thousand words"

When I run npm install I get :

daslicht@Marcs-Mac-mini SvelteStorm % npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/monaco-editor
npm ERR!   monaco-editor@"^0.23.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer monaco-editor@"0.21.2" from [email protected]
npm ERR! node_modules/rollup-plugin-monaco-editor
npm ERR!   rollup-plugin-monaco-editor@"0.0.7" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/daslicht/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/daslicht/.npm/_logs/2021-07-17T11_06_07_372Z-debug.log
daslicht@Marcs-Mac-mini SvelteStorm % 

61 error code ERESOLVE
62 error ERESOLVE unable to resolve dependency tree
63 error
64 error While resolving: [email protected]
64 error Found: [email protected]
64 error node_modules/monaco-editor
64 error   monaco-editor@"^0.23.0" from the root project
64 error
64 error Could not resolve dependency:
64 error peer monaco-editor@"0.21.2" from [email protected]
64 error node_modules/rollup-plugin-monaco-editor
64 error   rollup-plugin-monaco-editor@"0.0.7" from the root project
64 error
64 error Fix the upstream dependency conflict, or retry
64 error this command with --force, or --legacy-peer-deps
64 error to accept an incorrect (and potentially broken) dependency resolution.
64 error

~ Marc

I just read about "SvelteStorm", nice initiative!

I have to say I was confused at first: based on the name I expected "SvelteStorm" to be the Svelte variant of IDE's of Jetbrains (they have "WebStorm" and "PhpStorm" amonst others, language specific variations of the same IDE).

I think it would be good to not have this confusion. People will have certain expectations because of this, and mismatching expectations will give frustrations and confusion. Please consider renaming this IDE.

Need to integrate monaco editor functions directly to file directory store

I just checked out the repo, and got the following error on npm i

D:\Privat\SvelteStorm>npm i
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: 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 [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: Please upgrade to @mapbox/node-pre-gyp: the non-scoped node-pre-gyp package is deprecated and only the @mapbox scoped package will recieve updates in the future
npm WARN deprecated [email protected]: This module has been deprecated and is no longer maintained. Please use @rollup/plugin-json.
npm WARN deprecated [email protected]: This module has moved and is now available at @rollup/plugin-replace. Please update your dependencies. This version is no longer maintained.
npm WARN deprecated [email protected]: In 6.x, the babel package has been deprecated in favor of babel-cli. Check https://opencollective.com/babel to support the Babel maintainers
npm WARN deprecated [email protected]: outdated version, please use @next
npm WARN deprecated [email protected]: core-js@<3.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. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! code 1
npm ERR! path D:\Privat\SvelteStorm\node_modules\node-pty
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/install.js
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp info find Python using Python version 3.9.5 found at "C:\Users\mserret\AppData\Local\Programs\Python\Python39\python.exe"
npm ERR! gyp http GET https://nodejs.org/download/release/v16.2.0/node-v16.2.0-headers.tar.gz
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.2.0/node-v16.2.0-headers.tar.gz
npm ERR! gyp http GET https://nodejs.org/download/release/v16.2.0/SHASUMS256.txt
npm ERR! gyp http GET https://nodejs.org/download/release/v16.2.0/win-x86/node.lib
npm ERR! gyp http GET https://nodejs.org/download/release/v16.2.0/win-x64/node.lib
npm ERR! gyp http GET https://nodejs.org/download/release/v16.2.0/win-arm64/node.lib
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.2.0/SHASUMS256.txt
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.2.0/win-x64/node.lib
npm ERR! gyp http 200 https://nodejs.org/download/release/v16.2.0/win-x86/node.lib
npm ERR! gyp http 404 https://nodejs.org/download/release/v16.2.0/win-arm64/node.lib
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS msvs_version not set from command line or npm config
npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp ERR! find VS unknown version "undefined" found at "C:\Program Files\Microsoft Visual Studio\2022\Preview"
npm ERR! gyp ERR! find VS checking VS2019 (16.9.31205.134) found at:
npm ERR! gyp ERR! find VS "C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise"
npm ERR! gyp ERR! find VS - "Visual Studio C++ core features" missing
npm ERR! gyp ERR! find VS could not find a version of Visual Studio 2017 or newer to use
npm ERR! gyp ERR! find VS looking for Visual Studio 2015
npm ERR! gyp ERR! find VS - not found
npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio
npm ERR! gyp ERR! find VS including the "Desktop development with C++" workload.
npm ERR! gyp ERR! find VS For more information consult the documentation at:
npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Could not find any Visual Studio installation to use
npm ERR! gyp ERR! stack     at VisualStudioFinder.fail (D:\Privat\SvelteStorm\node_modules\node-gyp\lib\find-visualstudio.js:121:47)
npm ERR! gyp ERR! stack     at D:\Privat\SvelteStorm\node_modules\node-gyp\lib\find-visualstudio.js:74:16
npm ERR! gyp ERR! stack     at VisualStudioFinder.findVisualStudio2013 (D:\Privat\SvelteStorm\node_modules\node-gyp\lib\find-visualstudio.js:351:14)
npm ERR! gyp ERR! stack     at D:\Privat\SvelteStorm\node_modules\node-gyp\lib\find-visualstudio.js:70:14
npm ERR! gyp ERR! stack     at D:\Privat\SvelteStorm\node_modules\node-gyp\lib\find-visualstudio.js:372:16
npm ERR! gyp ERR! stack     at D:\Privat\SvelteStorm\node_modules\node-gyp\lib\util.js:54:7
npm ERR! gyp ERR! stack     at D:\Privat\SvelteStorm\node_modules\node-gyp\lib\util.js:33:16
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:333:5)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:365:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1067:16)
npm ERR! gyp ERR! System Windows_NT 10.0.19042
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "D:\\Privat\\SvelteStorm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd D:\Privat\SvelteStorm\node_modules\node-pty
npm ERR! gyp ERR! node -v v16.2.0
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\mserret\AppData\Local\npm-cache\_logs\2021-07-20T08_33_54_179Z-debug.log

So apparently there are some dependencies that need to be setup before running npm i. Especially some VS stuff, that i don't want to have on my compiter :D

Suggestion:
Add those details to the Readme.

Describe the bug

Not working npm install on MacBook with M1 chip. Is there a reason to use Electron v8? Electron >= v11 has separate arm64 build.

Logs

npm ERR! code 1
npm ERR! path /Users/nebula/Git/SvelteStorm/node_modules/electron-chromedriver
npm ERR! command failed
npm ERR! command sh -c node ./download-chromedriver.js
npm ERR! /Users/nebula/Git/SvelteStorm/node_modules/electron-chromedriver/download-chromedriver.js:19
npm ERR!   if (err != null) throw err
npm ERR!                    ^
npm ERR! 
npm ERR! Error: Failed to find Electron v8.0.0 for darwin-arm64 at https://github.com/electron/electron/releases/download/v8.0.0/chromedriver-v8.0.0-darwin-arm64.zip
npm ERR!     at Request.<anonymous> (/Users/nebula/Git/SvelteStorm/node_modules/nugget/index.js:169:61)
npm ERR!     at Request.emit (node:events:394:28)
npm ERR!     at Request.onRequestResponse (/Users/nebula/Git/SvelteStorm/node_modules/request/request.js:1059:10)
npm ERR!     at ClientRequest.emit (node:events:394:28)
npm ERR!     at HTTPParser.parserOnIncomingClient [as onIncoming] (node:_http_client:621:27)
npm ERR!     at HTTPParser.parserOnHeadersComplete (node:_http_common:127:17)
npm ERR!     at TLSSocket.socketOnData (node:_http_client:487:22)
npm ERR!     at TLSSocket.emit (node:events:394:28)
npm ERR!     at addChunk (node:internal/streams/readable:312:12)
npm ERR!     at readableAddChunk (node:internal/streams/readable:287:9)

Is there any way to get this working under WSL2 ?
Could you explain or give any links explaining the underlying problems etc ?

Checkout the repo on windows, and you will get something like the following output. But its just a warning, so its probably fine for the moment

Hi

Is this all normal?

~/projects/SvelteStorm-main $ npm install
npm WARN deprecated [email protected]: In 6.x, the babel package has been deprecated in favor of babel-cli. Check https://opencollective.com/babel to support the Babel maintainers
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN deprecated [email protected]: This module has been deprecated and is no longer maintained. Please use @rollup/plugin-json.
npm WARN deprecated [email protected]: This module has moved and is now available at @rollup/plugin-replace. Please update your dependencies. This version is no longer maintained.
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated [email protected]: outdated version, please use @next
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: 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 [email protected]: core-js@<3.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. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: Please upgrade to @mapbox/node-pre-gyp: the non-scoped node-pre-gyp package is deprecated and only the @mapbox scoped package will recieve updates in the future
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated

Thanks, Ian

Upon starting the application on windows and mac there is an error message saying there is an error in the main process. After exiting the error message the application will work as expected

Installation via .DEB is ok, but, on my machine:

• No shortcuts or .desktop launchers are created, it is very important to do so.
• Running sveltestorm-v2.0 via a terminal cause a loop, and does not start:

Install via NPM does run, but hey it's not cooked yet.. wow

Application breaks when attempting to update past Electron 8/Spectron 10.0.0 yet these versions have vulnerabilities.

When I run npm start get :

D:\SVELTE\SvelteStorm-main>npm start

[email protected] start D:\SVELTE\SvelteStorm-main
concurrently "npm:svelte-dev" "electron-forge start"

[svelte-dev]
[svelte-dev] > [email protected] svelte-dev D:\SVELTE\SvelteStorm-main
[svelte-dev] > rollup -c -w
[svelte-dev]
[1] - Checking your system
[svelte-dev] rollup v2.53.2
[svelte-dev] bundles src/svelte.js → public...
[1] √ Checking your system
[1] - Locating Application
[1] √ Locating Application
[1] - Preparing native dependencies
[1] √ Preparing native dependencies
[1] - Launching Application
[1] √ Launching Application
[1]
[1] App threw an error during load
[1] Error: Cannot find module 'node-pty'
[1] Require stack:
[1] - D:\SVELTE\SvelteStorm-main\src\index.js
[1] - D:\SVELTE\SvelteStorm-main\node_modules\electron\dist\resources\default_app.asar\main.js
[1] -
[1] at Module._resolveFilename (internal/modules/cjs/loader.js:798:15)
[1] at Function../lib/common/reset-search-paths.ts.Module._resolveFilename (electron/js2c/browser_init.js:7718:16)
[1] at Module._load (internal/modules/cjs/loader.js:691:27)
[1] at Function.Module._load (electron/js2c/asar.js:748:26)
[1] at Module.require (internal/modules/cjs/loader.js:853:19)
[1] at require (internal/modules/cjs/helpers.js:74:18)
[1] at Object. (D:\SVELTE\SvelteStorm-main\src\index.js:6:13)
[1] at Module._compile (internal/modules/cjs/loader.js:968:30)
[1] at Object.Module._extensions..js (internal/modules/cjs/loader.js:986:10)
[1] at Module.load (internal/modules/cjs/loader.js:816:32)
[svelte-dev] A plugin is directly adding properties to the bundle object in the "generateBundle" hook. This is deprecated and will be removed in a future Rollup version, please use "this.emitFile" instead.
[svelte-dev] created public in 15.4s

I'm not sure what "Clone this SvelteStorm 5.0 repo to your code editor of choice (VS Code works best)" means.

I can clone the repo, but how to clone it to VScode?