Mod Creation/Enabling DevTools for the Steam and Epic Clients: Difference between revisions

updated Simple Installation steps
(NW.js versioning for different OS)
(updated Simple Installation steps)
Line 180: Line 180:
=Add Dev/Non-Main Branch Extensions to Chrome=
=Add Dev/Non-Main Branch Extensions to Chrome=
===Simple Installation===
===Simple Installation===
'''Disclaimer:''' this installation method will never automatically update.
'''Disclaimer:''' This installation method will never automatically update. It now requires you to understand how to use a terminal, node, and npm. DO NOT MESSAGE THE DEV IF YOU CANNOT FIGURE THIS OUT. Wait for the extensions to release.
<ol>
<ol>
<li>Download and install Node.js if you do not already have it.</li>
<li>Download and install npm if you do not already have it.</li>
<li>Navigate to https://gitlab.com/aldousWatts/SEMI or whichever repo you want.</li>
<li>Navigate to https://gitlab.com/aldousWatts/SEMI or whichever repo you want.</li>
<li>On the left hand of the header, you should see a dropdown containing the word <code>main</code>. Click the dropdown, then select <code>dev</code>.</li>
<li>On the left hand of the header, you should see a dropdown containing the word <code>main</code>. Click the dropdown, then select <code>dev</code>.</li>
<li>You should see a button in the header with a download icon. Click download, then .zip.</li>
<li>You should see a button in the header with a download icon. Click download, then .zip.</li>
<li>After the download completes, put the folder wherever you like. Extract the zip.</li>
<li>After the download completes, put the folder wherever you like. Extract the zip.</li>
<li>Open the folder in a terminal.</li>
<li>Run the command <code>npm install && npm run build</code>. You might see several hundred errors. This is fine.</li>
<li>Run the command <code>node build.js</code></li>
<li>Open the link <code>chrome://extensions/</code>, enable Developer Mode in the top right.</li>
<li>Open the link <code>chrome://extensions/</code>, enable Developer Mode in the top right.</li>
<li>Click the button <code>Load unpacked</code> in the header.</li>
<li>Click the button <code>Load unpacked</code> in the header.</li>
<li>Navigate to the top-level directory of the unpacked extension. For SEMI, this is the one that contains the manifest, README, etc. Afterwards, click <code>Select Folder</code>.</li>
<li>Navigate to the <code>dist</code> folder. This should contain a <code>manifest.json</code>. Afterwards, click <code>Select Folder</code>.</li>
<li>After the extension loads, click update.</li>
<li>After the extension loads, click update.</li>
<li>If you have the Chrome extension from the web store, ensure that you remove it.</li>
<li>If you have the Chrome extension from the web store, ensure that you remove it.</li>
<li>Refresh the game.</li>
<li>Refresh the game.</li>
</ol>
</ol>
===Managing Dev/Non-Main Branch Extensions w/ git===
===Managing Dev/Non-Main Branch Extensions w/ git===
This installation method will automatically fetch updates to dev/non-main branches.
This installation method will automatically fetch updates to dev/non-main branches.
454

edits