Skip to content

Commit

Permalink
Merge pull request #37 from Spidy123222/master
Browse files Browse the repository at this point in the history
  • Loading branch information
Spidy123222 authored Mar 27, 2024
2 parents 67bf7bb + d50f144 commit 5aba76f
Show file tree
Hide file tree
Showing 2 changed files with 41 additions and 14 deletions.
17 changes: 14 additions & 3 deletions src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -267,7 +267,7 @@
class="flex w-max min-w-max items-center rounded-full border border-zinc-800 bg-material px-3 py-1 shadow-md transition-colors duration-300 group-[.active]:border-purple-400/60 group-[.active]:bg-side-purple-700/30 group-[.active]:font-title hover:border-purple-400/40 hover:bg-side-purple-700/20 xs:group-[.active]:font-medium">
<span class="font-bold ">1</span>
<span class="hidden md:block md:ml-2 xs:group-[.active]:block xs:group-[.active]:ml-2 w-max">Download
SideServer</span>
AltServer</span>
</span>
</li>
<li aria-hidden="true"
Expand All @@ -285,12 +285,23 @@
<li aria-hidden="true"
class="flex-grow inline-block w-full h-1 mx-1 ml-3 border-b border-gray-700 lg:border-b-0 lg:border-r lg:w-1 lg:h-3 xs:mx-3 lg:my-3 border-1">
</li>
<li class="flex items-center group">
<span
class="flex w-max min-w-max items-center rounded-full border border-zinc-800 bg-material px-3 py-1 shadow-md transition-colors duration-300 group-[.active]:border-purple-400/60 group-[.active]:bg-side-purple-700/30 group-[.active]:font-title hover:border-purple-400/40 hover:bg-side-purple-700/20 xs:group-[.active]:font-medium">
<span class="font-bold ">3</span>
<span class="hidden md:block md:ml-2 xs:group-[.active]:block xs:group-[.active]:ml-2">Pairing iDevice
</span>
</span>
</li>
<li aria-hidden="true"
class="flex-grow inline-block w-full h-1 mx-1 ml-3 border-b border-gray-700 lg:border-b-0 lg:border-r lg:w-1 lg:h-3 xs:mx-3 lg:my-3 border-1">
</li>


