@ -136,23 +136,25 @@ export class RemixdHandle extends WebsocketPlugin {
}
}
function remixdDialog ( ) {
function remixdDialog ( ) {
const commandText = 'remixd -s path-to-the-shared-folder --remix-ide remix-ide-instance-URL '
const commandText = 'remixd -s <path-to-the-shared-folder> -u <remix-ide-instance-URL> '
return yo `
return yo `
< div class = $ { css . dialog } >
< div class = $ { css . dialog } >
< div class = $ { css . dialogParagraph } >
< div class = $ { css . dialogParagraph } >
Access your local file system from Remix IDE using < a target = "_blank" href = "https://www.npmjs.com/package/@remix-project/remixd" > Remixd NPM package < /a>.<br/ > < br / >
Access your local file system from Remix IDE using < a target = "_blank" href = "https://www.npmjs.com/package/@remix-project/remixd" > Remixd NPM package < /a>.<br/ > < br / >
Remixd needs to be running in the background to load the files in localhost workspace . For more info , please check the < a target = "_blank" href = "https://remix-ide.readthedocs.io/en/latest/remixd.html" > Remixd tutorial < / a > .
Remixd needs to be running in the background to load the files in localhost workspace . For more info , please check the < a target = "_blank" href = "https://remix-ide.readthedocs.io/en/latest/remixd.html" > Remixd tutorial < / a > .
< / d i v >
< / d i v >
< div class = $ { css . dialogParagraph } > If you are just looking for the remixd command , here it is :
< div class = $ { css . dialogParagraph } >
If you are just looking for the remixd command , here it is :
< br > < br > < b > $ { commandText } < / b >
< br > < br > < b > $ { commandText } < / b >
< span class = "" > $ { copyToClipboard ( ( ) => commandText ) } < / s p a n >
< span class = "" > $ { copyToClipboard ( ( ) => commandText ) } < / s p a n >
< / d i v >
< / d i v >
< div class = $ { css . dialogParagraph } > When connected , a session will be started between < em > $ { window . location . origin } < /em> and your local file system at <i>ws:/ / 127.0 . 0.1 : 65520 < / i >
< div class = $ { css . dialogParagraph } >
and the shared folder will be in the File Explorers workspace named "localhost" .
When connected , a session will be started between < em > $ { window . location . origin } < /em> and your local file system at <i>ws:/ / 127.0 . 0.1 : 65520 < / i > .
< br / > Note , if the shared folder is a Hardhat project , an additional Hardhat websocket plugin will be listening at < i > ws : //127.0.0.1:65522</i>
The shared folder will be in the "File Explorers" workspace named "localhost" .
< br / > Read more about other < a target = "_blank" href = "https://remix-ide.readthedocs.io/en/latest/remixd.html#ports-usage" > Remixd ports usage < / a >
< / d i v >
< / d i v >
< div class = $ { css . dialogParagraph } > Please make sure your system is secured enough and ports 65520 , 65522 are not opened nor forwarded .
< div class = $ { css . dialogParagraph } >
This feature is still in Alpha , so w e recommend to keep a copy of the shared folder .
This feature is still in Alpha . W e recommend to keep a backup of the shared folder .
< / d i v >
< / d i v >
< div class = $ { css . dialogParagraph } >
< div class = $ { css . dialogParagraph } >
< h6 class = "text-danger" >
< h6 class = "text-danger" >