<li class="flex items-center group ">
<span
class="flex w-max min-w-max items-center rounded-full border border-zinc-800 bg-material px-3 py-1 shadow-md transition-colors duration-300 group-[.active]:border-purple-400/60 group-[.active]:bg-side-purple-700/30 group-[.active]:font-title hover:border-purple-400/40 hover:bg-side-purple-700/20 xs:group-[.active]:font-medium">
<span class="font-bold ">3</span>
<span class="font-bold ">4</span>
<span class="hidden md:block md:ml-2 xs:group-[.active]:block xs:group-[.active]:ml-2">WireGuard
VPN</span>
</span>
Expand All @@ -301,7 +312,7 @@
<li class="flex items-center group ">
<span
class="flex w-max min-w-max items-center rounded-full border border-zinc-800 bg-material px-3 py-1 shadow-md transition-colors duration-300 group-[.active]:border-purple-400/60 group-[.active]:bg-side-purple-700/30 group-[.active]:font-title hover:border-purple-400/40 hover:bg-side-purple-700/20 xs:group-[.active]:font-medium">
<span class="font-bold ">4</span>
<span class="font-bold ">5</span>
<span class="hidden md:block md:ml-2 xs:group-[.active]:block xs:group-[.active]:ml-2">Finished</span>
</span>
</li>
Expand Down
38 changes: 27 additions & 11 deletions src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -44,25 +44,41 @@ let setupStepContents = [
'A Mac running macOS 10.15 or later',
'A PC running Windows 10 or later',
'A PC running Linux, of some sort'
)}</li><li>An iCloud account (a burner account is recommended)</li><li>An Internet connection</li><li>An iPhone or iPad with iOS 14 or iPadOS 14 or later</li></ul><br>On your computer, download the following:<a class="btn-fill" target="_blank" href="${osW(
'https://github.com/SideStore/SideServer-macOS/releases/latest/download/SideServer.dmg',
'https://github.com/SideStore/SideServer-Windows/releases/latest/download/SideServer.Installer.zip'
)}">Download SideServer</a>${osW(
`Then, open the downloaded file and drag <code>SideServer.app</code> to your Applications folder. Now, open the app (you may have to right click and select "Open" if you get a warning).`,
`Then, extract the downloaded file and run <code>setup.exe</code> to install SideServer. You'll also need to install the non-Microsoft Store version of iTunes, and iCloud and uninstall the Microsoft Store versions if you have either installed.<div class="flex flex-wrap gap-2"><a class="btn-fill" href="https://support.apple.com/en-us/HT210384">Download iTunes</a><a class="btn-fill" href="https://updates.cdn-apple.com/2020/windows/001-39935-20200911-1A70AA56-F448-11EA-8CC0-99D41950005E/iCloudSetup.exe">Download iCloud</a></div>`
)}</li><li>An iCloud account (a burner account is recommended but not required)</li><li>An Internet connection</li><li>An iPhone or iPad with iOS 14 or iPadOS 14 or later</li></ul><br>On your computer, download the following:<a class="btn-fill" target="_blank" href="${osW(
'https://cdn.altstore.io/file/altstore/altserver.zip',
'https://cdn.altstore.io/file/altstore/altinstaller.zip'
)}">Download AltServer</a>
<a class="btn-fill" target="_blank" href="${osW(
'https://github.com/SideStore/SideStore/releases/latest/download/SideStore.ipa',
'https://github.com/SideStore/SideStore/releases/latest/download/SideStore.ipa'
)}">Download SideStore.ipa</a>
<a class="btn-fill" target="_blank" href="${osW(
'https://github.com/osy/Jitterbug/releases/download/v1.3.1/jitterbugpair-macos.zip',
'https://github.com/osy/Jitterbug/releases/download/v1.3.1/jitterbugpair-linux.zip'
)}">Download JitterbugPair</a>${osW(
`Then, open the downloaded AltServer zip file and extract it. Then drag <code>AltServer.app</code> to your Applications folder. Now, open the app (you may have to right click and select "Open" if you get a warning).`,
`Then, extract the downloaded AltInstaller zip file and run <code>setup.exe</code> to install AltServer. You'll also need to install the non-Microsoft Store version of iTunes, and iCloud and uninstall the Microsoft Store versions if you have either installed.<div class="flex flex-wrap gap-2"><a class="btn-fill" href="https://support.apple.com/en-us/HT210384">Download iTunes</a><a class="btn-fill" href="https://updates.cdn-apple.com/2020/windows/001-39935-20200911-1A70AA56-F448-11EA-8CC0-99D41950005E/iCloudSetup.exe">Download iCloud</a></div>`
)}`,
//sideload app
(os) =>
`<b>Follow these steps to install SideStore:</b><ul class="list-disc list-inside"><li>Plug your device into your computer via a cable</li><li>Trust your computer on your device (if prompted)</li><li>${osW(
'Launch SideServer and pick <code>Install SideStore</code> from the SideServer icon in the menu bar',
'Right click on the SideServer tray icon, and pick <code>Install SideStore</code>'
)}</li><li>Follow the instructions until SideServer confirms that SideStore has been installed (you may need to enter your iCloud account login details)</li><li>If you are running iOS or iPadOS 16 or higher, you must enable Developer Mode to use sideloaded apps (this only shows up <b>after you sideload an app for the first time</b>)<ul class="list-decimal list-inside ml-4 sm:ml-6"><li>Open Settings</li><li>Tap “Privacy & Security”</li><li>Scroll to the bottom, and toggle Developer Mode on</li></ul></li><li>Open <code>Settings > General > VPN & Device Management</code> on your device</li> and approve the <code>Developer App</code> with your Apple ID's email.`,
'Launch AltServer and hold options and pick <code>Sideload .ipa</code> from the AltServer icon in the menu bar',
'Right click on the AltServer tray icon, and pick <code>Sideload .ipa</code>'
)}</li><li> Select the SideStore ipa and then Follow the instructions until AltServer confirms that SideStore has been installed (you may need to enter your iCloud account login details)</li><li>If you are running iOS or iPadOS 16 or higher, you must enable Developer Mode to use sideloaded apps (this only shows up <b>after you sideload an app for the first time</b>)<ul class="list-decimal list-inside ml-4 sm:ml-6"><li>Open Settings</li><li>Tap “Privacy & Security”</li><li>Scroll to the bottom, and toggle Developer Mode on</li></ul></li><li>Open <code>Settings > General > VPN & Device Management</code> on your device</li> and approve the <code>Developer App</code> with your Apple ID's email.`,
//Pairing Idevice
(os) =>
`<b>Follow these steps to Pair your device:</b><li>Extract <code>Jitterbugpair.zip</code> and make sure your device is still connected to the computer.</li> <ul class="list-disc list-inside"><li> ${osW(
'Open your device to its home screen. Once done, execute <code>JitterBugPair</code> via double click or right click and open.</li><li>After that in your home directory. you will have a file that ends with <code>.mobiledevicepairing</code>.</li><li>you will want to transfer the <code>.mobiledevicepairing</code> file to your device using airdrop or other methods (avoid using email and some cloud services as they can mess up the file into a txt file).</li>',
'Open your device to its home screen. Once done, go into File Explorer and navigate to the folder where <code>jitterbugpair.exe</code> is located. <li>In the Navigation/Address bar where the folder location is, click an empty spot and type powershell and hit enter.</li><li>It should open a blue colored window called PowerShell. From there, type <code>./jitterbugpair.exe</code> in the powershell window and press enter.</li><li>After that in file explorer. you will have a file that ends with <code>.mobiledevicepairing</code>.</li><li>You will want to transfer the <code>.mobiledevicepairing</code> file to your device using itunes (using itunes file sharing when connecting to your device) or other methods (avoid using email and some cloud services as they can mess up the file into a txt file).</li>'
)}</li>
<br><br>Launch Sidestore, select ok when it asks for the pairing file.
Find where you stored the <code>.mobiledevicepairing</code> file. Select that file and you are paired!`,
//wireguard vpn
() =>
`On your device, you'll need to download the WireGuard VPN app.<a class="btn-fill" target="_blank" href="https://apps.apple.com/us/app/wireguard/id1441195209">Download WireGuard</a>After that, you'll need to import SideStore's WireGuard configuration. (Download the file and then you can "share" it to the WireGuard app).<a class="btn-fill" target="_blank" href="https://github.com/SideStore/SideStore/releases/download/0.1.1/SideStore.conf">Download WireGuard Config</a>You'll have to turn on the VPN every time you want to use SideStore to sideload apps. You can turn it off when you're done, and the VPN doesn't connect to an external server, as it operates on-device.`,
`On your device, you'll need to download the WireGuard VPN app.<a class="btn-fill" target="_blank" href="https://apps.apple.com/us/app/wireguard/id1441195209">Download WireGuard</a>After that, you'll need to import SideStore's WireGuard configuration. (Download the file and then you can "share" it to the WireGuard app).<a class="btn-fill" target="_blank" href="https://github.com/SideStore/SideStore/releases/download/0.1.1/SideStore.conf">Download WireGuard Config</a>You'll have to turn on the VPN every time you want to use SideStore to sideload apps. You can turn it off when you're done, and the VPN doesn't connect to an external server, as it operates On-Device.<br><br>Sidestore can use the On-Device VPN in the background for auto refresh if you use your device enough for it to refresh when unlocked.`,
//finished
() =>
`Now to finish the process: <ul class="list-disc list-inside"><li>Open SideStore and sign in with the same Apple ID you used to install SideStore.</li><li>Go to the Apps tab and refresh the SideStore app itself once (you might have to swipe up to your homescreen for the process to complete).</li></ul><br> Now, you're all set! You can install apps from the sources tab or any other <code>.ipa</code> file you have.<br>If you run into any more issues, you can get support in our <a class="glink" target="_blank" href="https://discord.gg/RgpFBX3Q3k">Discord server.</a>`,
`Now to finish the process: <ul class="list-disc list-inside"><li>Open SideStore and sign in with the same Apple ID you used to install SideStore.</li><li>Go to the Apps tab and refresh the SideStore app itself once (you might have to swipe up to your homescreen for the process to complete).</li></ul><br> Now, you're all set! You can install apps from the sources tab or any other <code>.ipa</code> file you have.<br>If you run into any more issues, you can get support in our <a class="glink" target="_blank" href="https://discord.gg/RgpFBX3Q3k">Discord server.</a> <br><br> Note: We had to remove SideServer instructions as it was causing issues with the SideStore install.`,
];

const osSelect = $('#setup-os-select');
Expand Down

0 comments on commit 5aba76f

Please sign in to comment.