+
+
+
diff --git a/public/installer.nsh b/public/installer.nsh
new file mode 100644
index 0000000..1ca7889
--- /dev/null
+++ b/public/installer.nsh
@@ -0,0 +1,61 @@
+# For my application GUID (fix GUID to match what your application uses)
+!macro customInit
+ # Workaround for installer handing when the app directory is removed manually
+ ${ifNot} ${FileExists} "$INSTDIR"
+ DeleteRegKey HKCU "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_GUID}"
+ ${EndIf}
+
+ DeleteRegKey HKCU "Software\Microsoft\Windows\CurrentVersion\Uninstall\{${APP_GUID}}"
+
+ ReadRegStr $0 HKCU "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_GUID}" "QuietUninstallString"
+ StrCmp $0 "" proceed 0
+ DeleteRegKey HKCU "Software\Microsoft\Windows\CurrentVersion\Uninstall\${APP_GUID}"
+ proceed:
+!macroend
+
+!macro customUnInstall
+ push $4
+ push $0
+
+ SetShellVarContext current
+ ClearErrors
+ ${ifNot} ${isUpdated}
+
+ MessageBox MB_YESNO "Also delete all your user data? (instances, preferences...)" IDNO Skipped IDYES Accepted
+
+ Accepted:
+ FileOpen $4 "$APPDATA\gdlauncher_next\override.data" r
+ FileRead $4 $0
+ RMDir /r "$0\instances"
+ RMDir /r "$0\java"
+ RMDir /r "$0\datastore"
+ RMDir /r "$0\blob_storage"
+ RMDir /r "$0\Local Storage"
+ RMDir /r "$0\Cache"
+ RMDir /r "$0\Code Cache"
+ RMDir /r "$0\Dictionaries"
+ RMDir /r "$0\GPUCache"
+ RMDir /r "$0\Session Storage"
+ RMDir /r "$0\shared_proto_db"
+ RMDir /r "$0\temp"
+ Delete "$0\Cookies"
+ Delete "$0\.updaterId"
+ Delete "$0\7za.exe"
+ Delete "$0\Cookies-journal"
+ Delete "$0\Network Persistent State"
+ Delete "$0\Preferences"
+ Delete "$0\TransportSecurity"
+ Delete "$0\Config"
+ Delete "$0\rChannel"
+
+ FileClose $4
+
+ RMDir /r "$APPDATA\gdlauncher_next"
+ Goto done
+ Skipped:
+ Goto done
+ done:
+ ${endIf}
+ pop $4
+ pop $0
+!macroend
\ No newline at end of file
diff --git a/public/installerHeader.bmp b/public/installerHeader.bmp
new file mode 100644
index 0000000..05f87e8
Binary files /dev/null and b/public/installerHeader.bmp differ
diff --git a/public/installerSidebar.bmp b/public/installerSidebar.bmp
new file mode 100644
index 0000000..f90581c
Binary files /dev/null and b/public/installerSidebar.bmp differ
diff --git a/public/linux-icons/1024x1024.png b/public/linux-icons/1024x1024.png
new file mode 100644
index 0000000..c59322f
Binary files /dev/null and b/public/linux-icons/1024x1024.png differ
diff --git a/public/linux-icons/128x128.png b/public/linux-icons/128x128.png
new file mode 100644
index 0000000..f985cc5
Binary files /dev/null and b/public/linux-icons/128x128.png differ
diff --git a/public/linux-icons/256x256.png b/public/linux-icons/256x256.png
new file mode 100644
index 0000000..4f63fa9
Binary files /dev/null and b/public/linux-icons/256x256.png differ
diff --git a/public/linux-icons/32x32.png b/public/linux-icons/32x32.png
new file mode 100644
index 0000000..c924098
Binary files /dev/null and b/public/linux-icons/32x32.png differ
diff --git a/public/linux-icons/48x48.png b/public/linux-icons/48x48.png
new file mode 100644
index 0000000..17d72b1
Binary files /dev/null and b/public/linux-icons/48x48.png differ
diff --git a/public/linux-icons/512x512.png b/public/linux-icons/512x512.png
new file mode 100644
index 0000000..e8317f7
Binary files /dev/null and b/public/linux-icons/512x512.png differ
diff --git a/public/linux-icons/64x64.png b/public/linux-icons/64x64.png
new file mode 100644
index 0000000..1dd12c7
Binary files /dev/null and b/public/linux-icons/64x64.png differ
diff --git a/public/linux-icons/96x96.png b/public/linux-icons/96x96.png
new file mode 100644
index 0000000..56a25b2
Binary files /dev/null and b/public/linux-icons/96x96.png differ
diff --git a/public/logo_32x32.png b/public/logo_32x32.png
new file mode 100644
index 0000000..97a362c
Binary files /dev/null and b/public/logo_32x32.png differ
diff --git a/public/nsfw.js b/public/nsfw.js
new file mode 100644
index 0000000..56d9117
--- /dev/null
+++ b/public/nsfw.js
@@ -0,0 +1,123 @@
+/* eslint-disable global-require */
+const { promises: fs } = require('fs');
+const path = require('path');
+// const os = require('os');
+
+const NSFW = require('./native/nsfw.node');
+
+function NSFWFilePoller(watchPath, eventCallback, debounceMS) {
+ const { CREATED, DELETED, MODIFIED } = nsfw.actions;
+ const directory = path.dirname(watchPath);
+ const file = path.basename(watchPath);
+
+ let fileStatus;
+ let filePollerInterval;
+
+ const getStatus = async () => {
+ try {
+ const status = await fs.stat(watchPath);
+ if (fileStatus === null) {
+ fileStatus = status;
+ eventCallback([{ action: CREATED, directory, file }]);
+ } else if (
+ status.mtime - fileStatus.mtime !== 0 ||
+ status.ctime - fileStatus.ctime !== 0
+ ) {
+ fileStatus = status;
+ eventCallback([{ action: MODIFIED, directory, file }]);
+ }
+ } catch (e) {
+ if (fileStatus !== null) {
+ fileStatus = null;
+ eventCallback([{ action: DELETED, directory, file }]);
+ }
+ }
+ };
+
+ this.start = async () => {
+ try {
+ fileStatus = await fs.stat(watchPath);
+ } catch (e) {
+ fileStatus = null;
+ }
+
+ filePollerInterval = setInterval(getStatus, debounceMS);
+ };
+
+ this.stop = async () => {
+ clearInterval(filePollerInterval);
+ };
+
+ this.pause = () => this.stop();
+ this.resume = () => this.start();
+}
+
+const buildNSFW = async (
+ watchPath,
+ eventCallback,
+ { debounceMS = 500, errorCallback: _errorCallback } = {}
+) => {
+ if (Number.isInteger(debounceMS)) {
+ if (debounceMS < 1) {
+ throw new Error('Minimum debounce is 1ms.');
+ }
+ } else {
+ throw new Error('debounceMS must be an integer.');
+ }
+
+ const errorCallback =
+ _errorCallback ||
+ (nsfwError => {
+ throw nsfwError;
+ });
+
+ if (!path.isAbsolute(watchPath)) {
+ throw new Error('Path to watch must be an absolute path.');
+ }
+
+ let stats;
+ try {
+ stats = await fs.stat(watchPath);
+ } catch (e) {
+ throw new Error('Path must be a valid path to a file or a directory.');
+ }
+
+ if (stats.isDirectory()) {
+ return new NSFW(watchPath, eventCallback, { debounceMS, errorCallback });
+ }
+ if (stats.isFile()) {
+ return new NSFWFilePoller(watchPath, eventCallback, debounceMS);
+ }
+ throw new Error('Path must be a valid path to a file or a directory');
+};
+
+function nsfw(watchPath, eventCallback, options) {
+ if (!(this instanceof nsfw)) {
+ return buildNSFW(watchPath, eventCallback, options).then(
+ // eslint-disable-next-line
+ implementation => new nsfw(implementation)
+ );
+ }
+
+ const implementation = watchPath;
+
+ this.start = () => implementation.start();
+ this.stop = () => implementation.stop();
+ this.pause = () => implementation.pause();
+ this.resume = () => implementation.resume();
+}
+
+nsfw.actions = {
+ CREATED: 0,
+ DELETED: 1,
+ MODIFIED: 2,
+ RENAMED: 3
+};
+
+nsfw._native = NSFW;
+
+if (NSFW.getAllocatedInstanceCount) {
+ nsfw.getAllocatedInstanceCount = NSFW.getAllocatedInstanceCount;
+}
+
+module.exports = nsfw;
diff --git a/scripts/createDeploy.js b/scripts/createDeploy.js
new file mode 100644
index 0000000..2483dab
--- /dev/null
+++ b/scripts/createDeploy.js
@@ -0,0 +1,279 @@
+const { promisify } = require('util');
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+const zlib = require('zlib');
+const makeDir = require('make-dir');
+const { pipeline } = require('stream');
+const fse = require('fs-extra');
+const electronBuilder = require('electron-builder');
+const dotenv = require('dotenv');
+
+dotenv.config();
+
+const readdir = promisify(fs.readdir);
+const stat = promisify(fs.stat);
+
+const type = process.argv[2];
+
+const getFiles = async dir => {
+ const subdirs = await readdir(dir);
+ const files = await Promise.all(
+ subdirs.map(async subdir => {
+ const res = path.resolve(dir, subdir);
+ return (await stat(res)).isDirectory() ? getFiles(res) : res;
+ })
+ );
+ return files.reduce((a, f) => a.concat(f), []);
+};
+
+const getSha1 = async filePath => {
+ // Calculate sha1 on original file
+ const algorithm = 'sha1';
+ const shasum = crypto.createHash(algorithm);
+
+ const s = fs.ReadStream(filePath);
+ s.on('data', data => {
+ shasum.update(data);
+ });
+
+ const hash = await new Promise(resolve => {
+ s.on('end', () => {
+ resolve(shasum.digest('hex'));
+ });
+ });
+ return hash;
+};
+
+const winReleaseFolder = path.resolve(
+ __dirname,
+ '../',
+ './release',
+ `win-unpacked`
+);
+const deployFolder = path.resolve(__dirname, '../', 'deploy');
+
+const createDeployFiles = async () => {
+ const files = await getFiles(winReleaseFolder);
+ const mappedFiles = await Promise.all(
+ files.map(async v => {
+ // Compress
+ const hash = await getSha1(v);
+
+ const gzip = zlib.createGzip();
+ const source = fs.createReadStream(v);
+
+ const isAppAsar = path.basename(v) === 'app.asar';
+
+ const destinationPath = path.join(
+ deployFolder,
+ `win_${path.relative(winReleaseFolder, v).replace(path.sep, '-')}.gz`
+ );
+ await makeDir(path.dirname(destinationPath));
+ const destination = fs.createWriteStream(destinationPath);
+
+ await new Promise((resolve, reject) => {
+ pipeline(source, gzip, destination, err => {
+ if (err) {
+ reject();
+ }
+ destination.close();
+ resolve();
+ });
+ });
+
+ const compressedSha1 = await getSha1(destinationPath);
+
+ return {
+ file: path.relative(winReleaseFolder, v).split(path.sep),
+ sha1: hash,
+ compressedFile: path.basename(destinationPath),
+ compressedSha1,
+ ...(isAppAsar && { isAppAsar: true })
+ };
+ })
+ );
+
+ await fs.promises.writeFile(
+ path.join(deployFolder, `win32_latest.json`),
+ JSON.stringify(mappedFiles)
+ );
+};
+
+const extraFiles = [];
+let sevenZipPath = null;
+if (process.platform === 'win32') {
+ sevenZipPath = 'node_modules/7zip-bin/win/x64/7za.exe';
+ extraFiles.push({
+ from: 'vcredist/',
+ to: './',
+ filter: '**/*'
+ });
+} else if (process.platform === 'linux') {
+ if (process.arch === 'arm64') {
+ sevenZipPath = 'node_modules/7zip-bin/linux/arm64/7za';
+ } else if (process.arch === 'arm') {
+ sevenZipPath = 'node_modules/7zip-bin/linux/arm/7za';
+ } else {
+ sevenZipPath = 'node_modules/7zip-bin/linux/x64/7za';
+ }
+} else if (process.platform === 'darwin') {
+ sevenZipPath = 'node_modules/7zip-bin/mac/x64/7za';
+}
+
+extraFiles.push({
+ from: sevenZipPath,
+ to: './'
+});
+
+const commonConfig = {
+ publish: 'never',
+ config: {
+ generateUpdatesFilesForAllChannels: true,
+ npmRebuild: false,
+ productName: 'GDLauncher',
+ appId: 'org.gorilladevs.GDLauncher',
+ files: [
+ '!node_modules/**/*',
+ 'build/**/*',
+ 'package.json',
+ 'public/icon.png'
+ ],
+ extraFiles,
+ asar: {
+ smartUnpack: false
+ },
+ dmg: {
+ contents: [
+ {
+ x: 130,
+ y: 220
+ },
+ {
+ x: 410,
+ y: 220,
+ type: 'link',
+ path: '/Applications'
+ }
+ ]
+ },
+ nsisWeb: {
+ oneClick: true,
+ installerIcon: './public/icon.ico',
+ uninstallerIcon: './public/icon.ico',
+ installerHeader: './public/installerHeader.bmp',
+ installerSidebar: './public/installerSidebar.bmp',
+ installerHeaderIcon: './public/icon.ico',
+ deleteAppDataOnUninstall: true,
+ allowToChangeInstallationDirectory: false,
+ perMachine: false,
+ differentialPackage: true,
+ include: './public/installer.nsh'
+ },
+ mac: {
+ entitlements: './entitlements.mac.plist',
+ entitlementsInherit: './entitlements.mac.plist'
+ },
+ /* eslint-disable */
+ artifactName: `${'${productName}'}-${'${os}'}-${
+ process.argv[2]
+ }.${'${ext}'}`,
+ /* eslint-enable */
+ linux: {
+ category: 'Game',
+ icon: 'public/linux-icons/'
+ },
+ directories: {
+ buildResources: 'public',
+ output: 'release'
+ },
+ protocols: [
+ {
+ name: 'gdlauncher',
+ role: 'Viewer',
+ schemes: ['gdlauncher']
+ }
+ ]
+ },
+ ...(process.platform === 'linux' && {
+ linux:
+ type === 'setup'
+ ? ['appimage', 'zip', 'deb', 'rpm'].map(x => `${x}:${process.arch}`)
+ : [`snap:${process.arch}`]
+ }),
+ ...(process.platform === 'win32' && {
+ win: [type === 'setup' ? 'nsis:x64' : 'zip:x64']
+ }),
+ ...(process.platform === 'darwin' && {
+ mac: type === 'setup' ? ['dmg:x64'] : []
+ })
+};
+
+const main = async () => {
+ const releasesFolder = path.resolve(__dirname, '../', './release');
+ await fse.remove(releasesFolder);
+ await makeDir(deployFolder);
+ await electronBuilder.build(commonConfig);
+ if (type === 'portable' && process.platform === 'win32') {
+ await createDeployFiles();
+ }
+
+ // Copy all other files to deploy folder
+
+ const { productName } = commonConfig.config;
+
+ let linuxyml = '';
+ if (process.arch === 'x64') {
+ linuxyml = 'latest-linux.yml';
+ } else {
+ linuxyml = `latest-linux-${process.arch}.yml`;
+ }
+
+ const allFiles = {
+ setup: {
+ darwin: [
+ `${productName}-mac-${type}.dmg`,
+ `${productName}-mac-${type}.dmg.blockmap`,
+ 'latest-mac.yml'
+ ],
+ win32: [
+ path.join(`${productName}-win-${type}.exe`),
+ path.join(`${productName}-win-${type}.exe.blockmap`),
+ path.join('latest.yml')
+ ],
+ linux: [
+ `${productName}-linux-${type}.zip`,
+ `${productName}-linux-${type}.AppImage`,
+ `${productName}-linux-${type}.deb`,
+ `${productName}-linux-${type}.rpm`,
+ `${linuxyml}`
+ ]
+ },
+ portable: {
+ darwin: [],
+ win32: [`${productName}-win-${type}.zip`],
+ linux: [`${productName}-linux-${type}.snap`]
+ }
+ };
+
+ const filesToMove = allFiles[type][process.platform];
+
+ await Promise.all(
+ filesToMove.map(async file => {
+ const stats = await fs.promises.stat(path.join(releasesFolder, file));
+ if (stats.isFile()) {
+ await fse.move(
+ path.join(releasesFolder, file),
+ path.join(deployFolder, file.replace('nsis-web', ''))
+ );
+ }
+ })
+ );
+
+ await fse.remove(releasesFolder);
+};
+
+main().catch(err => {
+ console.error(err);
+ process.exit(1);
+});
diff --git a/scripts/electronWebpackConfig.js b/scripts/electronWebpackConfig.js
new file mode 100644
index 0000000..b1a844d
--- /dev/null
+++ b/scripts/electronWebpackConfig.js
@@ -0,0 +1,130 @@
+/**
+ * Webpack config for production electron main process
+ */
+
+const path = require('path');
+const fse = require('fs-extra');
+// eslint-disable-next-line
+const webpack = require('webpack');
+const { merge } = require('webpack-merge');
+const TerserPlugin = require('terser-webpack-plugin');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
+fse.copySync(
+ path.resolve(__dirname, '../', 'public', 'native'),
+ path.resolve(__dirname, '../', 'build', 'native'),
+ {}
+);
+
+const baseConfig = {
+ externals: [],
+
+ module: {
+ rules: [
+ {
+ test: /\.node$/,
+ loader: 'native-ext-loader',
+ options: {
+ basePath: ['native'],
+ emit: false
+ }
+ },
+ {
+ test: /\.jsx?$/,
+ exclude: /node_modules/,
+ use: {
+ loader: 'babel-loader',
+ options: {
+ cacheDirectory: true,
+ presets: [['@babel/preset-env', { targets: { node: '14' } }]],
+ plugins: [
+ '@babel/plugin-proposal-nullish-coalescing-operator',
+ '@babel/plugin-proposal-optional-chaining'
+ ]
+ }
+ }
+ }
+ ]
+ },
+
+ output: {
+ path: path.join(__dirname, '..', 'build'),
+ // https://github.com/webpack/webpack/issues/1114
+ libraryTarget: 'commonjs2'
+ },
+
+ /**
+ * Determine the array of extensions that should be used to resolve modules.
+ */
+ resolve: {
+ extensions: ['.js', '.jsx', '.json'],
+ modules: [path.join(__dirname, '..', 'build'), 'node_modules']
+ },
+
+ plugins: [
+ new webpack.EnvironmentPlugin({
+ NODE_ENV: process.env.NODE_ENV,
+ REACT_APP_RELEASE_TYPE: process.env.REACT_APP_RELEASE_TYPE,
+ SENTRY_DSN: process.env.SENTRY_DSN
+ }),
+ new webpack.NamedModulesPlugin()
+ ]
+};
+
+module.exports = merge(baseConfig, {
+ devtool: 'source-map',
+
+ mode: process.env.NODE_ENV,
+
+ target: 'electron-main',
+
+ entry: './public/electron.js',
+
+ output: {
+ path: path.join(__dirname, '..'),
+ filename: './build/electron.js'
+ },
+
+ optimization: {
+ minimizer: [
+ new TerserPlugin({
+ parallel: true,
+ sourceMap: true,
+ cache: true
+ })
+ ]
+ },
+
+ plugins: [
+ new BundleAnalyzerPlugin({
+ analyzerMode:
+ process.env.OPEN_ANALYZER === 'true' ? 'server' : 'disabled',
+ openAnalyzer: process.env.OPEN_ANALYZER === 'true'
+ }),
+
+ /**
+ * Create global constants which can be configured at compile time.
+ *
+ * Useful for allowing different behaviour between development builds and
+ * release builds
+ *
+ * NODE_ENV should be production so that modules do not perform certain
+ * development checks
+ */
+ new webpack.EnvironmentPlugin({
+ NODE_ENV: 'production',
+ DEBUG_PROD: false,
+ START_MINIMIZED: false
+ })
+ ],
+
+ /**
+ * Disables webpack processing of __dirname and __filename.
+ * If you run the bundle in node.js it falls back to these values of node.js.
+ * https://github.com/webpack/webpack/issues/2010
+ */
+ node: {
+ __dirname: false,
+ __filename: false
+ }
+});
diff --git a/scripts/moveNapi.js b/scripts/moveNapi.js
new file mode 100644
index 0000000..bb9c98e
--- /dev/null
+++ b/scripts/moveNapi.js
@@ -0,0 +1,7 @@
+const fs = require('fs');
+// const os = require('os');
+
+if (!fs.existsSync('../public/native')) fs.mkdirSync('../public/native');
+
+fs.renameSync('./napi.node', `../public/native/napi.node`);
+// fs.renameSync('./index.d.ts', `../public/native/${os.platform()}/index.d.ts`);
diff --git a/scripts/moveNsfw.js b/scripts/moveNsfw.js
new file mode 100644
index 0000000..2893f92
--- /dev/null
+++ b/scripts/moveNsfw.js
@@ -0,0 +1,8 @@
+const fs = require('fs');
+
+if (!fs.existsSync('./public/native')) fs.mkdirSync('./public/native');
+
+fs.copyFileSync(
+ './node_modules/nsfw/build/Release/nsfw.node',
+ `./public/native/nsfw.node`
+);
diff --git a/scripts/uploadRelease.js b/scripts/uploadRelease.js
new file mode 100644
index 0000000..12c66d4
--- /dev/null
+++ b/scripts/uploadRelease.js
@@ -0,0 +1,141 @@
+const { promisify } = require('util');
+const fs = require('fs');
+const path = require('path');
+const axios = require('axios');
+const fse = require('fs-extra');
+const dotenv = require('dotenv');
+const rawChangeLog = require('../src/common/modals/ChangeLogs/changeLog');
+
+dotenv.config();
+
+const readdir = promisify(fs.readdir);
+const stat = promisify(fs.stat);
+
+const deployFolder = path.resolve(__dirname, '../', 'deploy');
+
+const main = async () => {
+ if (!process.env.GH_ACCESS_TOKEN_RELEASES) {
+ console.warn('Cannot upload artifacts. No auth token provided');
+ return;
+ }
+ const { version } = await fse.readJson(
+ path.resolve(__dirname, '../', 'package.json')
+ );
+
+ let uploadUrl = null;
+
+ try {
+ const { data: releasesList } = await axios.default.get(
+ `https://api.github.com/repos/gorilla-devs/GDLauncher/releases`,
+ {
+ headers: {
+ Authorization: `token ${process.env.GH_ACCESS_TOKEN_RELEASES}`
+ }
+ }
+ );
+
+ const lastRelease = releasesList.find(v => v.tag_name === `v${version}`);
+
+ if (lastRelease) {
+ uploadUrl = lastRelease.upload_url;
+ console.log('Found a release with this tag. Uploading there.');
+ } else {
+ throw new Error('Could not find release. Creating one.');
+ }
+ } catch (err) {
+ console.log(err);
+
+ const getChangeLog = () => {
+ let changeLog = '';
+ for (const element in rawChangeLog) {
+ if (rawChangeLog[element].length) {
+ changeLog += `### ${element
+ .charAt(0)
+ .toUpperCase()}${element.substring(1)}\n`;
+
+ for (const e of rawChangeLog[element]) {
+ const prSplit = e?.advanced?.pr && e?.advanced?.pr.split('/');
+ const advanced =
+ e?.advanced?.cm &&
+ ` ([${e?.advanced?.cm}](https://github.com/gorilla-devs/GDLauncher/commit/${e?.advanced?.cm})` +
+ `${
+ prSplit
+ ? ` | [#${e?.advanced.pr}](https://github.com/gorilla-devs/GDLauncher/pull/${prSplit[0]}` +
+ `${prSplit?.[1] ? `/commits/${prSplit[1]}` : ''})`
+ : ''
+ })`;
+ const notes = `- **${e?.header || ''}** ${e?.content || ''}`;
+ changeLog += `${notes + advanced} \n`;
+ }
+ }
+ }
+ return changeLog;
+ };
+
+ const { data: newRelease } = await axios.default.post(
+ 'https://api.github.com/repos/gorilla-devs/GDLauncher/releases',
+ {
+ tag_name: `v${version}`,
+ name: `v${version}`,
+ draft: true,
+ prerelease: version.includes('beta'),
+ body: getChangeLog()
+ },
+ {
+ headers: {
+ Authorization: `token ${process.env.GH_ACCESS_TOKEN_RELEASES}`
+ }
+ }
+ );
+ uploadUrl = newRelease.upload_url;
+ console.log('New release tag created.');
+ }
+
+ const deployFiles = await readdir(deployFolder);
+
+ console.log(`Found ${deployFiles.length} files to upload.`);
+ let uploaded = 0;
+ for (const file of deployFiles) {
+ const fileUploadUrl = uploadUrl.replace('{?name,label}', `?name=${file}`);
+ const stats = await stat(path.join(deployFolder, file));
+ const buffer = await fs.promises.readFile(path.join(deployFolder, file));
+
+ let contentType = null;
+
+ switch (path.extname(file)) {
+ case '.gz':
+ contentType = 'application/gzip';
+ break;
+ case '.zip':
+ contentType = 'application/zip';
+ break;
+ case '.json':
+ contentType = 'application/json';
+ break;
+ default:
+ contentType = 'application/octet-stream';
+ }
+
+ try {
+ await axios.default.post(fileUploadUrl, buffer, {
+ headers: {
+ 'Content-Length': stats.size,
+ 'Content-Type': contentType,
+ Authorization: `token ${process.env.GH_ACCESS_TOKEN_RELEASES}`
+ },
+ maxContentLength: Infinity,
+ maxBodyLength: Infinity
+ });
+ } catch (err) {
+ console.error(err.message);
+ throw err;
+ }
+ uploaded += 1;
+ console.log(`Uploaded ${uploaded} / ${deployFiles.length} -- ${file}`);
+ }
+};
+
+main().catch(err => {
+ console.error(err);
+ process.exit(1);
+});
diff --git a/src/Root-Dev.js b/src/Root-Dev.js
new file mode 100644
index 0000000..3e727db
--- /dev/null
+++ b/src/Root-Dev.js
@@ -0,0 +1,7 @@
+import isElectron from 'is-electron';
+import DesktopRoot from './app/desktop/DesktopRoot';
+import BrowserRoot from './app/browser/BrowserRoot';
+
+const Root = isElectron() ? DesktopRoot : BrowserRoot;
+
+export default Root;
diff --git a/src/Root-Electron.js b/src/Root-Electron.js
new file mode 100644
index 0000000..3771d36
--- /dev/null
+++ b/src/Root-Electron.js
@@ -0,0 +1,3 @@
+import Root from './app/desktop/DesktopRoot';
+
+export default Root;
diff --git a/src/Root-Web.js b/src/Root-Web.js
new file mode 100644
index 0000000..a9491b5
--- /dev/null
+++ b/src/Root-Web.js
@@ -0,0 +1,3 @@
+import Root from './app/browser/BrowserRoot';
+
+export default Root;
diff --git a/src/app/browser/BrowserRoot.js b/src/app/browser/BrowserRoot.js
new file mode 100644
index 0000000..2aee9b7
--- /dev/null
+++ b/src/app/browser/BrowserRoot.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+function BrowserRoot() {
+ return
+
+
+
+
+ This is a browser app
;
+}
+
+export default BrowserRoot;
diff --git a/src/app/browser/utils/constants.js b/src/app/browser/utils/constants.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/browser/utils/routes.js b/src/app/browser/utils/routes.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/desktop/DesktopRoot.js b/src/app/desktop/DesktopRoot.js
new file mode 100644
index 0000000..1f0558a
--- /dev/null
+++ b/src/app/desktop/DesktopRoot.js
@@ -0,0 +1,207 @@
+import React, { useEffect, memo } from 'react';
+import { useDidMount } from 'rooks';
+import styled from 'styled-components';
+import { Switch } from 'react-router';
+import { ipcRenderer } from 'electron';
+import { useSelector, useDispatch } from 'react-redux';
+import { push } from 'connected-react-router';
+import { message } from 'antd';
+import RouteWithSubRoutes from '../../common/components/RouteWithSubRoutes';
+import {
+ loginWithAccessToken,
+ initManifests,
+ initNews,
+ loginThroughNativeLauncher,
+ switchToFirstValidAccount,
+ checkClientToken,
+ updateUserData,
+ loginWithOAuthAccessToken
+} from '../../common/reducers/actions';
+import {
+ load,
+ received,
+ requesting
+} from '../../common/reducers/loading/actions';
+import features from '../../common/reducers/loading/features';
+import GlobalStyles from '../../common/GlobalStyles';
+import RouteBackground from '../../common/components/RouteBackground';
+import ga from '../../common/utils/analytics';
+import routes from './utils/routes';
+import { _getCurrentAccount } from '../../common/utils/selectors';
+import { isLatestJavaDownloaded } from './utils';
+import SystemNavbar from './components/SystemNavbar';
+import useTrackIdle from './utils/useTrackIdle';
+import { openModal } from '../../common/reducers/modals/actions';
+import Message from './components/Message';
+import {
+ ACCOUNT_MICROSOFT,
+ LATEST_JAVA_VERSION
+} from '../../common/utils/constants';
+
+const Wrapper = styled.div`
+ height: 100vh;
+ width: 100vw;
+`;
+
+const Container = styled.div`
+ position: absolute;
+ top: ${props => props.theme.sizes.height.systemNavbar}px;
+ height: calc(100vh - ${props => props.theme.sizes.height.systemNavbar}px);
+ width: 100vw;
+ display: flex;
+ flex-direction: column;
+ transition: transform 0.2s;
+ transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+ will-change: transform;
+`;
+
+function DesktopRoot({ store }) {
+ const dispatch = useDispatch();
+ const currentAccount = useSelector(_getCurrentAccount);
+ const clientToken = useSelector(state => state.app.clientToken);
+ const javaPath = useSelector(state => state.settings.java.path);
+ const javaLatestPath = useSelector(state => state.settings.java.pathLatest);
+ const location = useSelector(state => state.router.location);
+ // const modals = useSelector(state => state.modals);
+ const shouldShowDiscordRPC = useSelector(state => state.settings.discordRPC);
+ // const [contentStyle, setContentStyle] = useState({ transform: 'scale(1)' });
+
+ message.config({
+ top: 45,
+ maxCount: 1
+ });
+
+ const init = async () => {
+ dispatch(requesting(features.mcAuthentication));
+ const userDataStatic = await ipcRenderer.invoke('getUserData');
+ const userData = dispatch(updateUserData(userDataStatic));
+ await dispatch(checkClientToken());
+ dispatch(initNews());
+
+ const manifests = await dispatch(initManifests());
+
+ let isJava8OK = javaPath;
+ let isJavaLatestOk = javaLatestPath;
+
+ if (!javaPath) {
+ ({ isValid: isJava8OK } = await isLatestJavaDownloaded(
+ manifests,
+ userData,
+ true
+ ));
+ }
+
+ if (!isJavaLatestOk) {
+ ({ isValid: isJavaLatestOk } = await isLatestJavaDownloaded(
+ manifests,
+ userData,
+ true,
+ LATEST_JAVA_VERSION
+ ));
+ }
+
+ if (!isJava8OK || !isJavaLatestOk) {
+ dispatch(openModal('JavaSetup', { preventClose: true }));
+
+ // Super duper hacky solution to await the modal to be closed...
+ // Please forgive me
+ await new Promise(resolve => {
+ function checkModalStillOpen(state) {
+ return state.modals.find(v => v.modalType === 'JavaSetup');
+ }
+
+ let currentValue;
+ const unsubscribe = store.subscribe(() => {
+ const previousValue = currentValue;
+ currentValue = store.getState().modals.length;
+ if (previousValue !== currentValue) {
+ const stillOpen = checkModalStillOpen(store.getState());
+
+ if (!stillOpen) {
+ unsubscribe();
+ return resolve();
+ }
+ }
+ });
+ });
+ }
+
+ if (process.env.NODE_ENV === 'development' && currentAccount) {
+ dispatch(received(features.mcAuthentication));
+ dispatch(push('/home'));
+ } else if (currentAccount) {
+ dispatch(
+ load(
+ features.mcAuthentication,
+ dispatch(
+ currentAccount.accountType === ACCOUNT_MICROSOFT
+ ? loginWithOAuthAccessToken()
+ : loginWithAccessToken()
+ )
+ )
+ ).catch(() => {
+ dispatch(switchToFirstValidAccount());
+ });
+ } else {
+ dispatch(
+ load(features.mcAuthentication, dispatch(loginThroughNativeLauncher()))
+ ).catch(console.error);
+ }
+
+ if (shouldShowDiscordRPC) {
+ ipcRenderer.invoke('init-discord-rpc');
+ }
+
+ ipcRenderer.on('custom-protocol-event', (e, data) => {
+ console.log(data);
+ });
+ };
+
+ // Handle already logged in account redirect
+ useDidMount(init);
+
+ useEffect(() => {
+ if (!currentAccount) {
+ dispatch(push('/'));
+ }
+ }, [currentAccount]);
+
+ useEffect(() => {
+ if (clientToken && process.env.NODE_ENV !== 'development') {
+ ga.setUserId(clientToken);
+ ga.trackPage(location.pathname);
+ }
+ }, [location.pathname, clientToken]);
+
+ useTrackIdle(location.pathname);
+
+ // useEffect(() => {
+ // if (
+ // modals[0] &&
+ // modals[0].modalType === 'Settings' &&
+ // !modals[0].unmounting
+ // ) {
+ // setContentStyle({ transform: 'scale(0.4)' });
+ // } else {
+ // setContentStyle({ transform: 'scale(1)' });
+ // }
+ // }, [modals]);
+
+ return (
+
+ {isInQueue ? isInQueue.status : null}
+
+ {`${isInQueue.percentage}%`}
+
+ {isPlaying.initialized && (
+ theme.palette.colors.green};
+ font-size: 27px;
+ position: absolute;
+ margin-left: -6px;
+ margin-top: -2px;
+ animation: ${PlayButtonAnimation} 0.5s
+ cubic-bezier(0.75, -1.5, 0, 2.75);
+ `}
+ icon={faPlay}
+ />
+ )}
+ {!isPlaying.initialized && }
+
+ )}
+ {isInQueue && 'In Queue'}
+ {!isInQueue && !isPlaying && PLAY}
+
+ )}
+ Bold
+
+
+
+
+ {
+ ga.sendCustomEvent('BHAdViewNavbar');
+ dispatch(openModal('BisectHosting'));
+ }}
+ />
+ {/*
+
+ )}
+
+ Partnered with
+
+ ipcRenderer.invoke('minimize-window')}
+ css={`
+ -webkit-app-region: no-drag;
+ `}
+ >
+
+ ipcRenderer.invoke('min-max-window')}
+ css={`
+ -webkit-app-region: no-drag;
+ `}
+ >
+
+
+
+
+ ) : (
+ <>
+
+
+ ipcRenderer.invoke('min-max-window')}
+ css={`
+ -webkit-app-region: no-drag;
+ `}
+ >
+
+ ipcRenderer.invoke('minimize-window')}
+ css={`
+ -webkit-app-region: no-drag;
+ `}
+ >
+
+ {!isLocation('/') && !isLocation('/onboarding') && (
+
+ Partnered with
+ dispatch(openModal('BisectHosting'))}
+ />
+ {/*
+
+
+
+ )}
+
+
+ );
+ };
+};
+
+export default withScroll;
diff --git a/src/app/desktop/views/Home.js b/src/app/desktop/views/Home.js
new file mode 100644
index 0000000..0e64ba7
--- /dev/null
+++ b/src/app/desktop/views/Home.js
@@ -0,0 +1,125 @@
+import React, { useState, useEffect, memo } from 'react';
+import styled from 'styled-components';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { Button } from 'antd';
+import { useSelector, useDispatch } from 'react-redux';
+import { ipcRenderer } from 'electron';
+import axios from 'axios';
+// import { promises as fs } from 'fs';
+// import path from 'path';
+import Instances from '../components/Instances';
+import News from '../components/News';
+import { openModal } from '../../../common/reducers/modals/actions';
+import {
+ _getCurrentAccount
+ // _getInstances
+} from '../../../common/utils/selectors';
+import { extractFace } from '../utils';
+import { updateLastUpdateVersion } from '../../../common/reducers/actions';
+
+const AddInstanceIcon = styled(Button)`
+ position: fixed;
+ bottom: 20px;
+ left: 20px;
+`;
+
+const AccountContainer = styled(Button)`
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ display: flex;
+ align-items: center;
+`;
+
+const Home = () => {
+ const dispatch = useDispatch();
+ const account = useSelector(_getCurrentAccount);
+ const news = useSelector(state => state.news);
+ const lastUpdateVersion = useSelector(state => state.app.lastUpdateVersion);
+ // const instances = useSelector(_getInstances);
+
+ const openAddInstanceModal = defaultPage => {
+ dispatch(openModal('AddInstance', { defaultPage }));
+ };
+
+ const openAccountModal = () => {
+ dispatch(openModal('AccountsManager'));
+ };
+
+ const [profileImage, setProfileImage] = useState(null);
+ const [annoucement, setAnnoucement] = useState(null);
+
+ useEffect(() => {
+ const init = async () => {
+ const appVersion = await ipcRenderer.invoke('getAppVersion');
+ if (lastUpdateVersion !== appVersion) {
+ dispatch(updateLastUpdateVersion(appVersion));
+ dispatch(openModal('ChangeLogs'));
+ }
+ try {
+ const { data } = await axios.get(
+ null
+ );
+ setAnnoucement(data || null);
+ } catch (e) {
+ console.log('No announcement to show');
+ }
+ };
+
+ init();
+ }, []);
+
+ useEffect(() => {
+ extractFace(account.skin).then(setProfileImage).catch(console.error);
+ }, [account]);
+
+ return (
+
+
+
+ {/* eslint-disable-next-line react/jsx-props-no-spreading */}
+
+
+ openAddInstanceModal(0)}>
+
+
+ {profileImage ? (
+ 
+ ) : (
+
+ {transitionState => (
+
+
+
+
+
+
+
+
+
+
+ Loading...
+
+ )}
+
+ );
+};
+
+export default memo(Login);
diff --git a/src/app/desktop/views/Onboarding.js b/src/app/desktop/views/Onboarding.js
new file mode 100644
index 0000000..4784e38
--- /dev/null
+++ b/src/app/desktop/views/Onboarding.js
@@ -0,0 +1,302 @@
+import React, { useRef, useState, memo, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { push } from 'connected-react-router';
+import styled from 'styled-components';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faLongArrowAltRight,
+ faLongArrowAltUp,
+ faLongArrowAltDown
+} from '@fortawesome/free-solid-svg-icons';
+import backgroundVideo from '../../../common/assets/onboarding.webm';
+import { _getCurrentAccount } from '../../../common/utils/selectors';
+import BisectHosting from '../../../ui/BisectHosting';
+import KoFiButton from '../../../common/assets/ko-fi.png';
+import { openModal } from '../../../common/reducers/modals/actions';
+
+const Background = styled.div`
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: ${props => props.theme.palette.colors.darkBlue};
+ overflow: hidden;
+`;
+
+const scrollToRef = ref =>
+ ref.current.scrollIntoView({ behavior: 'smooth', block: 'start' });
+
+const Home = () => {
+ const dispatch = useDispatch();
+ const [currentSlide, setCurrentSlide] = useState(0);
+ const [initScrolled, setInitScrolled] = useState(false);
+ const account = useSelector(_getCurrentAccount);
+
+ const firstSlideRef = useRef(null);
+ const secondSlideRef = useRef(null);
+ const thirdSlideRef = useRef(null);
+ const forthSlideRef = useRef(null);
+ const fifthSlideRef = useRef(null);
+ const executeScroll = type => {
+ if (currentSlide + type < 0 || currentSlide + type > 5) return;
+ setCurrentSlide(currentSlide + type);
+ switch (currentSlide + type) {
+ case 0:
+ scrollToRef(firstSlideRef);
+ break;
+ case 1:
+ scrollToRef(secondSlideRef);
+ break;
+ case 2:
+ scrollToRef(thirdSlideRef);
+ break;
+ case 3:
+ scrollToRef(forthSlideRef);
+ break;
+ case 4:
+ scrollToRef(fifthSlideRef);
+ break;
+ default:
+ scrollToRef(firstSlideRef);
+ break;
+ }
+ };
+
+ useEffect(() => {
+ setTimeout(() => {
+ setInitScrolled(true);
+ executeScroll(1);
+ }, 4800);
+ }, []);
+
+ return (
+
+
+ );
+};
+
+export default memo(Home);
diff --git a/src/common/ErrorBoundary.js b/src/common/ErrorBoundary.js
new file mode 100644
index 0000000..ff8e2ee
--- /dev/null
+++ b/src/common/ErrorBoundary.js
@@ -0,0 +1,83 @@
+import React from 'react';
+import { Button } from 'antd';
+import creeper from './assets/creeper.png';
+
+export default class ErrorBoundary extends React.Component {
+ static getDerivedStateFromError(error) {
+ // Update state so the next render will show the fallback UI.
+ return { error: error.message };
+ }
+
+ constructor(props) {
+ super(props);
+ this.state = { error: null, info: null };
+ }
+
+ componentDidCatch(error, info) {
+ this.setState(prevState => {
+ return {
+ ...prevState,
+ error: prevState.error
+ ? `${prevState.error} / ${error.message}`
+ : error.message,
+ info: info.componentStack || prevState.info
+ };
+ });
+ }
+
+ render() {
+ const { error, info } = this.state;
+ const { children } = this.props;
+ if (error) {
+ // You can render any custom fallback UI
+ return (
+
+ {/* eslint-disable-next-line react/jsx-props-no-spreading */}
+
+ );
+}
+
+export default WaitingComponent;
diff --git a/src/common/components/CloseButton.js b/src/common/components/CloseButton.js
new file mode 100644
index 0000000..da85e6c
--- /dev/null
+++ b/src/common/components/CloseButton.js
@@ -0,0 +1,25 @@
+import React from 'react';
+import styled from 'styled-components';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faWindowClose } from '@fortawesome/free-solid-svg-icons';
+
+const CloseButton = props => {
+ return (
+ // eslint-disable-next-line
+
+
+ );
+};
+
+export default CloseButton;
+
+const CloseIcon = styled.div`
+ font-size: 20px;
+ width: 20px;
+ cursor: pointer;
+ transition: all 0.15s ease-in-out;
+ &:hover {
+ color: ${props => props.theme.palette.error.main};
+ }
+`;
diff --git a/src/common/components/Modal.js b/src/common/components/Modal.js
new file mode 100644
index 0000000..922ddda
--- /dev/null
+++ b/src/common/components/Modal.js
@@ -0,0 +1,93 @@
+import React, { memo } from 'react';
+import { useDispatch } from 'react-redux';
+import styled from 'styled-components';
+import { useKey } from 'rooks';
+import CloseButton from './CloseButton';
+import { closeModal } from '../reducers/modals/actions';
+
+const HeaderComponent = styled.div`
+ position: relative;
+ display: flex;
+ align-items: center;
+ font-size: 16px;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ padding: 0 10px;
+ height: 40px;
+ background: ${props => props.theme.palette.grey[800]};
+ border-radius: 4px;
+ h3 {
+ line-height: 40px;
+ margin: 0;
+ }
+`;
+
+const Modal = ({
+ transparentBackground,
+ header,
+ title,
+ backBtn,
+ children,
+ className,
+ removePadding,
+ closeCallback,
+ preventClose
+}) => {
+ const dispatch = useDispatch();
+
+ const closeFunc = () => {
+ if (closeCallback) closeCallback();
+ dispatch(closeModal());
+ };
+
+ useKey(['Escape'], () => {
+ if (!preventClose) closeFunc();
+ });
+
+ return (
+
+ {children}
+
+ );
+};
+
+const ModalsManager = () => {
+ const currentModals = useSelector(state => state.modals);
+
+ const renderedModals = currentModals.map(modalDescription => {
+ const { modalType, modalProps = {}, unmounting = false } = modalDescription;
+ const ModalComponent = modalsComponentLookupTable[modalType];
+
+ return (
+
+ {/* eslint-disable-next-line react/jsx-props-no-spreading */}
+
+ );
+ });
+
+ return renderedModals;
+};
+
+export default ModalsManager;
diff --git a/src/common/components/PrivacyPolicy.js b/src/common/components/PrivacyPolicy.js
new file mode 100644
index 0000000..6083620
--- /dev/null
+++ b/src/common/components/PrivacyPolicy.js
@@ -0,0 +1,738 @@
+import React, { memo } from 'react';
+
+const PrivacyPolicy = () => {
+ return (
+ <>
+
+
+ );
+};
+
+export default InstanceDeleteConfirmation;
diff --git a/src/common/modals/InstanceDownloadFailed.js b/src/common/modals/InstanceDownloadFailed.js
new file mode 100644
index 0000000..04c920d
--- /dev/null
+++ b/src/common/modals/InstanceDownloadFailed.js
@@ -0,0 +1,122 @@
+import React, { useState } from 'react';
+import { Button } from 'antd';
+import { useDispatch, useSelector } from 'react-redux';
+import Modal from '../components/Modal';
+import {
+ addNextInstanceToCurrentDownload,
+ downloadInstance,
+ removeDownloadFromQueue,
+ updateInstanceConfig
+} from '../reducers/actions';
+import { openModal, closeModal } from '../reducers/modals/actions';
+import { _getInstancesPath, _getTempPath } from '../utils/selectors';
+import { rollBackInstanceZip } from '../utils';
+
+const InstanceDownloadFailed = ({
+ instanceName,
+ error,
+ isUpdate,
+ preventClose
+}) => {
+ const dispatch = useDispatch();
+ const [loading, setLoading] = useState(false);
+ const instancesPath = useSelector(_getInstancesPath);
+ const tempPath = useSelector(_getTempPath);
+
+ const ellipsedName =
+ instanceName.length > 20
+ ? `${instanceName.substring(0, 20)}...`
+ : instanceName;
+
+ const deleteDownload = async () => {
+ await dispatch(removeDownloadFromQueue(instanceName, true));
+
+ dispatch(closeModal());
+ await new Promise(resolve => setTimeout(resolve, 1000));
+ dispatch(openModal('InstanceDeleteConfirmation', { instanceName }));
+ };
+
+ const restoreDownload = async () => {
+ await dispatch(removeDownloadFromQueue(instanceName, true));
+ setLoading(true);
+ await new Promise(resolve => setTimeout(resolve, 1000));
+
+ await rollBackInstanceZip(
+ isUpdate,
+ instancesPath,
+ instanceName,
+ tempPath,
+ dispatch,
+ updateInstanceConfig
+ );
+
+ setLoading(false);
+ dispatch(addNextInstanceToCurrentDownload());
+ dispatch(closeModal());
+ };
+
+ const retry = async () => {
+ // Reset current download state
+ dispatch(closeModal());
+ dispatch(downloadInstance(instanceName));
+ };
+
+ return (
+
+
+ );
+};
+
+export default InstanceDownloadFailed;
diff --git a/src/common/modals/InstanceDuplicateName.js b/src/common/modals/InstanceDuplicateName.js
new file mode 100644
index 0000000..745572c
--- /dev/null
+++ b/src/common/modals/InstanceDuplicateName.js
@@ -0,0 +1,157 @@
+import { useDispatch, useSelector } from 'react-redux';
+import React, { useEffect, useState } from 'react';
+import { Button, Input } from 'antd';
+import fse from 'fs-extra';
+import path from 'path';
+import { transparentize } from 'polished';
+import { useInterval } from 'rooks';
+import makeDir from 'make-dir';
+import Modal from '../components/Modal';
+import { closeModal } from '../reducers/modals/actions';
+import { _getInstance, _getInstancesPath } from '../utils/selectors';
+import { updateInstanceConfig } from '../reducers/actions';
+
+const InstanceDuplicateName = ({ instanceName }) => {
+ const dispatch = useDispatch();
+ const [loading, setLoading] = useState(false);
+ const oldInstanceName = instanceName;
+ const instancesPath = useSelector(_getInstancesPath);
+ const oldInstance = useSelector(state => _getInstance(state)(instanceName));
+ const [newInstanceName, setNewInstanceName] = useState(
+ `${oldInstanceName} copy`
+ );
+ const [alreadyExists, setAlreadyExists] = useState(false);
+ const [invalidName, setInvalidName] = useState(false);
+
+ useEffect(() => {
+ if (newInstanceName) {
+ const regex = /^[\sa-zA-Z0-9_.-]+$/;
+ const finalWhiteSpace = /[^\s]$/;
+ if (
+ !regex.test(newInstanceName) ||
+ !finalWhiteSpace.test(newInstanceName) ||
+ newInstanceName.length >= 45
+ ) {
+ setInvalidName(true);
+ setAlreadyExists(false);
+ return;
+ }
+ fse
+ .pathExists(path.join(instancesPath, newInstanceName))
+ .then(exists => {
+ setAlreadyExists(exists);
+ setInvalidName(false);
+ return exists;
+ })
+ .catch(err => {
+ console.error(err);
+ });
+ }
+ }, [newInstanceName]);
+
+ const { start, stop } = useInterval(() => {
+ if (!loading) {
+ stop();
+ dispatch(closeModal());
+ }
+ }, 200);
+
+ const duplicateInstance = async () => {
+ setLoading(true);
+ start();
+ await makeDir(path.join(instancesPath, newInstanceName));
+
+ // Copy the old instance to the new instance folder
+ await fse.copy(
+ path.join(instancesPath, oldInstanceName),
+ path.join(instancesPath, newInstanceName)
+ );
+
+ // Reset the time played back to 0
+ dispatch(
+ updateInstanceConfig(newInstanceName, () => ({
+ ...oldInstance,
+ name: newInstanceName,
+ timePlayed: 0,
+ lastPlayed: 0
+ }))
+ );
+
+ setLoading(false);
+ };
+ return (
+
+
+ );
+};
+
+export default InstanceDuplicateName;
diff --git a/src/common/modals/InstanceExport/CurseForge/BackButton.js b/src/common/modals/InstanceExport/CurseForge/BackButton.js
new file mode 100644
index 0000000..ce322dd
--- /dev/null
+++ b/src/common/modals/InstanceExport/CurseForge/BackButton.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLongArrowAltLeft } from '@fortawesome/free-solid-svg-icons';
+
+export default function BackButton({ onClick, disabled = false }) {
+ return (
+
+ {state => (
+
+
+ )}
+
+ );
+}
+
+const Animation = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 100000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ will-change: transform;
+ transform: translateX(
+ ${({ state }) => (state === 'exiting' || state === 'exited' ? -100 : 0)}%
+ );
+`;
diff --git a/src/common/modals/InstanceExport/CurseForge/SecondStep.js b/src/common/modals/InstanceExport/CurseForge/SecondStep.js
new file mode 100644
index 0000000..99e2030
--- /dev/null
+++ b/src/common/modals/InstanceExport/CurseForge/SecondStep.js
@@ -0,0 +1,107 @@
+import React from 'react';
+import { Tree } from 'antd';
+import { Transition } from 'react-transition-group';
+import styled from 'styled-components';
+import BackButton from './BackButton';
+import ContinueButton from './ContinueButton';
+
+export default function SecondStep({
+ setSelectedFiles,
+ setPage,
+ treeData,
+ instancePath,
+ selectedFiles,
+ inProp,
+ page
+}) {
+ const onCheck = LcheckedKeys => {
+ setSelectedFiles(LcheckedKeys);
+ };
+ const computeTranslate = state => {
+ if (page === 0 || !page) {
+ if (state === 'exiting' || state === 'exited') {
+ return 100;
+ }
+ return 0;
+ }
+ if (state === 'exiting' || state === 'exited') {
+ return -100;
+ }
+ return 0;
+ };
+
+ return (
+
+ {state => (
+
+
+ )}
+
+ );
+}
+
+const Animation = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 100000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ will-change: transform;
+ transform: translateX(
+ ${({ state, computeTranslate }) => computeTranslate(state)}%
+ );
+`;
diff --git a/src/common/modals/InstanceExport/CurseForge/ThirdStep.js b/src/common/modals/InstanceExport/CurseForge/ThirdStep.js
new file mode 100644
index 0000000..705ca68
--- /dev/null
+++ b/src/common/modals/InstanceExport/CurseForge/ThirdStep.js
@@ -0,0 +1,345 @@
+import React, { useEffect, useState } from 'react';
+import { useDispatch } from 'react-redux';
+import { ipcRenderer } from 'electron';
+import { Button } from 'antd';
+import path from 'path';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCheck } from '@fortawesome/free-solid-svg-icons';
+import fse from 'fs-extra';
+import { add as add7z } from 'node-7z';
+import makeDir from 'make-dir';
+import { Transition } from 'react-transition-group';
+import styled from 'styled-components';
+import pMap from 'p-map';
+import { get7zPath } from '../../../../app/desktop/utils';
+import { FABRIC, VANILLA, FORGE } from '../../../utils/constants';
+import { getAddon } from '../../../api';
+
+/**
+ *
+ * @param {String} archiveName Name of archive without file extension.
+ * @param {String} zipDestPath Destination path (cwd of 7z).
+ * @param {Array} filesArray Array of files to include. Relative to current working directory unless full path is passed for each file.
+ */
+const createZip = async (archiveName, zipDestPath, filesArray) => {
+ const sevenZipPath = await get7zPath();
+ const zipCreation = add7z(
+ path.join(zipDestPath, `${archiveName}.zip`),
+ filesArray,
+ {
+ $bin: sevenZipPath,
+ $raw: ['-tzip'],
+ $spawnOptions: { cwd: zipDestPath, shell: true }
+ }
+ );
+ await new Promise((resolve, reject) => {
+ zipCreation.on('end', () => {
+ resolve();
+ });
+ zipCreation.on('error', err => {
+ reject(err.stderr);
+ });
+ });
+};
+
+export default function ThirdStep({
+ instanceName,
+ instancesPath,
+ instanceConfig,
+ filePath, // Destionation path for zip
+ packVersion,
+ tempPath,
+ packAuthor,
+ selectedFiles,
+ closeModal,
+ packZipName,
+ inProp,
+ page
+}) {
+ const [isCompleted, setIsCompleted] = useState(false);
+ const { loader, mods } = instanceConfig;
+ const mcVersion = loader?.mcVersion;
+ const modloaderName = loader?.loaderType;
+ const dispatch = useDispatch();
+ const tempExport = path.join(tempPath, instanceName);
+
+ const openExportLocation = async () => {
+ await ipcRenderer.invoke('openFolder', filePath);
+ };
+
+ // Construct manifest contents
+ const createManifest = async (modsArray = mods) => {
+ let loaderObj = {};
+ switch (modloaderName) {
+ case FORGE:
+ loaderObj = {
+ id: `${modloaderName}-${loader?.loaderVersion.slice(
+ mcVersion.length + 1
+ )}`,
+ primary: true
+ };
+ break;
+ case FABRIC:
+ loaderObj = {
+ id: `${modloaderName}-${loader?.loaderVersion}`,
+ loader: loader?.fileID,
+ primary: true
+ };
+ break;
+ case VANILLA:
+ loaderObj = {
+ id: modloaderName,
+ primary: true
+ };
+ break;
+ default:
+ throw new Error(
+ `Unknown loader type. Cannot export modloaderName: ${modloaderName}`
+ );
+ }
+
+ return {
+ minecraft: {
+ version: mcVersion,
+ modLoaders: [loaderObj]
+ },
+ manifestType: 'minecraftModpack',
+ overrides: 'overrides',
+ manifestVersion: 1,
+ version: packVersion,
+ author: packAuthor,
+ projectID:
+ modloaderName === 'forge' && loader.length > 3
+ ? parseInt(loader?.fileID, 10)
+ : undefined,
+ name: packZipName,
+ files: modsArray
+ .filter(mod => mod?.projectID)
+ .map(mod => ({
+ projectID: mod.projectID,
+ fileID: mod.fileID,
+ required: true
+ }))
+ };
+ };
+
+ const createModListHtml = async () => {
+ const mappedMods = await Promise.all(
+ mods
+ .filter(mod => mod.projectID)
+ .map(async mod => {
+ let ok = false;
+ let tries = 0;
+
+ do {
+ try {
+ tries += 1;
+ if (tries !== 1) {
+ await new Promise(resolve => setTimeout(resolve, 5000));
+ }
+ const data = await getAddon(mod.projectID);
+
+ ok = true;
+ return {
+ name: data.name,
+ url: data.websiteUrl,
+ author: data.authors[0].name
+ };
+ } catch (e) {
+ console.error(e);
+ }
+ } while (!ok && tries <= 3);
+ })
+ );
+
+ return `
+ {state => (
+
+
+ )}
+
+ );
+}
+
+const Animation = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 100000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ will-change: transform;
+ transform: translateX(
+ ${({ state }) => (state === 'exiting' || state === 'exited' ? 100 : 0)}%
+ );
+`;
diff --git a/src/common/modals/InstanceExport/CurseForge/index.js b/src/common/modals/InstanceExport/CurseForge/index.js
new file mode 100644
index 0000000..08409c3
--- /dev/null
+++ b/src/common/modals/InstanceExport/CurseForge/index.js
@@ -0,0 +1,96 @@
+import React, { useState } from 'react';
+import { useSelector } from 'react-redux';
+import { ipcRenderer } from 'electron';
+import path from 'path';
+import {
+ _getInstance,
+ _getCurrentAccount,
+ _getInstancesPath,
+ _getTempPath
+} from '../../../utils/selectors';
+import Modal from '../../../components/Modal';
+import { closeModal } from '../../../reducers/modals/actions';
+import FirstStep from './FirstStep';
+import SecondStep from './SecondStep';
+import ThirdStep from './ThirdStep';
+
+const InstanceExportCurseForge = ({ instanceName }) => {
+ const [page, setPage] = useState(0);
+ const instanceConfig = useSelector(state =>
+ _getInstance(state)(instanceName)
+ );
+
+ const currentAccount = useSelector(_getCurrentAccount);
+ const username = currentAccount.selectedProfile.name;
+ const [filePath, setFilePath] = useState(null);
+ const [packVersion, setPackVersion] = useState('1.0');
+ const [packAuthor, setPackAuthor] = useState(username);
+ const [packZipName, setPackZipName] = useState(instanceName);
+ const [selectedFiles, setSelectedFiles] = useState([]);
+ const instancesPath = useSelector(_getInstancesPath);
+ const tempPath = useSelector(_getTempPath);
+ const [treeData, setTreeData] = useState([]);
+ const instancePath = path.join(instancesPath, instanceName);
+
+ const openFolderDialog = async () => {
+ const dialog = await ipcRenderer.invoke('openFolderDialog', instancesPath);
+ if (dialog.canceled) return;
+ setFilePath(dialog.filePaths[0]);
+ };
+
+ return (
+
+
+ );
+};
+
+export default React.memo(InstanceExportCurseForge);
diff --git a/src/common/modals/InstanceManager/Modpack.js b/src/common/modals/InstanceManager/Modpack.js
new file mode 100644
index 0000000..6bddbea
--- /dev/null
+++ b/src/common/modals/InstanceManager/Modpack.js
@@ -0,0 +1,243 @@
+import React, { useState, useEffect, memo } from 'react';
+import styled from 'styled-components';
+import { Select, Button } from 'antd';
+import { useDispatch, useSelector } from 'react-redux';
+import ReactHtmlParser from 'react-html-parser';
+import path from 'path';
+import { getAddonFiles, getAddonFileChangelog } from '../../api';
+import { changeModpackVersion } from '../../reducers/actions';
+import { closeModal } from '../../reducers/modals/actions';
+import { _getInstancesPath, _getTempPath } from '../../utils/selectors';
+import { makeInstanceRestorePoint } from '../../utils';
+
+const Modpack = ({ modpackId, instanceName, manifest }) => {
+ const [files, setFiles] = useState([]);
+ const [versionName, setVersionName] = useState(null);
+ const [selectedIndex, setSelectedIndex] = useState(null);
+ const [loading, setLoading] = useState(false);
+ const [installing, setInstalling] = useState(false);
+ const dispatch = useDispatch();
+ const tempPath = useSelector(_getTempPath);
+ const instancesPath = useSelector(_getInstancesPath);
+
+ const initData = async () => {
+ setLoading(true);
+ if (manifest) {
+ setVersionName(`${manifest?.name} - ${manifest?.version}`);
+ const data = await getAddonFiles(modpackId);
+ const mappedFiles = await Promise.all(
+ data.map(async v => {
+ const changelog = await getAddonFileChangelog(modpackId, v.id);
+ return {
+ ...v,
+ changelog
+ };
+ })
+ );
+ setFiles(mappedFiles);
+ }
+ setLoading(false);
+ };
+
+ useEffect(() => {
+ initData().catch(console.error);
+ }, []);
+
+ const getReleaseType = id => {
+ switch (id) {
+ case 1:
+ return (
+ props.theme.palette.colors.green};
+ `}
+ >
+ [Stable]
+
+ );
+ case 2:
+ return (
+ props.theme.palette.colors.yellow};
+ `}
+ >
+ [Beta]
+
+ );
+ case 3:
+ default:
+ return (
+ props.theme.palette.colors.red};
+ `}
+ >
+ [Alpha]
+
+ );
+ }
+ };
+
+ const handleChange = value => setSelectedIndex(value);
+ const newInstancePath = path.join(tempPath, `${instanceName}__RESTORE`);
+
+ return (
+
+ Installed version: {versionName}
+
+
+
+
+ );
+};
+
+export default memo(Modpack);
+
+const Container = styled.div`
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+`;
+
+const StyledSelect = styled(Select)`
+ width: 650px;
+ height: 50px;
+ margin-top: 20px;
+ .ant-select-selection-placeholder {
+ height: 50px !important;
+ line-height: 50px !important;
+ }
+ .ant-select-selector {
+ height: 50px !important;
+ cursor: pointer !important;
+ }
+ .ant-select-selection-item {
+ flex: 1;
+ cursor: pointer;
+ & > div {
+ & > div:nth-child(2) {
+ & > div:last-child {
+ height: 10px;
+ line-height: 5px;
+ }
+ }
+ }
+ }
+`;
+
+const Changelog = styled.div`
+ perspective: 1px;
+ transform-style: preserve-3d;
+ height: calc(100% - 160px);
+ background: ${props => props.theme.palette.grey[900]};
+ width: calc(100% - 80px);
+ word-break: break-all;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ margin: 20px 40px;
+ padding: 20px;
+ font-size: 20px;
+ * {
+ color: ${props => props.theme.palette.text.primary} !important;
+ }
+ & > div:first-child {
+ font-size: 24px;
+ width: 100%;
+ text-align: center;
+ margin-bottom: 30px;
+ }
+ p {
+ text-align: center;
+ }
+ img {
+ max-width: 100%;
+ height: auto;
+ }
+`;
diff --git a/src/common/modals/InstanceManager/Mods.js b/src/common/modals/InstanceManager/Mods.js
new file mode 100644
index 0000000..950aac8
--- /dev/null
+++ b/src/common/modals/InstanceManager/Mods.js
@@ -0,0 +1,890 @@
+import React, { memo, useState, useEffect, useMemo } from 'react';
+import { clipboard, ipcRenderer } from 'electron';
+import styled, { keyframes } from 'styled-components';
+import memoize from 'memoize-one';
+import { ContextMenuTrigger, ContextMenu, MenuItem } from 'react-contextmenu';
+import { Portal } from 'react-portal';
+import path from 'path';
+import pMap from 'p-map';
+import { FixedSizeList as List, areEqual } from 'react-window';
+import { Checkbox, Input, Button, Switch, Spin, Dropdown, Menu } from 'antd';
+import { LoadingOutlined } from '@ant-design/icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faTrash,
+ faArrowDown,
+ faDownload,
+ faEllipsisV,
+ faCopy,
+ faFolder
+} from '@fortawesome/free-solid-svg-icons';
+import { useSelector, useDispatch } from 'react-redux';
+import { Transition } from 'react-transition-group';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import fse from 'fs-extra';
+import makeDir from 'make-dir';
+import curseForgeIcon from '../../assets/curseforgeIcon.webp';
+import {
+ _getInstance,
+ _getInstancesPath,
+ _getTempPath
+} from '../../utils/selectors';
+import {
+ updateInstanceConfig,
+ deleteMod,
+ updateMod,
+ initLatestMods
+} from '../../reducers/actions';
+import { openModal } from '../../reducers/modals/actions';
+import { makeModRestorePoint } from '../../utils';
+
+const Header = styled.div`
+ height: 40px;
+ width: 100%;
+ background: ${props => props.theme.palette.grey[700]};
+ display: flex;
+ align-items: center;
+ padding: 0 10px;
+ justify-content: space-between;
+`;
+
+const RowContainer = styled.div.attrs(props => ({
+ style: props.override
+}))`
+ width: 100%;
+ height: 100%;
+ background: ${props =>
+ props.disabled || props.selected
+ ? 'transparent'
+ : props.theme.palette.grey[800]};
+ ${props =>
+ props.disabled &&
+ !props.selected &&
+ `box-shadow: inset 0 0 0 3px ${props.theme.palette.colors.red};`}
+ ${props =>
+ props.selected &&
+ `box-shadow: inset 0 0 0 3px ${props.theme.palette.primary.main};`}
+ transition: border 0.1s ease-in-out;
+ border-radius: 4px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 16px;
+ box-sizing: content-box;
+ padding: 0 10px;
+ &:hover {
+ .rowCenterContent {
+ color: ${props => props.theme.palette.text.primary};
+ }
+ }
+ .leftPartContent {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ & > * {
+ margin-right: 12px;
+ }
+ }
+ .rowCenterContent {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ transition: color 0.1s ease-in-out;
+ height: 100%;
+ ${props =>
+ props.isHovered ? `color: ${props.theme.palette.text.primary};` : ''}
+ cursor: pointer;
+ svg {
+ margin-right: 10px;
+ }
+ }
+ .rightPartContent {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ & > * {
+ margin-left: 10px;
+ }
+ }
+`;
+
+const RowContainerBackground = styled.div`
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ z-index: -1;
+
+ ${props =>
+ props.selected &&
+ ` background: repeating-linear-gradient(
+ 45deg,
+ ${props.theme.palette.primary.main},
+ ${props.theme.palette.primary.main} 10px,
+ ${props.theme.palette.primary.dark} 10px,
+ ${props.theme.palette.primary.dark} 20px
+ );`};
+
+ ${props =>
+ props.disabled &&
+ !props.selected &&
+ `background: repeating-linear-gradient(
+ 45deg,
+ ${props.theme.palette.colors.red},
+ ${props.theme.palette.colors.red} 10px,
+ ${props.theme.palette.colors.maximumRed} 10px,
+ ${props.theme.palette.colors.maximumRed} 20px
+ );`};
+ filter: brightness(60%);
+ transition: opacity 0.1s ease-in-out;
+ opacity: ${props => (props.disabled || props.selected ? 1 : 0)};
+`;
+
+const NotItemsAvailable = styled.div`
+ height: 100%;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+`;
+
+const DragEnterEffect = styled.div`
+ position: absolute;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border: solid 5px ${props => props.theme.palette.primary.main};
+ transition: opacity 0.2s ease-in-out;
+ border-radius: 3px;
+ width: 100%;
+ height: 100%;
+ margin-top: 3px;
+ z-index: ${props =>
+ props.transitionState !== 'entering' && props.transitionState !== 'entered'
+ ? -1
+ : 2};
+ backdrop-filter: blur(4px);
+ background: linear-gradient(
+ 0deg,
+ rgba(0, 0, 0, 0.3) 40%,
+ rgba(0, 0, 0, 0.3) 40%
+ );
+ opacity: ${({ transitionState }) =>
+ transitionState === 'entering' || transitionState === 'entered' ? 1 : 0};
+`;
+
+const StyledDropdown = styled.div`
+ width: 32px;
+ height: 32px;
+ padding: 5px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: background 0.2s ease-in-out;
+ cursor: pointer;
+ &:hover {
+ background: ${props => props.theme.palette.grey[400]};
+ }
+`;
+
+export const keyFrameMoveUpDown = keyframes`
+ 0% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-15px);
+ }
+
+`;
+
+const OpenFolderButton = styled(FontAwesomeIcon)`
+ transition: color 0.1s ease-in-out;
+ cursor: pointer;
+ margin: 0 10px;
+ &:hover {
+ cursor: pointer;
+ path {
+ cursor: pointer;
+ transition: color 0.1s ease-in-out;
+ color: ${props => props.theme.palette.primary.main};
+ }
+ }
+`;
+
+const DragArrow = styled(FontAwesomeIcon)`
+ ${props =>
+ props.fileDrag ? props.theme.palette.primary.main : 'transparent'};
+
+ color: ${props => props.theme.palette.primary.main};
+
+ animation: ${keyFrameMoveUpDown} 1.5s linear infinite;
+`;
+
+const CopyTitle = styled.h1`
+ ${props =>
+ props.fileDrag ? props.theme.palette.primary.main : 'transparent'};
+
+ color: ${props => props.theme.palette.primary.main};
+
+ animation: ${keyFrameMoveUpDown} 1.5s linear infinite;
+`;
+
+const DeleteSelectedMods = styled(({ selectedMods, ...props }) => (
+ // eslint-disable-next-line react/jsx-props-no-spreading
+
+
+
+
+
+ {
+ setSelectedMods([item.fileName]);
+ setIsHovered(true);
+ }}
+ onHide={() => setIsHovered(false)}
+ >
+
+
+
+
+ );
+}, areEqual);
+
+const createItemData = memoize(
+ (
+ items,
+ instanceName,
+ instancePath,
+ gameVersions,
+ selectedMods,
+ setSelectedMods,
+ latestMods
+ ) => ({
+ items,
+ instanceName,
+ instancePath,
+ gameVersions,
+ selectedMods,
+ setSelectedMods,
+ latestMods
+ })
+);
+
+const sort = arr =>
+ arr.slice().sort((a, b) => a.fileName?.localeCompare(b.fileName));
+
+const filter = (arr, search) =>
+ arr.filter(
+ mod =>
+ mod.fileName?.toLowerCase()?.includes(search?.toLowerCase()) ||
+ mod.displayName?.toLowerCase()?.includes(search?.toLowerCase())
+ );
+
+const getFileType = file => {
+ const fileName = file.name;
+ let fileType = '';
+
+ const splitFileName = fileName?.split('.');
+ if (splitFileName.length) {
+ fileType = splitFileName[splitFileName.length - 1];
+ }
+
+ return fileType;
+};
+
+const Mods = ({ instanceName }) => {
+ const instance = useSelector(state => _getInstance(state)(instanceName));
+ const instancesPath = useSelector(_getInstancesPath);
+ const curseReleaseChannel = useSelector(
+ state => state.settings.curseReleaseChannel
+ );
+ const latestMods = useSelector(state => state.latestModManifests);
+ const [mods, setMods] = useState(sort(instance.mods));
+ const [selectedMods, setSelectedMods] = useState([]);
+ const [search, setSearch] = useState('');
+ const [isMenuOpen, setIsMenuOpen] = useState(false);
+ const [fileDrag, setFileDrag] = useState(false);
+ const [fileDrop, setFileDrop] = useState(false);
+ const [loadingModUpdates, setLoadingModUpdates] = useState(false);
+ const [numOfDraggedFiles, setNumOfDraggedFiles] = useState(0);
+ const [dragCompleted, setDragCompleted] = useState({});
+ const [dragCompletedPopulated, setDragCompletedPopulated] = useState(false);
+
+ const dispatch = useDispatch();
+
+ const openFolder = async p => {
+ await makeDir(p);
+ ipcRenderer.invoke('openFolder', p);
+ };
+
+ const antIcon = (
+
+ )
+ }
+ ]}
+ />
+ );
+
+ return (
+ props.theme.palette.colors.yellow};
+ `}
+ >
+ {annoucement}
+
+ ) : null}
+ props.theme.palette.grey[100]};
+ margin-right: 10px;
+ `}
+ />
+ )}
+ {account && account.selectedProfile.name}
+
+
+ );
+};
+
+export default memo(Home);
diff --git a/src/app/desktop/views/Login.js b/src/app/desktop/views/Login.js
new file mode 100644
index 0000000..07068ca
--- /dev/null
+++ b/src/app/desktop/views/Login.js
@@ -0,0 +1,322 @@
+import React, { useState, useEffect, memo } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { ipcRenderer } from 'electron';
+import styled from 'styled-components';
+import { Transition } from 'react-transition-group';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faArrowRight,
+ faExternalLinkAlt
+} from '@fortawesome/free-solid-svg-icons';
+import { Input, Button } from 'antd';
+import { useKey } from 'rooks';
+import { login, loginOAuth } from '../../../common/reducers/actions';
+import { load, requesting } from '../../../common/reducers/loading/actions';
+import features from '../../../common/reducers/loading/features';
+import backgroundVideo from '../../../common/assets/background.webm';
+import HorizontalLogo from '../../../ui/HorizontalLogo';
+import { openModal } from '../../../common/reducers/modals/actions';
+
+const LoginButton = styled(Button)`
+ border-radius: 4px;
+ font-size: 22px;
+ background: ${props =>
+ props.active ? props.theme.palette.grey[600] : 'transparent'};
+ border: 0;
+ height: auto;
+ margin-top: 20px;
+ text-align: center;
+ color: ${props => props.theme.palette.text.primary};
+ &:hover {
+ color: ${props => props.theme.palette.text.primary};
+ background: ${props => props.theme.palette.grey[600]};
+ }
+ &:focus {
+ color: ${props => props.theme.palette.text.primary};
+ background: ${props => props.theme.palette.grey[600]};
+ }
+`;
+
+const MicrosoftLoginButton = styled(LoginButton)`
+ margin-top: 10px;
+`;
+
+const Container = styled.div`
+ display: flex;
+ width: 100%;
+ height: 100%;
+ position: relative;
+`;
+
+const LeftSide = styled.div`
+ position: relative;
+ width: 300px;
+ padding: 40px;
+ height: 100%;
+ transition: 0.3s ease-in-out;
+ transform: translateX(
+ ${({ transitionState }) =>
+ transitionState === 'entering' || transitionState === 'entered'
+ ? -300
+ : 0}px
+ );
+ background: ${props => props.theme.palette.secondary.main};
+ & div {
+ margin: 10px 0;
+ }
+ p {
+ margin-top: 1em;
+ color: ${props => props.theme.palette.text.third};
+ }
+`;
+
+const Form = styled.div`
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ margin: 20px 0 !important;
+`;
+
+const Background = styled.div`
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ video {
+ transition: 0.3s ease-in-out;
+ transform: translateX(
+ ${({ transitionState }) =>
+ transitionState === 'entering' || transitionState === 'entered'
+ ? -300
+ : 0}px
+ );
+ position: absolute;
+ z-index: -1;
+ height: 150%;
+ top: -30%;
+ }
+`;
+
+const Header = styled.div`
+ display: flex;
+ align-items: center;
+`;
+
+const Footer = styled.div`
+ position: absolute;
+ bottom: 4px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ width: calc(100% - 80px);
+`;
+
+const FooterLinks = styled.div`
+ font-size: 0.75rem;
+ margin: 0 !important;
+ a {
+ color: ${props => props.theme.palette.text.third};
+ }
+ a:hover {
+ color: ${props => props.theme.palette.text.secondary};
+ }
+`;
+
+const Loading = styled.div`
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ z-index: -1;
+ justify-content: center;
+ backdrop-filter: blur(8px) brightness(60%);
+ font-size: 40px;
+ transition: 0.3s ease-in-out;
+ opacity: ${({ transitionState }) =>
+ transitionState === 'entering' || transitionState === 'entered' ? 1 : 0};
+`;
+const LoginFailMessage = styled.div`
+ color: ${props => props.theme.palette.colors.red};
+`;
+
+const Login = () => {
+ const dispatch = useDispatch();
+ const [email, setEmail] = useState(null);
+ const [password, setPassword] = useState(null);
+ const [version, setVersion] = useState(null);
+ const [loginFailed, setLoginFailed] = useState(false);
+ const loading = useSelector(
+ state => state.loading.accountAuthentication.isRequesting
+ );
+
+ const authenticate = () => {
+ if (!email || !password) return;
+ dispatch(requesting('accountAuthentication'));
+ setTimeout(() => {
+ dispatch(
+ load(features.mcAuthentication, dispatch(login(email, password)))
+ ).catch(e => {
+ console.error(e);
+ setLoginFailed(e);
+ setPassword(null);
+ });
+ }, 1000);
+ };
+
+ const authenticateMicrosoft = () => {
+ dispatch(requesting('accountAuthentication'));
+
+ setTimeout(() => {
+ dispatch(load(features.mcAuthentication, dispatch(loginOAuth()))).catch(
+ e => {
+ console.error(e);
+ setLoginFailed(e);
+ }
+ );
+ }, 1000);
+ };
+
+ useKey(['Enter'], authenticate);
+
+ useEffect(() => {
+ ipcRenderer.invoke('getAppVersion').then(setVersion).catch(console.error);
+ }, []);
+
+ return (
+ props.theme.palette.grey[700]};
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ color: ${props => props.theme.palette.text.primary};
+ `}
+ >
+
+
+
+
+ props.theme.palette.grey[800]};
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ `}
+ >
+
+
+ {account.selectedProfile.name}, welcome to GDLauncher!
+
+ props.theme.palette.grey[700]};
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ `}
+ >
+
+
+ GDlauncher is completely free and open source.
+ If you want to support us, consider renting a server on BisectHosting, + our official partner! +
+
+
+ + If you want to support us, consider renting a server on BisectHosting, + our official partner! +
+
+
+ dispatch(openModal('BisectHosting'))}
+ />
+
+ props.theme.palette.grey[800]};
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ `}
+ >
+
+
+ Or you can also support us through Ko-Fi.
+
+
+
+ 
+
+
+ props.theme.palette.grey[700]};
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ `}
+ >
+
+ {currentSlide !== 0 && currentSlide !== 1 && initScrolled && (
+
+ Also, don't forget to join us on Discord! This is where our
+ community is!
+
+
+ props.theme.palette.text.icon};
+ &:hover {
+ background: ${props => props.theme.action.hover};
+ }
+ `}
+ onClick={() => executeScroll(-1)}
+ >
+
+ )}
+ {currentSlide !== 0 && initScrolled && (
+ props.theme.palette.text.icon};
+ &:hover {
+ background: ${props => props.theme.action.hover};
+ }
+ `}
+ onClick={() => {
+ if (currentSlide === 4) {
+ dispatch(push('/home'));
+ } else {
+ executeScroll(1);
+ }
+ }}
+ >
+
+ )}
+
+ 
+
+ );
+ }
+ return children;
+ }
+}
diff --git a/src/common/GlobalStyles.js b/src/common/GlobalStyles.js
new file mode 100644
index 0000000..66bd187
--- /dev/null
+++ b/src/common/GlobalStyles.js
@@ -0,0 +1,182 @@
+import { createGlobalStyle } from 'styled-components';
+
+export default createGlobalStyle`
+ html {
+ height: 100%;
+ }
+
+ body {
+ height: 100%;
+ overflow: hidden;
+ display: flex;
+ -webkit-transform:translate3d(0,0,0);
+ -webkit-font-smoothing: antialiased;
+ }
+
+ #root {
+ font-family: Inter, Roboto, Helvetica, sans-serif;
+ font-size: 14px;
+ height: 100%;
+ overflow: hidden;
+ margin: 0;
+ display: flex;
+ box-sizing: border-box;
+ }
+
+.disable-animations *,
+.disable-animations *::before,
+.disable-animations *::after {
+ transition: none !important;
+ animation: none !important;
+ backdrop-filter: none !important;
+}
+
+ a {
+ -webkit-user-drag: none;
+ }
+
+ a:hover {
+ text-decoration: none;
+ }
+
+ :focus { outline: none; }
+
+ hr {
+ border-width: 1px 0 0;
+ border-top-style: solid;
+ border-right-style: initial;
+ border-bottom-style: initial;
+ border-left-style: initial;
+ border-top-color: rgba(255, 255, 255, 0.4);
+ border-right-color: initial;
+ border-bottom-color: initial;
+ border-left-color: initial;
+ border-image: initial;
+ margin: 15px 0;
+ }
+
+ img {
+ -webkit-user-drag: none;
+ -webkit-transform:translate3d(0,0,0);
+ }
+
+ ::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+ border-radius: 1px;
+ }
+
+ ::-webkit-scrollbar-thumb {
+ background-color: ${props => props.theme.palette.grey[200]};
+ border-radius: 3px;
+ }
+
+ ::-webkit-scrollbar-track {
+ background-color: transparent;
+ }
+
+ :not(input):not(textarea):not(button):not(span):not(div):not(a):not(i):not(span):not(svg):not(path),
+ :not(input):not(textarea):not(button):not(span):not(div):not(a):not(i):not(span):not(svg):not(path)::after,
+ :not(input):not(textarea):not(button):not(span):not(div):not(a):not(i):not(span):not(svg):not(path)::before {
+ -webkit-user-select: none;
+ user-select: none;
+ cursor: default;
+ }
+
+ .react-contextmenu {
+ background: ${props => props.theme.palette.grey[700]};
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 4px;
+ color: ${props => props.theme.palette.text.primary};
+ font-size: 16px;
+ min-width: 220px;
+ outline: none;
+ transform-origin: top left;
+ pointer-events: none;
+ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+ text-align: center;
+ opacity: 0;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition: opacity 150ms;
+ }
+
+ .react-contextmenu.react-contextmenu--visible {
+ transition: opacity 150ms;
+ opacity: 1;
+ pointer-events: auto;
+ z-index: 999999;
+ }
+
+ .react-contextmenu-item {
+ background: 0 0;
+ color: ${props => props.theme.palette.text.primary};
+ cursor: pointer;
+ font-weight: 400;
+ line-height: 1.5;
+ padding: 8px 10px;
+ text-align: left;
+ white-space: nowrap;
+ span {
+ color: ${props => props.theme.palette.text.primary};
+ width: 25px;
+ }
+ }
+
+ .react-contextmenu-item:not(.react-contextmenu-item--divider):hover{
+ background: ${({ theme }) => theme.palette.grey[600]};
+ text-decoration: none;
+ }
+
+ .react-contextmenu-item:not(.react-contextmenu-item--divider):active{
+ background: ${({ theme }) => theme.palette.grey[500]};
+ text-decoration: none;
+ }
+
+ .react-contextmenu-item:focus {
+ outline: none;
+ }
+
+ .react-contextmenu-item.react-contextmenu-item--disabled,
+ .react-contextmenu-item.react-contextmenu-item--disabled:hover {
+ background-color: transparent;
+ color: ${props => props.theme.palette.text.disabled};
+ }
+
+ .react-contextmenu-item--divider {
+ border-bottom: 1px solid ${props => props.theme.palette.grey[600]};
+ cursor: inherit;
+ margin-bottom: 3px;
+ padding: 2px 0;
+ }
+
+ .ant-select-dropdown, .ant-dropdown, .ant-cascader-menus {
+ z-index: 99999999 !important;
+ }
+
+ .ant-radio-button-wrapper {
+ color: rgba(255, 255, 255, 0.65) !important;
+ }
+
+ .ant-radio-button-wrapper:hover, .ant-radio-button-wrapper-checked {
+ color: rgba(255, 255, 255, 0.95) !important;
+ }
+
+ .ant-radio-button-wrapper-checked {
+ border-color: rgba(255, 255, 255, 0.95) !important;
+ }
+
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before,
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
+ background-color: rgba(255, 255, 255, 0.95) !important;
+ }
+
+
+ @keyframes modalShake {
+ 0% { transform: scale(1.01) }
+ 30% { transform: scale(0.99) }
+ 60% { transform: scale(1.01) }
+ 90% { transform: scale(0.99) }
+ 100% { transform: scale(1) }
+ }
+`;
diff --git a/src/common/api.js b/src/common/api.js
new file mode 100644
index 0000000..5515997
--- /dev/null
+++ b/src/common/api.js
@@ -0,0 +1,362 @@
+// @flow
+import axios from 'axios';
+import qs from 'querystring';
+import {
+ MOJANG_APIS,
+ FORGESVC_URL,
+ FABRIC_APIS,
+ JAVA_MANIFEST_URL,
+ IMGUR_CLIENT_ID,
+ MICROSOFT_LIVE_LOGIN_URL,
+ MICROSOFT_XBOX_LOGIN_URL,
+ MICROSOFT_XSTS_AUTH_URL,
+ MINECRAFT_SERVICES_URL,
+ JAVA_LATEST_MANIFEST_URL
+} from './utils/constants';
+import { sortByDate, getMcManifestUrl } from './utils';
+import ga from './utils/analytics';
+
+const axioInstance = axios.create({
+ headers: {
+ 'X-API-KEY': '$2a$10$5BgCleD8.rLQ5Ix17Xm2lOjgfoeTJV26a1BXmmpwrOemgI517.nuC',
+ 'Content-Type': 'application/json',
+ Accept: 'application/json'
+ }
+});
+
+const trackCurseForgeAPI = () => {
+ ga.sendCustomEvent('CurseForgeAPICall');
+};
+
+// Microsoft Auth
+export const msExchangeCodeForAccessToken = (
+ clientId,
+ redirectUrl,
+ code,
+ codeVerifier
+) => {
+ return axios.post(
+ `${MICROSOFT_LIVE_LOGIN_URL}/oauth20_token.srf`,
+ qs.stringify({
+ grant_type: 'authorization_code',
+ client_id: clientId,
+ scope: 'offline_access xboxlive.signin xboxlive.offline_access',
+ redirect_uri: redirectUrl,
+ code,
+ code_verifier: codeVerifier
+ }),
+ {
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-Skip-Origin': 'skip'
+ }
+ }
+ );
+};
+
+export const msAuthenticateXBL = accessToken => {
+ return axios.post(
+ `${MICROSOFT_XBOX_LOGIN_URL}/user/authenticate`,
+ {
+ Properties: {
+ AuthMethod: 'RPS',
+ SiteName: 'user.auth.xboxlive.com',
+ RpsTicket: `d=${accessToken}` // your access token from step 2 here
+ },
+ RelyingParty: 'http://auth.xboxlive.com',
+ TokenType: 'JWT'
+ },
+ {
+ headers: {
+ 'x-xbl-contract-version': 1
+ }
+ }
+ );
+};
+
+export const msAuthenticateXSTS = xblToken => {
+ return axios.post(`${MICROSOFT_XSTS_AUTH_URL}/xsts/authorize`, {
+ Properties: {
+ SandboxId: 'RETAIL',
+ UserTokens: [xblToken]
+ },
+ RelyingParty: 'rp://api.minecraftservices.com/',
+ TokenType: 'JWT'
+ });
+};
+
+export const msAuthenticateMinecraft = (uhsToken, xstsToken) => {
+ return axios.post(
+ `${MINECRAFT_SERVICES_URL}/authentication/login_with_xbox`,
+ {
+ identityToken: `XBL3.0 x=${uhsToken};${xstsToken}`
+ }
+ );
+};
+
+export const msMinecraftProfile = mcAccessToken => {
+ return axios.get(`${MINECRAFT_SERVICES_URL}/minecraft/profile`, {
+ headers: {
+ Authorization: `Bearer ${mcAccessToken}`
+ }
+ });
+};
+
+export const msOAuthRefresh = (clientId, refreshToken) => {
+ return axios.post(
+ `${MICROSOFT_LIVE_LOGIN_URL}/oauth20_token.srf`,
+ qs.stringify({
+ grant_type: 'refresh_token',
+ scope: 'offline_access xboxlive.signin xboxlive.offline_access',
+ client_id: clientId,
+ refresh_token: refreshToken
+ }),
+ {
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-Skip-Origin': 'skip'
+ }
+ }
+ );
+};
+
+// Minecraft API
+
+export const mcAuthenticate = (username, password, clientToken) => {
+ return axios.post(
+ `${MOJANG_APIS}/authenticate`,
+ {
+ agent: {
+ name: 'Minecraft',
+ version: 1
+ },
+ username,
+ password,
+ clientToken,
+ requestUser: true
+ },
+ { headers: { 'Content-Type': 'application/json' } }
+ );
+};
+
+export const mcValidate = (accessToken, clientToken) => {
+ return axios.post(
+ `${MOJANG_APIS}/validate`,
+ {
+ accessToken,
+ clientToken
+ },
+ { headers: { 'Content-Type': 'application/json' } }
+ );
+};
+
+export const mcRefresh = (accessToken, clientToken) => {
+ return axios.post(
+ `${MOJANG_APIS}/refresh`,
+ {
+ accessToken,
+ clientToken,
+ requestUser: true
+ },
+ { headers: { 'Content-Type': 'application/json' } }
+ );
+};
+
+export const mcGetPlayerSkin = uuid => {
+ return axios.get(
+ `https://sessionserver.mojang.com/session/minecraft/profile/${uuid}`
+ );
+};
+
+export const imgurPost = (image, onProgress) => {
+ const bodyFormData = new FormData();
+ bodyFormData.append('image', image);
+
+ return axios.post('https://api.imgur.com/3/image', bodyFormData, {
+ headers: {
+ Authorization: `Client-ID ${IMGUR_CLIENT_ID}`
+ },
+ ...(onProgress && { onUploadProgress: onProgress })
+ });
+};
+
+export const mcInvalidate = (accessToken, clientToken) => {
+ return axios.post(
+ `${MOJANG_APIS}/invalidate`,
+ {
+ accessToken,
+ clientToken
+ },
+ { headers: { 'Content-Type': 'application/json' } }
+ );
+};
+
+export const getMcManifest = () => {
+ const url = `${getMcManifestUrl()}?timestamp=${new Date().getTime()}`;
+ return axios.get(url);
+};
+
+export const getForgeManifest = () => {
+ const url = `https://files.minecraftforge.net/net/minecraftforge/forge/maven-metadata.json?timestamp=${new Date().getTime()}`;
+ return axios.get(url);
+};
+
+export const getFabricManifest = () => {
+ const url = `${FABRIC_APIS}/versions`;
+ return axios.get(url);
+};
+
+export const getJavaManifest = () => {
+ const url = JAVA_MANIFEST_URL;
+ return axios.get(url);
+};
+
+export const getJavaLatestManifest = () => {
+ const url = JAVA_LATEST_MANIFEST_URL;
+ return axios.get(url);
+};
+
+export const getFabricJson = ({ mcVersion, loaderVersion }) => {
+ return axios.get(
+ `${FABRIC_APIS}/versions/loader/${encodeURIComponent(
+ mcVersion
+ )}/${encodeURIComponent(loaderVersion)}/profile/json`
+ );
+};
+
+// FORGE ADDONS
+
+export const getAddon = async projectID => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/mods/${projectID}`;
+ const { data } = await axioInstance.get(url);
+ return data?.data;
+};
+
+export const getMultipleAddons = async addons => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/mods`;
+ const { data } = await axioInstance.post(
+ url,
+ JSON.stringify({
+ modIds: addons
+ })
+ );
+ return data?.data;
+};
+
+export const getAddonFiles = async projectID => {
+ trackCurseForgeAPI();
+ // Aggregate results in case of multiple pages
+ const results = [];
+ let hasMore = true;
+
+ while (hasMore) {
+ const url = `${FORGESVC_URL}/mods/${projectID}/files?pageSize=400&index=${results.length}`;
+ const { data } = await axioInstance.get(url);
+ results.push(...(data.data || []));
+
+ hasMore = data.pagination.totalCount > results.length;
+ }
+
+ return results.sort(sortByDate);
+};
+
+export const getAddonDescription = async projectID => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/mods/${projectID}/description`;
+ const { data } = await axioInstance.get(url);
+ return data?.data;
+};
+
+export const getAddonFile = async (projectID, fileID) => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/mods/${projectID}/files/${fileID}`;
+ const { data } = await axioInstance.get(url);
+ return data?.data;
+};
+
+export const getAddonsByFingerprint = async fingerprints => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/fingerprints`;
+ const { data } = await axioInstance.post(url, { fingerprints });
+
+ return data?.data;
+};
+
+export const getAddonFileChangelog = async (projectID, fileID) => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/mods/${projectID}/files/${fileID}/changelog`;
+ const { data } = await axioInstance.get(url);
+
+ return data?.data;
+};
+
+export const getAddonCategories = async () => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/categories?gameId=432`;
+ const { data } = await axioInstance.get(url);
+ return data.data;
+};
+
+export const getCFVersionIds = async () => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/games/432/versions`;
+ const { data } = await axioInstance.get(url);
+ return data.data;
+};
+
+export const getSearch = async (
+ type,
+ searchFilter,
+ pageSize,
+ index,
+ sort,
+ isSortDescending,
+ gameVersion,
+ categoryId,
+ modLoaderType
+) => {
+ trackCurseForgeAPI();
+ const url = `${FORGESVC_URL}/mods/search`;
+
+ // Map sort to sortField
+ let sortField = 1;
+ switch (sort) {
+ case 'Popularity':
+ sortField = 2;
+ break;
+ case 'LastUpdated':
+ sortField = 3;
+ break;
+ case 'Name':
+ sortField = 4;
+ break;
+ case 'Author':
+ sortField = 5;
+ break;
+ case 'TotalDownloads':
+ sortField = 6;
+ break;
+ case 'Featured':
+ default:
+ sortField = 1;
+ break;
+ }
+
+ const params = {
+ gameId: 432,
+ categoryId: categoryId || 0,
+ pageSize,
+ index,
+ sortField,
+ sortOrder: isSortDescending ? 'desc' : 'asc',
+ gameVersion: gameVersion || '',
+ ...(modLoaderType === 'fabric' && { modLoaderType: 'Fabric' }),
+ classId: type === 'mods' ? 6 : 4471,
+ searchFilter
+ };
+
+ const { data } = await axioInstance.get(url, { params });
+ return data?.data;
+};
diff --git a/src/common/assets/background.webm b/src/common/assets/background.webm
new file mode 100644
index 0000000..9517377
Binary files /dev/null and b/src/common/assets/background.webm differ
diff --git a/src/common/assets/creeper.png b/src/common/assets/creeper.png
new file mode 100644
index 0000000..2b1074a
Binary files /dev/null and b/src/common/assets/creeper.png differ
diff --git a/src/common/assets/curseforgeIcon.webp b/src/common/assets/curseforgeIcon.webp
new file mode 100644
index 0000000..0f18c8a
Binary files /dev/null and b/src/common/assets/curseforgeIcon.webp differ
diff --git a/src/common/assets/ftbIcon.webp b/src/common/assets/ftbIcon.webp
new file mode 100644
index 0000000..73c9704
Binary files /dev/null and b/src/common/assets/ftbIcon.webp differ
diff --git a/src/common/assets/fullHdBackground.jpg b/src/common/assets/fullHdBackground.jpg
new file mode 100644
index 0000000..02aee16
Binary files /dev/null and b/src/common/assets/fullHdBackground.jpg differ
diff --git a/src/common/assets/instance_default.png b/src/common/assets/instance_default.png
new file mode 100644
index 0000000..d83a320
Binary files /dev/null and b/src/common/assets/instance_default.png differ
diff --git a/src/common/assets/ko-fi.png b/src/common/assets/ko-fi.png
new file mode 100644
index 0000000..d52ad49
Binary files /dev/null and b/src/common/assets/ko-fi.png differ
diff --git a/src/common/assets/mcCube.jpg b/src/common/assets/mcCube.jpg
new file mode 100644
index 0000000..0706d40
Binary files /dev/null and b/src/common/assets/mcCube.jpg differ
diff --git a/src/common/assets/minecraftIcon.png b/src/common/assets/minecraftIcon.png
new file mode 100644
index 0000000..cef5b87
Binary files /dev/null and b/src/common/assets/minecraftIcon.png differ
diff --git a/src/common/assets/onboarding.webm b/src/common/assets/onboarding.webm
new file mode 100644
index 0000000..a055cb1
Binary files /dev/null and b/src/common/assets/onboarding.webm differ
diff --git a/src/common/assets/twitchIcon.webp b/src/common/assets/twitchIcon.webp
new file mode 100644
index 0000000..bc591fd
Binary files /dev/null and b/src/common/assets/twitchIcon.webp differ
diff --git a/src/common/assets/update_illustration.png b/src/common/assets/update_illustration.png
new file mode 100644
index 0000000..d216081
Binary files /dev/null and b/src/common/assets/update_illustration.png differ
diff --git a/src/common/assets/update_illustration_christmas.png b/src/common/assets/update_illustration_christmas.png
new file mode 100644
index 0000000..17beedd
Binary files /dev/null and b/src/common/assets/update_illustration_christmas.png differ
diff --git a/src/common/components/AcceptableUsePolicy.js b/src/common/components/AcceptableUsePolicy.js
new file mode 100644
index 0000000..2a07618
--- /dev/null
+++ b/src/common/components/AcceptableUsePolicy.js
@@ -0,0 +1,332 @@
+import React, { memo } from 'react';
+
+const AcceptableUsePolicy = () => {
+ return (
+ <>
+ props.theme.palette.text.primary}; + `} + > + WE’RE SSSSSSORRY. GDLauncher ran into a creeper and blew up.. +
+
+ {error}
+ {info} +
+
+ + {info} +
Acceptable use policy
+
+
+ Introduction
+
+
+ + This acceptable use policy (“Policy”) sets forth the general + guidelines and acceptable and prohibited uses of the{' '} + + gdlauncher.com + {' '} + website (“Website”), “GDLauncher” application (“Application”) and + any of their related products and services (collectively, + “Services”). This Policy is a legally binding agreement between you + (“User”, “you” or “your”) and this Website operator and Application + developer (“Operator”, “we”, “us” or “our”). If you are entering + into this agreement on behalf of a business or other legal entity, + you represent that you have the authority to bind such entity to + this agreement, in which case the terms “User”, “you” or “your” + shall refer to such entity. If you do not have such authority, or if + you do not agree with the terms of this agreement, you must not + accept this agreement and may not access and use the Services. By + accessing and using the Services, you acknowledge that you have + read, understood, and agree to be bound by the terms of this + Agreement. You acknowledge that this Agreement is a contract between + you and the Operator, even though it is electronic and is not + physically signed by you, and it governs your use of the Services. +
+
+
+ Prohibited activities and uses
+
+
+ + You may not use the Services to publish content or engage in + activity that is illegal under applicable law, that is harmful to + others, or that would subject us to liability, including, without + limitation, in connection with any of the following, each of which + is prohibited under this Policy: +
+-
+
- Distributing malware or other malicious code. +
- Disclosing sensitive personal information about others. +
- + Collecting, or attempting to collect, personal information about + third parties without their knowledge or consent. + +
- Distributing pornography or adult related content. +
- + Promoting or facilitating prostitution or any escort services. + +
- + Hosting, distributing or linking to child pornography or content + that is harmful to minors. + +
- + Promoting or facilitating gambling, violence, terrorist activities + or selling weapons or ammunition. + +
- + Engaging in the unlawful distribution of controlled substances, + drug contraband or prescription medications. + +
- + Managing payment aggregators or facilitators such as processing + payments on behalf of other businesses or charities. + +
- + Facilitating pyramid schemes or other models intended to seek + payments from public actors. + +
- + Threatening harm to persons or property or otherwise harassing + behavior. + +
- + Purchasing any of the offered Services on someone else’s behalf. + +
- + Misrepresenting or fraudulently representing products or services. + +
- + Infringing the intellectual property or other proprietary rights + of others. + +
- + Facilitating, aiding, or encouraging any of the above activities + through the Services. + +
+
+ System abuse
+
+
+ + Any User in violation of the Services security is subject to + criminal and civil liability, as well as immediate account + termination. Examples include, but are not limited to the following: +
+-
+
- + Use or distribution of tools designed for compromising security of + the Services. + +
- + Intentionally or negligently transmitting files containing a + computer virus or corrupted data. + +
- + Accessing another network without permission, including to probe + or scan for vulnerabilities or breach security or authentication + measures. + +
- + Unauthorized scanning or monitoring of data on any network or + system without proper authorization of the owner of the system or + network. + +
+
+ Service resources
+
+
+ + You may not consume excessive amounts of the resources of the + Services or use the Services in any way which results in performance + issues or which interrupts the Services for other Users. Prohibited + activities that contribute to excessive use, include without + limitation: +
+-
+
- + Deliberate attempts to overload the Services and broadcast attacks + (i.e. denial of service attacks). + +
- + Engaging in any other activities that degrade the usability and + performance of the Services. + +
- + Hosting or running malicious code or other scripts or processes + that adversely impact the Services. + +
- + Operating a file sharing site or scripts for BitTorrent or + similar, which includes sending or receiving files containing + these mechanisms. + +
- + Web proxy scripts, such as those that allow anyone to browse to a + third party website anonymously, are prohibited. + +
+
+ No spam policy
+
+
+ + You may not use the Services to send spam or bulk unsolicited + messages. We maintain a zero tolerance policy for use of the + Services in any manner associated with the transmission, + distribution or delivery of any bulk e-mail, including unsolicited + bulk or unsolicited commercial e-mail, or the sending, assisting, or + commissioning the transmission of commercial e-mail that does not + comply with the U.S. CAN-SPAM Act of 2003 (“SPAM”). +
++ Your products or services advertised via SPAM (i.e. Spamvertised) + may not be used in conjunction with the Services. This provision + includes, but is not limited to, SPAM sent via fax, phone, postal + mail, email, instant messaging, or newsgroups. +
++ Sending emails through the Services to purchased email lists (“safe + lists”) will be treated as SPAM. +
+Defamation and objectionable content
++ We value the freedom of expression and encourage Users to be + respectful with the content they post. We are not a publisher of + User content and are not in a position to investigate the veracity + of individual defamation claims or to determine whether certain + material, which we may find objectionable, should be censored. + However, we reserve the right to moderate, disable or remove any + content to prevent harm to others or to us or the Services, as + determined in our sole discretion. +
+Copyrighted content
++ Copyrighted material must not be published via the Services without + the explicit permission of the copyright owner or a person + explicitly authorized to give such permission by the copyright + owner. Upon receipt of a claim for copyright infringement, or a + notice of such violation, we will immediately run full investigation + and, upon confirmation, will notify the person or persons + responsible for publishing it and, in our sole discretion, will + remove the infringing material from the Services. We may terminate + the Service of Users with repeated copyright infringements. Further + procedures may be carried out if necessary. We will assume no + liability to any User of the Services for the removal of any such + material. If you believe your copyright is being infringed by a + person or persons using the Services, please get in touch with us to + report copyright infringement. +
+
+
+ Security
+
+
+ + You take full responsibility for maintaining reasonable security + precautions for your account. You are responsible for protecting and + updating any login account provided to you for the Services. You + must protect the confidentiality of your login details, and you + should change your password periodically. You are responsible for + ensuring all User provided software installed by you on the Services + is updated and patched following industry best practice. We make no + warranty express or implied for the security and operability of 3rd + party software or scripts installed or run by you on the Services. +
+
+
+ Enforcement
+
+
+ + We reserve our right to be the sole arbiter in determining the + seriousness of each infringement and to immediately take corrective + actions, including but not limited to: +
+-
+
- + Suspending or terminating your Service with or without notice upon + any violation of this Policy. Any violations may also result in + the immediate suspension or termination of your account. + +
- + Disabling or removing any content which is prohibited by this + Policy, including to prevent harm to others or to us or the + Services, as determined by us in our sole discretion. + +
- + Reporting violations to law enforcement as determined by us in our + sole discretion. + +
- + A failure to respond to an email from our abuse team within 2 + days, or as otherwise specified in the communication to you, may + result in the suspension or termination of your account. + +
+ Suspended and terminated User accounts due to violations will not be + re-activated. +
++ Nothing contained in this Policy shall be construed to limit our + actions or remedies in any way with respect to any of the prohibited + activities. In addition, we reserve at all times all rights and + remedies available to us with respect to such activities at law or + in equity. +
+
+
+ Reporting violations
+
+
+ + If you have discovered and would like to report a violation of this + Policy, please contact us immediately. We will investigate the + situation and provide you with full assistance. +
+
+
+ Changes and amendments
+
+
+ + We reserve the right to modify this Policy or its terms related to + the Services at any time at our discretion. When we do, we will + revise the updated date at the bottom of this page. We may also + provide notice to you in other ways at our discretion, such as + through the contact information you have provided. +
++ An updated version of this Policy will be effective immediately upon + the posting of the revised Policy unless otherwise specified. Your + continued use of the Services after the effective date of the + revised Policy (or such other act specified at that time) will + constitute your consent to those changes. +
+
+
+ Acceptance of this policy
+
+
+ + You acknowledge that you have read this Policy and agree to all its + terms and conditions. By accessing and using the Services you agree + to be bound by this Policy. If you do not agree to abide by the + terms of this Policy, you are not authorized to access or use the + Services. +
+
+
+ Contacting us
+
+
+ + If you have any questions, concerns, or complaints regarding this + Policy, we encourage you to contact us using the details below: +
+info@gdevs.io
+This document was last updated on August 16, 2021
+ + ); +}; + +export default memo(AcceptableUsePolicy); diff --git a/src/common/components/AsyncComponent.js b/src/common/components/AsyncComponent.js new file mode 100644 index 0000000..7335723 --- /dev/null +++ b/src/common/components/AsyncComponent.js @@ -0,0 +1,12 @@ +import React, { Suspense } from 'react'; + +function WaitingComponent(MyComponent) { + return props => ( + e.stopPropagation()}
+ transparentBackground={transparentBackground}
+ className={className}
+ css={`
+ background: ${props =>
+ props.transparentBackground
+ ? 'transparent'
+ : props.theme.palette.grey[700]};
+ position: absolute;
+ border-radius: 4px;
+ `}
+ >
+ {(header === undefined || header === true) && (
+
+
+ )}
+
+ );
+};
+
+export default memo(Modal);
diff --git a/src/common/components/ModalsManager.js b/src/common/components/ModalsManager.js
new file mode 100644
index 0000000..cf0880a
--- /dev/null
+++ b/src/common/components/ModalsManager.js
@@ -0,0 +1,187 @@
+import React, { useState, useEffect, lazy } from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import styled from 'styled-components';
+import { closeModal } from '../reducers/modals/actions';
+import AsyncComponent from './AsyncComponent';
+import Settings from '../modals/Settings';
+
+const Overlay = styled.div`
+ position: absolute;
+ top: ${props => props.theme.sizes.height.systemNavbar}px;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ backdrop-filter: blur(4px);
+ will-change: opacity;
+ transition: opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
+ z-index: 9999999;
+`;
+
+const Modal = styled.div`
+ position: absolute;
+ height: 100%;
+ width: 100vw;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ background: transparent;
+ transition: transform 300ms;
+ will-change: transform;
+ transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+ z-index: 9999999;
+`;
+
+const modalsComponentLookupTable = {
+ AddInstance: AsyncComponent(lazy(() => import('../modals/AddInstance'))),
+ AccountsManager: AsyncComponent(
+ lazy(() => import('../modals/AccountsManager'))
+ ),
+ Settings,
+ Screenshot: AsyncComponent(lazy(() => import('../modals/Screenshot'))),
+ InstanceDeleteConfirmation: AsyncComponent(
+ lazy(() => import('../modals/InstanceDeleteConfirmation'))
+ ),
+ ActionConfirmation: AsyncComponent(
+ lazy(() => import('../modals/ActionConfirmation'))
+ ),
+ AddAccount: AsyncComponent(lazy(() => import('../modals/AddAccount'))),
+ ModpackDescription: AsyncComponent(
+ lazy(() => import('../modals/ModpackDescription'))
+ ),
+ InstanceManager: AsyncComponent(
+ lazy(() => import('../modals/InstanceManager'))
+ ),
+ InstanceExportCurseForge: AsyncComponent(
+ lazy(() => import('../modals/InstanceExport/CurseForge'))
+ ),
+ InstanceDuplicateName: AsyncComponent(
+ lazy(() => import('../modals/InstanceDuplicateName'))
+ ),
+ AutoUpdatesNotAvailable: AsyncComponent(
+ lazy(() => import('../modals/AutoUpdatesNotAvailable'))
+ ),
+ OptedOutModsList: AsyncComponent(
+ lazy(() => import('../modals/OptedOutModsList'))
+ ),
+ BisectHosting: AsyncComponent(lazy(() => import('../modals/BisectHosting'))),
+ Onboarding: AsyncComponent(lazy(() => import('../modals/Onboarding'))),
+ ModOverview: AsyncComponent(lazy(() => import('../modals/ModOverview'))),
+ ModChangelog: AsyncComponent(lazy(() => import('../modals/ModChangelog'))),
+ ModsBrowser: AsyncComponent(lazy(() => import('../modals/ModsBrowser'))),
+ JavaSetup: AsyncComponent(lazy(() => import('../modals/JavaSetup'))),
+ ModsUpdater: AsyncComponent(lazy(() => import('../modals/ModsUpdater'))),
+ InstanceCrashed: AsyncComponent(
+ lazy(() => import('../modals/InstanceCrashed'))
+ ),
+ ChangeLogs: AsyncComponent(lazy(() => import('../modals/ChangeLogs'))),
+ McVersionChanger: AsyncComponent(
+ lazy(() => import('../modals/McVersionChanger'))
+ ),
+ PolicyModal: AsyncComponent(lazy(() => import('../modals/PolicyModal'))),
+ InstanceStartupAd: AsyncComponent(
+ lazy(() => import('../modals/InstanceStartupAd'))
+ ),
+ InstanceDownloadFailed: AsyncComponent(
+ lazy(() => import('../modals/InstanceDownloadFailed'))
+ ),
+ InfoModal: AsyncComponent(lazy(() => import('../modals/InfoModal')))
+};
+
+const ModalContainer = ({
+ unmounting,
+ children,
+ preventClose,
+ abortCallback
+}) => {
+ const [modalStyle, setModalStyle] = useState({
+ opacity: 0
+ });
+ const [bgStyle, setBgStyle] = useState({
+ background: 'rgba(0, 0, 0, 0.70)',
+ opacity: 0
+ });
+
+ const dispatch = useDispatch();
+
+ useEffect(() => {
+ setTimeout(mountStyle, 0);
+ }, []);
+
+ useEffect(() => {
+ if (unmounting) unMountStyle();
+ }, [unmounting]);
+
+ const back = async e => {
+ e.stopPropagation();
+ if (preventClose) {
+ setModalStyle({
+ animation: `modalShake 0.25s linear infinite`
+ });
+
+ setTimeout(() => {
+ setModalStyle({
+ transform: 'scale(1)'
+ });
+ }, 500);
+ return;
+ }
+ if (abortCallback) await abortCallback();
+ dispatch(closeModal());
+ };
+
+ const unMountStyle = () => {
+ // css for unmount animation
+ setModalStyle({
+ opacity: 1
+ });
+ setBgStyle({
+ background: 'rgba(0, 0, 0, 0.70)',
+ opacity: 0
+ });
+ };
+
+ const mountStyle = () => {
+ // css for mount animation
+ setModalStyle({
+ opacity: 1
+ });
+
+ setBgStyle({
+ background: 'rgba(0, 0, 0, 0.70)',
+ opacity: 1
+ });
+ };
+
+ return (
+ {title || 'Modal'}
+ {!preventClose &&
+ (props.header === undefined || props.header === true) &&
+ !props.removePadding
+ ? 20
+ : 0}px;
+ overflow-y: hidden;
+ overflow-x: hidden;
+ position: relative;
+ `}
+ >
+ {backBtn !== undefined && backBtn}
+ {children}
+
+ Privacy Policy
+
+
+ Introduction
+
+
+ + We respect your privacy and are committed to protecting it through + our compliance with this privacy policy (“Policy”). This Policy + describes the types of information we may collect from you or that + you may provide (“Personal Information”) on the{' '} + + gdlauncher.com + {' '} + website (“Website”), “GDLauncher” application (“Application”), and + any of their related products and services (collectively, + “Services”), and our practices for collecting, using, maintaining, + protecting, and disclosing that Personal Information. It also + describes the choices available to you regarding our use of your + Personal Information and how you can access and update it. +
++ This Policy is a legally binding agreement between you (“User”, + “you” or “your”) and this Website operator and Application developer + (“Operator”, “we”, “us” or “our”). If you are entering into this + agreement on behalf of a business or other legal entity, you + represent that you have the authority to bind such entity to this + agreement, in which case the terms “User”, “you” or “your” shall + refer to such entity. If you do not have such authority, or if you + do not agree with the terms of this agreement, you must not accept + this agreement and may not access and use the Services. By accessing + and using the Services, you acknowledge that you have read, + understood, and agree to be bound by the terms of this Policy. This + Policy does not apply to the practices of companies that we do not + own or control, or to individuals that we do not employ or manage. +
+
+
+ Automatic collection of information
+
+
+ + When you open the Website or use the Application, our servers + automatically record information that your browser or device sends. + This data may include information such as your device’s IP address + and location, browser and device name and version, operating system + type and version, language preferences, the webpage you were + visiting before you came to the Services, pages of the Services that + you visit, the time spent on those pages, the information you search + for on the Services, access times and dates, and other statistics. +
++ Information collected automatically is used only to identify + potential cases of abuse and establish statistical information + regarding the usage and traffic of the Services. This statistical + information is not otherwise aggregated in such a way that would + identify any particular User of the system. +
+
+
+ Collection of personal information
+
+
+ + You can access and use the Services without telling us who you are + or revealing any information by which someone could identify you as + a specific, identifiable individual. If, however, you wish to use + some of the features offered on the Services, you may be asked to + provide certain Personal Information (for example, your name and + e-mail address). +
++ We receive and store any information you knowingly provide to us + when you create an account, publish content, make a purchase, or + fill any online forms on the Services. When required, this + information may include the following: +
+-
+
- + Account details (such as user name, unique user ID, password, etc) + +
- + Contact information (such as email address, phone number, etc) + +
- + Any other materials you willingly submit to us (such as articles, + images, feedback, etc) + +
+ Some of the information we collect is directly from you via the + Services. However, we may also collect Personal Information about + you from other sources such as public databases, social media + platforms, third-party data providers, and our joint marketing + partners. Personal Information we collect from other sources may + include demographic information, such as age and gender, device + information, such as IP addresses, location, such as city and state, + and online behavioral data, such as information about your use of + social media websites, page view information and search results and + links. +
++ You can choose not to provide us with your Personal Information, but + then you may not be able to take advantage of some of the features + on the Services. Users who are uncertain about what information is + mandatory are welcome to contact us. +
+
+
+ Privacy of children
+
+
+ + We do not knowingly collect any Personal Information from children + under the age of 13. If you are under the age of 13, please do not + submit any Personal Information through the Services. If you have + reason to believe that a child under the age of 13 has provided + Personal Information to us through the Services, please contact us + to request that we delete that child’s Personal Information from our + Services. +
++ We encourage parents and legal guardians to monitor their children’s + Internet usage and to help enforce this Policy by instructing their + children never to provide Personal Information through the Services + without their permission. We also ask that all parents and legal + guardians overseeing the care of children take the necessary + precautions to ensure that their children are instructed to never + give out Personal Information when online without their permission. +
+
+
+ Use and processing of collected information
+
+
+ + We act as a data controller and a data processor in terms of the + GDPR when handling Personal Information, unless we have entered into + a data processing agreement with you in which case you would be the + data controller and we would be the data processor. +
++ Our role may also differ depending on the specific situation + involving Personal Information. We act in the capacity of a data + controller when we ask you to submit your Personal Information that + is necessary to ensure your access and use of the Services. In such + instances, we are a data controller because we determine the + purposes and means of the processing of Personal Information and we + comply with data controllers’ obligations set forth in the GDPR. +
++ We act in the capacity of a data processor in situations when you + submit Personal Information through the Services. We do not own, + control, or make decisions about the submitted Personal Information, + and such Personal Information is processed only in accordance with + your instructions. In such instances, the User providing Personal + Information acts as a data controller in terms of the GDPR. +
++ In order to make the Services available to you, or to meet a legal + obligation, we may need to collect and use certain Personal + Information. If you do not provide the information that we request, + we may not be able to provide you with the requested products or + services. Any of the information we collect from you may be used for + the following purposes: +
+-
+
- Create and manage user accounts +
- Deliver products or services +
- Improve products and services +
- Send product and service updates +
- Respond to inquiries and offer support +
- Request user feedback +
- Improve user experience +
- Protect from abuse and malicious users +
- Run and operate the Services +
+ Processing your Personal Information depends on how you interact + with the Services, where you are located in the world and if one of + the following applies: (i) you have given your consent for one or + more specific purposes; this, however, does not apply, whenever the + processing of Personal Information is subject to California Consumer + Privacy Act or European data protection law; (ii) provision of + information is necessary for the performance of an agreement with + you and/or for any pre-contractual obligations thereof; (iii) + processing is necessary for compliance with a legal obligation to + which you are subject; (iv) processing is related to a task that is + carried out in the public interest or in the exercise of official + authority vested in us; (v) processing is necessary for the purposes + of the legitimate interests pursued by us or by a third party. +
++ We rely on the following legal bases as defined in the GDPR upon + which we collect and process your Personal Information: +
+-
+
- User’s consent +
- Performance of a contract +
- Our own legitimate interests +
+ Note that under some legislations we may be allowed to process + information until you object to such processing by opting out, + without having to rely on consent or any other of the legal bases + above. In any case, we will be happy to clarify the specific legal + basis that applies to the processing, and in particular whether the + provision of Personal Information is a statutory or contractual + requirement, or a requirement necessary to enter into a contract. +
+
+
+ Payment processing
+
+
+ + In case of Services requiring payment, you may need to provide your + credit card details or other payment account information, which will + be used solely for processing payments. We use third-party payment + processors (“Payment Processors”) to assist us in processing your + payment information securely. +
++ Payment Processors adhere to the latest security standards as + managed by the PCI Security Standards Council, which is a joint + effort of brands like Visa, MasterCard, American Express and + Discover. Sensitive and private data exchange happens over a SSL + secured communication channel and is encrypted and protected with + digital signatures, and the Services are also in compliance with + strict vulnerability standards in order to create as secure of an + environment as possible for Users. We will share payment data with + the Payment Processors only to the extent necessary for the purposes + of processing your payments, refunding such payments, and dealing + with complaints and queries related to such payments and refunds. +
++ Please note that the Payment Processors may collect some Personal + Information from you, which allows them to process your payments + (e.g., your email address, address, credit card details, and bank + account number) and handle all the steps in the payment process + through their systems, including data collection and data + processing. The Payment Processors’ use of your Personal Information + is governed by their respective privacy policies which may or may + not contain privacy protections as protective as this Policy. We + suggest that you review their respective privacy policies. +
+
+
+ Managing information
+
+
+ + You are able to delete certain Personal Information we have about + you. The Personal Information you can delete may change as the + Services change. When you delete Personal Information, however, we + may maintain a copy of the unrevised Personal Information in our + records for the duration necessary to comply with our obligations to + our affiliates and partners, and for the purposes described below. + If you would like to delete your Personal Information or permanently + delete your account, you can do so by contacting us. +
+
+
+ Disclosure of information
+
+
+ + Depending on the requested Services or as necessary to complete any + transaction or provide any Service you have requested, we may share + your information with our affiliates, contracted companies, and + service providers (collectively, “Service Providers”) we rely upon + to assist in the operation of the Services available to you and + whose privacy policies are consistent with ours or who agree to + abide by our policies with respect to Personal Information. We will + not share any personally identifiable information with third parties + and will not share any information with unaffiliated third parties. +
++ Service Providers are not authorized to use or disclose your + information except as necessary to perform services on our behalf or + comply with legal requirements. Service Providers are given the + information they need only in order to perform their designated + functions, and we do not authorize them to use or disclose any of + the provided information for their own marketing or other purposes. +
+
+
+ Retention of information
+
+
+ + We will retain and use your Personal Information for the period + necessary to comply with our legal obligations, as long as your user + account remains active, to enforce our agreements, resolve disputes, + and unless a longer retention period is required or permitted by + law. +
++ We may use any aggregated data derived from or incorporating your + Personal Information after you update or delete it, but not in a + manner that would identify you personally. Once the retention period + expires, Personal Information shall be deleted. Therefore, the right + to access, the right to erasure, the right to rectification, and the + right to data portability cannot be enforced after the expiration of + the retention period. +
+
+
+ Transfer of information
+
+
+ + Depending on your location, data transfers may involve transferring + and storing your information in a country other than your own. The + transfer of your Personal Information to countries outside the + European Union will be made only if you have explicitly consented to + it or in the cases provided for by the GDPR and will be processed in + your interest. +
++ You are entitled to learn about the legal basis of information + transfers to a country outside the European Union or to any + international organization governed by public international law or + set up by two or more countries, such as the UN, and about the + security measures taken by us to safeguard your information. If any + such transfer takes place, you can find out more by checking the + relevant sections of this Policy or inquire with us using the + information provided in the contact section. +
+
+
+ Data protection rights under the GDPR
+
+
+ + If you are a resident of the European Economic Area (“EEA”), you + have certain data protection rights and we aim to take reasonable + steps to allow you to correct, amend, delete, or limit the use of + your Personal Information. If you wish to be informed what Personal + Information we hold about you and if you want it to be removed from + our systems, please contact us. In certain circumstances, you have + the following data protection rights: +
++ (i) You have the right to withdraw consent where you have previously + given your consent to the processing of your Personal Information. + To the extent that the legal basis for our processing of your + Personal Information is consent, you have the right to withdraw that + consent at any time. Withdrawal will not affect the lawfulness of + processing before the withdrawal. +
++ (ii) You have the right to learn if your Personal Information is + being processed by us, obtain disclosure regarding certain aspects + of the processing, and obtain a copy of your Personal Information + undergoing processing. +
++ (iii) You have the right to verify the accuracy of your information + and ask for it to be updated or corrected. You also have the right + to request us to complete the Personal Information you believe is + incomplete. +
++ (iv) You have the right to object to the processing of your + information if the processing is carried out on a legal basis other + than consent. Where Personal Information is processed for the public + interest, in the exercise of an official authority vested in us, or + for the purposes of the legitimate interests pursued by us, you may + object to such processing by providing a ground related to your + particular situation to justify the objection. You must know that, + however, should your Personal Information be processed for direct + marketing purposes, you can object to that processing at any time + without providing any justification. To learn whether we are + processing Personal Information for direct marketing purposes, you + may refer to the relevant sections of this Policy. +
++ (v) You have the right, under certain circumstances, to restrict the + processing of your Personal Information. These circumstances + include: the accuracy of your Personal Information is contested by + you and we must verify its accuracy; the processing is unlawful, but + you oppose the erasure of your Personal Information and request the + restriction of its use instead; we no longer need your Personal + Information for the purposes of processing, but you require it to + establish, exercise or defend your legal claims; you have objected + to processing pending the verification of whether our legitimate + grounds override your legitimate grounds. Where processing has been + restricted, such Personal Information will be marked accordingly + and, with the exception of storage, will be processed only with your + consent or for the establishment, to exercise or defense of legal + claims, for the protection of the rights of another natural, or + legal person or for reasons of important public interest. +
++ (vi) You have the right, under certain circumstances, to obtain the + erasure of your Personal Information from us. These circumstances + include: the Personal Information is no longer necessary in relation + to the purposes for which it was collected or otherwise processed; + you withdraw consent to consent-based processing; you object to the + processing under certain rules of applicable data protection law; + the processing is for direct marketing purposes; and the personal + data have been unlawfully processed. However, there are exclusions + of the right to erasure such as where processing is necessary: for + exercising the right of freedom of expression and information; for + compliance with a legal obligation; or for the establishment, to + exercise or defense of legal claims. +
++ (vii) You have the right to receive your Personal Information that + you have provided to us in a structured, commonly used, and + machine-readable format and, if technically feasible, to have it + transmitted to another controller without any hindrance from us, + provided that such transmission does not adversely affect the rights + and freedoms of others. +
++ (viii) You have the right to complain to a data protection authority + about our collection and use of your Personal Information. If you + are not satisfied with the outcome of your complaint directly with + us, you have the right to lodge a complaint with your local data + protection authority. For more information, please contact your + local data protection authority in the EEA. This provision is + applicable provided that your Personal Information is processed by + automated means and that the processing is based on your consent, on + a contract which you are part of, or on pre-contractual obligations + thereof. +
+
+
+ California privacy rights
+
+
+ + Consumers residing in California are afforded certain additional + rights with respect to their Personal Information under the + California Consumer Privacy Act (“CCPA”). If you are a California + resident, this section applies to you. +
++ In addition to the rights as explained in this Policy, California + residents who provide Personal Information as defined in the statute + to obtain Services for personal, family, or household use are + entitled to request and obtain from us, once a calendar year, + information about the categories and specific pieces of Personal + Information we have collected and disclosed. +
++ Furthermore, California residents have the right to request deletion + of their Personal Information or opt-out of the sale of their + Personal Information which may include selling, disclosing, or + transferring Personal Information to another business or a third + party for monetary or other valuable consideration. To do so, simply + contact us. We will not discriminate against you if you exercise + your rights under the CCPA. +
+
+
+ How to exercise your rights
+
+
+ + Any requests to exercise your rights can be directed to us through + the contact details provided in this document. Please note that we + may ask you to verify your identity before responding to such + requests. Your request must provide sufficient information that + allows us to verify that you are the person you are claiming to be + or that you are the authorized representative of such person. If we + receive your request from an authorized representative, we may + request evidence that you have provided such an authorized + representative with power of attorney or that the authorized + representative otherwise has valid written authority to submit + requests on your behalf. +
++ You must include sufficient details to allow us to properly + understand the request and respond to it. We cannot respond to your + request or provide you with Personal Information unless we first + verify your identity or authority to make such a request and confirm + that the Personal Information relates to you. +
+
+
+ Cookies
+
+
+ + Our Services use “cookies” to help personalize your online + experience. A cookie is a text file that is placed on your hard disk + by a web page server. Cookies cannot be used to run programs or + deliver viruses to your computer. Cookies are uniquely assigned to + you, and can only be read by a web server in the domain that issued + the cookie to you. If you choose to decline cookies, you may not be + able to fully experience the features of the Services. You may learn + more about cookies and how they work{' '} + + here + + . +
++ We may use cookies to collect, store, and track information for + security and personalization, to operate the Services, and for + statistical purposes. Please note that you have the ability to + accept or decline cookies. Most web browsers automatically accept + cookies by default, but you can modify your browser settings to + decline cookies if you prefer. +
+
+
+ Data analytics
+
+
+ + Our Services may use third-party analytics tools that use cookies, + web beacons, or other similar information-gathering technologies to + collect standard internet activity and usage information. The + information gathered is used to compile statistical reports on User + activity such as how often Users visit our Services, what pages they + visit and for how long, etc. We use the information obtained from + these analytics tools to monitor the performance and improve our + Services. +
+
+
+ Do Not Track signals
+
+
+ + Some browsers incorporate a Do Not Track feature that signals to + websites you visit that you do not want to have your online activity + tracked. Tracking is not the same as using or collecting information + in connection with a website. For these purposes, tracking refers to + collecting personally identifiable information from consumers who + use or visit a website or online service as they move across + different websites over time. How browsers communicate the Do Not + Track signal is not yet uniform. As a result, the Services are not + yet set up to interpret or respond to Do Not Track signals + communicated by your browser. Even so, as described in more detail + throughout this Policy, we limit our use and collection of your + Personal Information. +
+
+
+ Advertisements
+
+
+ + We may display online advertisements and we may share aggregated and + non-identifying information about our customers that we or our + advertisers collect through your use of the Services. We do not + share personally identifiable information about individual customers + with advertisers. In some instances, we may use this aggregated and + non-identifying information to deliver tailored advertisements to + the intended audience. +
+
+
+ Social media features
+
+
+ + Our Services may include social media features, such as the Facebook + and Twitter buttons, Share This buttons, etc (collectively, “Social + Media Features”). These Social Media Features may collect your IP + address, what page you are visiting on our Services, and may set a + cookie to enable Social Media Features to function properly. Social + Media Features are hosted either by their respective providers or + directly on our Services. Your interactions with these Social Media + Features are governed by the privacy policy of their respective + providers. +
+
+
+ Email marketing
+
+
+ + We offer electronic newsletters to which you may voluntarily + subscribe at any time. We are committed to keeping your e-mail + address confidential and will not disclose your email address to any + third parties except as allowed in the information use and + processing section or for the purposes of utilizing a third-party + provider to send such emails. We will maintain the information sent + via e-mail in accordance with applicable laws and regulations. +
++ In compliance with the CAN-SPAM Act, all e-mails sent from us will + clearly state who the e-mail is from and provide clear information + on how to contact the sender. You may choose to stop receiving our + newsletter or marketing emails by following the unsubscribe + instructions included in these emails or by contacting us. However, + you will continue to receive essential transactional emails. +
+
+
+ Affiliate links
+
+
+ + We may engage in affiliate marketing and have affiliate links + present on the Services for the purpose of being able to offer you + related or additional products and services. If you click on an + affiliate link, a cookie will be placed on your browser to track any + sales for purposes of commissions. +
+
+
+ Links to other resources
+
+
+ + The Services contain links to other resources that are not owned or + controlled by us. Please be aware that we are not responsible for + the privacy practices of such other resources or third parties. We + encourage you to be aware when you leave the Services and to read + the privacy statements of each and every resource that may collect + Personal Information. +
+
+
+ Information security
+
+
+ + We secure information you provide on computer servers in a + controlled, secure environment, protected from unauthorized access, + use, or disclosure. We maintain reasonable administrative, + technical, and physical safeguards in an effort to protect against + unauthorized access, use, modification, and disclosure of Personal + Information in our control and custody. However, no data + transmission over the Internet or wireless network can be + guaranteed. +
++ Therefore, while we strive to protect your Personal Information, you + acknowledge that (i) there are security and privacy limitations of + the Internet which are beyond our control; (ii) the security, + integrity, and privacy of any and all information and data exchanged + between you and the Services cannot be guaranteed; and (iii) any + such information and data may be viewed or tampered with in transit + by a third party, despite best efforts. +
++ As the security of Personal Information depends in part on the + security of the device you use to communicate with us and the + security you use to protect your credentials, please take + appropriate measures to protect this information. +
+
+
+ Data breach
+
+
+ + In the event we become aware that the security of the Services has + been compromised or Users’ Personal Information has been disclosed + to unrelated third parties as a result of external activity, + including, but not limited to, security attacks or fraud, we reserve + the right to take reasonably appropriate measures, including, but + not limited to, investigation and reporting, as well as notification + to and cooperation with law enforcement authorities. In the event of + a data breach, we will make reasonable efforts to notify affected + individuals if we believe that there is a reasonable risk of harm to + the User as a result of the breach or if notice is otherwise + required by law. When we do, we will send you an email. +
+
+
+ Changes and amendments
+
+
+ + We reserve the right to modify this Policy or its terms related to + the Services at any time at our discretion. When we do, we will + revise the updated date at the bottom of this page. We may also + provide notice to you in other ways at our discretion, such as + through the contact information you have provided. +
++ An updated version of this Policy will be effective immediately upon + the posting of the revised Policy unless otherwise specified. Your + continued use of the Services after the effective date of the + revised Policy (or such other act specified at that time) will + constitute your consent to those changes. However, we will not, + without your consent, use your Personal Information in a manner + materially different than what was stated at the time your Personal + Information was collected. +
+
+
+ Acceptance of this policy
+
+
+ + You acknowledge that you have read this Policy and agree to all its + terms and conditions. By accessing and using the Services and + submitting your information you agree to be bound by this Policy. If + you do not agree to abide by the terms of this Policy, you are not + authorized to access or use the Services. +
+
+
+ Contacting us
+
+
+ + If you have any questions, concerns, or complaints regarding this + Policy, the information we hold about you, or if you wish to + exercise your rights, we encourage you to contact us using the + details below: +
+info@gdevs.io
++ We will attempt to resolve complaints and disputes and make every + reasonable effort to honor your wish to exercise your rights as + quickly as possible and in any event, within the timescales provided + by applicable data protection laws. +
+This document was last updated on August 16, 2021
+ + ); +}; + +export default memo(PrivacyPolicy); diff --git a/src/common/components/RouteBackground.js b/src/common/components/RouteBackground.js new file mode 100644 index 0000000..52fc848 --- /dev/null +++ b/src/common/components/RouteBackground.js @@ -0,0 +1,17 @@ +import React from 'react'; + +const RouteBackground = () => { + return ( + props.theme.palette.secondary.main};
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ `}
+ />
+ );
+};
+
+export default RouteBackground;
diff --git a/src/common/components/RouteWithSubRoutes.js b/src/common/components/RouteWithSubRoutes.js
new file mode 100644
index 0000000..3638506
--- /dev/null
+++ b/src/common/components/RouteWithSubRoutes.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Route } from 'react-router';
+
+function RouteWithSubRoutes(route) {
+ return (
+ (
+ // eslint-disable-next-line react/jsx-props-no-spreading
+
+
+
+ {accounts.map(account => {
+ if (!account || !currentAccount) return;
+ return (
+
+ {
+ if (
+ isLoading.isRequesting ||
+ account.selectedProfile.id ===
+ currentAccount.selectedProfile.id ||
+ !account.accessToken
+ ) {
+ return;
+ }
+ const currentId = currentAccount.selectedProfile.id;
+ dispatch(
+ updateCurrentAccountId(account.selectedProfile.id)
+ );
+ dispatch(
+ load(
+ features.mcAuthentication,
+ dispatch(
+ account.accountType === ACCOUNT_MICROSOFT
+ ? loginWithOAuthAccessToken(false)
+ : loginWithAccessToken(false)
+ )
+ )
+ ).catch(() => {
+ dispatch(updateCurrentAccountId(currentId));
+ dispatch(
+ updateAccount(account.selectedProfile.id, {
+ ...account,
+ accessToken: null
+ })
+ );
+ message.error('Account not valid');
+ });
+ }}
+ >
+
+ dispatch(
+ openModal('AddAccount', {
+ username: account.user.username
+ })
+ )
+ }
+ >
+ Login again
+
+ )}
+ {account.selectedProfile.id ===
+ currentAccount.selectedProfile.id && (
+
+
+ );
+ })}
+
+
+ dispatch(openModal('AddAccount'))}>
+ Add Account
+
+
+
+
+ );
+};
+
+export default ProfileSettings;
+
+const Container = styled.div`
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-content: space-between;
+`;
+
+const AccountItem = styled.div`
+ display: flex;
+ align-items: center;
+ position: relative;
+ flex: 1;
+ justify-content: space-between;
+ height: 40px;
+ padding: 0 10px;
+ color: white;
+ border-radius: 4px;
+ cursor: pointer;
+ ${props =>
+ props.active ? `background: ${props.theme.palette.primary.main};` : ''}
+ transition: background 0.1s ease-in-out;
+ &:hover {
+ ${props =>
+ props.active ? '' : `background: ${props.theme.palette.grey[600]};`}
+ }
+`;
+
+const HoverContainer = styled.div`
+ position: absolute;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ left: 0;
+ align-items: center;
+ cursor: pointer;
+ font-size: 18px;
+ font-weight: 800;
+ border-radius: 4px;
+ transition: opacity 150ms ease-in-out;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ backdrop-filter: blur(4px);
+ will-change: opacity;
+ &:hover {
+ opacity: 1;
+ }
+`;
+
+const AccountsContainer = styled.div`
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ padding-right: 2px;
+`;
+
+const AccountContainer = styled.div`
+ display: flex;
+ position: relative;
+ width: 100%;
+ justify-content: space-between;
+ align-items: center;
+`;
diff --git a/src/common/modals/ActionConfirmation.js b/src/common/modals/ActionConfirmation.js
new file mode 100644
index 0000000..0b09f07
--- /dev/null
+++ b/src/common/modals/ActionConfirmation.js
@@ -0,0 +1,84 @@
+import React from 'react';
+import { Button } from 'antd';
+import styled from 'styled-components';
+import { useDispatch } from 'react-redux';
+import Modal from '../components/Modal';
+import { closeModal } from '../reducers/modals/actions';
+
+const Container = styled.div`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ justify-content: space-between;
+`;
+
+const Buttons = styled.div`
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ justify-content: space-between;
+`;
+
+const applyChoice = async (
+ choiceType,
+ callback,
+ fileName,
+ dispatch,
+ delay = 500
+) => {
+ if (choiceType === 'abort') {
+ if (callback) {
+ callback();
+ setTimeout(() => dispatch(closeModal()), delay);
+ } else dispatch(closeModal());
+ } else {
+ callback(fileName);
+ setTimeout(() => dispatch(closeModal()), delay);
+ }
+};
+
+export default function ActionConfirmation({
+ confirmCallback,
+ abortCallback = () => {},
+ message,
+ fileName,
+ delay,
+ title
+}) {
+ const dispatch = useDispatch();
+ return (
+
+
+ {message}
+
+
+
+
+
+
+ );
+}
diff --git a/src/common/modals/AddAccount.js b/src/common/modals/AddAccount.js
new file mode 100644
index 0000000..0e8cd48
--- /dev/null
+++ b/src/common/modals/AddAccount.js
@@ -0,0 +1,171 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { useDispatch } from 'react-redux';
+import { Input, Button, Menu } from 'antd';
+import { faSpinner } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Modal from '../components/Modal';
+import { load } from '../reducers/loading/actions';
+import features from '../reducers/loading/features';
+import { login, loginOAuth } from '../reducers/actions';
+import { closeModal } from '../reducers/modals/actions';
+import { ACCOUNT_MICROSOFT, ACCOUNT_MOJANG } from '../utils/constants';
+
+const AddAccount = ({ username }) => {
+ const dispatch = useDispatch();
+ const [email, setEmail] = useState(username || '');
+ const [password, setPassword] = useState('');
+ const [accountType, setAccountType] = useState(ACCOUNT_MOJANG);
+ const [loginFailed, setloginFailed] = useState();
+
+ const addAccount = () => {
+ dispatch(
+ load(features.mcAuthentication, dispatch(login(email, password, false)))
+ )
+ .then(() => dispatch(closeModal()))
+ .catch(console.error);
+ };
+
+ const addMicrosoftAccount = () => {
+ dispatch(load(features.mcAuthentication, dispatch(loginOAuth(false))))
+ .then(() => dispatch(closeModal()))
+ .catch(error => {
+ console.error(error);
+ setloginFailed(error);
+ });
+ };
+
+ const renderAddMojangAccount = () => (
+
+
+ setEmail(e.target.value)}
+ />
+ setPassword(e.target.value)}
+ />
+
+
+ Add Account
+
+
+ );
+
+ const renderAddMicrosoftAccount = () => (
+
+
+
+ {loginFailed?.message}
+
+ Retry
+
+
+ ) : (
+
+
+
+ );
+
+ return (
+
+
+
+ {accountType === ACCOUNT_MOJANG ? renderAddMojangAccount() : null}
+ {accountType === ACCOUNT_MICROSOFT ? renderAddMicrosoftAccount() : null}
+
+
+ );
+};
+
+export default AddAccount;
+
+const StyledButton = styled(Button)`
+ width: 40%;
+`;
+
+const StyledInput = styled(Input)`
+ margin-bottom: 20px !important;
+`;
+
+const LoginFailMessage = styled.div`
+ color: ${props => props.theme.palette.colors.red};
+`;
+
+const StyledAccountMenuItem = styled(Menu.Item)`
+ width: auto;
+ height: auto;
+ font-size: 18px;
+`;
+
+const FormContainer = styled.div`
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+`;
+
+const Container = styled.div`
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ align-content: space-between;
+ justify-content: center;
+`;
diff --git a/src/common/modals/AddInstance/Content.js b/src/common/modals/AddInstance/Content.js
new file mode 100644
index 0000000..e3da5e7
--- /dev/null
+++ b/src/common/modals/AddInstance/Content.js
@@ -0,0 +1,209 @@
+/* eslint-disable */
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { Transition } from 'react-transition-group';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faLongArrowAltRight,
+ faArchive
+} from '@fortawesome/free-solid-svg-icons';
+import { LoadingOutlined } from '@ant-design/icons';
+import { Spin, Radio } from 'antd';
+import CurseForgeModpacks from './CurseForgeModpacks';
+import Import from './Import';
+import NewInstance from './NewInstance';
+import minecraftIcon from '../../assets/minecraftIcon.png';
+import curseForgeIcon from '../../assets/curseforgeIcon.webp';
+
+const Content = ({
+ in: inProp,
+ setStep,
+ page,
+ setPage,
+ setVersion,
+ version,
+ setModpack,
+ importZipPath,
+ setImportZipPath
+}) => {
+ const [overrideNextStepOnClick, setOverrideNextStepOnClick] = useState(null);
+ const [loading, setLoading] = useState(false);
+
+ let pages = [
+
+ {state => (
+
+
+ )}
+
+ );
+};
+
+export default Content;
+
+const Animation = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 100000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ will-change: transform;
+ transform: translateX(
+ ${({ state }) => (state === 'exiting' || state === 'exited' ? -100 : 0)}%
+ );
+`;
diff --git a/src/common/modals/AddInstance/CurseForgeModpacks/ModpacksListWrapper.js b/src/common/modals/AddInstance/CurseForgeModpacks/ModpacksListWrapper.js
new file mode 100644
index 0000000..3de7701
--- /dev/null
+++ b/src/common/modals/AddInstance/CurseForgeModpacks/ModpacksListWrapper.js
@@ -0,0 +1,233 @@
+import React, { forwardRef, memo, useContext, useEffect } from 'react';
+import styled, { ThemeContext } from 'styled-components';
+import { useDispatch } from 'react-redux';
+import { FixedSizeList as List } from 'react-window';
+import InfiniteLoader from 'react-window-infinite-loader';
+import ContentLoader from 'react-content-loader';
+import { transparentize } from 'polished';
+import { openModal } from '../../../reducers/modals/actions';
+import { CURSEFORGE } from '../../../utils/constants';
+
+const ModpacksListWrapper = ({
+ // Are there more items to load?
+ // (This information comes from the most recent API request.)
+ hasNextPage,
+
+ // Are we currently loading a page of items?
+ // (This may be an in-flight flag in your Redux store for example.)
+ isNextPageLoading,
+
+ // Array of items loaded so far.
+ items,
+
+ height,
+
+ width,
+
+ setStep,
+
+ setVersion,
+ // Callback function responsible for loading the next page of items.
+ loadNextPage,
+
+ setModpack,
+
+ infiniteLoaderRef
+}) => {
+ const dispatch = useDispatch();
+ // If there are more items to be loaded then add an extra row to hold a loading indicator.
+ const itemCount = hasNextPage ? items.length + 1 : items.length;
+ // Only load 1 page of items at a time.
+ // Pass an empty callback to InfiniteLoader in case it asks us to load more than once.
+ const loadMoreItems = isNextPageLoading ? () => {} : loadNextPage;
+ // Every row is loaded except for our loading indicator row.
+ const isItemLoaded = index => !hasNextPage || index < items.length;
+
+ // Render an item or a loading indicator.
+ const Item = memo(({ index, style }) => {
+ const modpack = items[index];
+
+ if (!modpack) {
+ return (
+ loadMoreItems()}
+ >
+ {({ onItemsRendered }) => (
+
+ );
+};
+
+export default memo(ModpacksListWrapper);
+
+const Modpack = styled.div`
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 20px;
+ padding: 0 10px;
+ font-weight: 700;
+ background: ${props => transparentize(0.2, props.theme.palette.grey[700])};
+`;
+
+const ModpackHover = styled.div`
+ position: absolute;
+ display: flex;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: ${props => transparentize(0.4, props.theme.palette.grey[900])};
+ opacity: 0;
+ padding-left: 40%;
+ will-change: opacity;
+ transition: opacity 0.1s ease-in-out, background 0.1s ease-in-out;
+ div {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ background-color: transparent;
+ border-radius: 4px;
+ transition: background-color 0.1s ease-in-out;
+ &:hover {
+ background-color: ${props => props.theme.palette.primary.main};
+ }
+ }
+ &:hover {
+ opacity: 1;
+ }
+`;
+
+const ModpackLoader = memo(
+ ({ height, width, top, isNextPageLoading, hasNextPage, loadNextPage }) => {
+ const ContextTheme = useContext(ThemeContext);
+
+ useEffect(() => {
+ if (hasNextPage && isNextPageLoading) {
+ loadNextPage();
+ }
+ }, []);
+ return (
+
+
+ );
+ }
+);
diff --git a/src/common/modals/AddInstance/CurseForgeModpacks/index.js b/src/common/modals/AddInstance/CurseForgeModpacks/index.js
new file mode 100644
index 0000000..6cb84a5
--- /dev/null
+++ b/src/common/modals/AddInstance/CurseForgeModpacks/index.js
@@ -0,0 +1,250 @@
+/* eslint-disable no-nested-ternary */
+import React, { useState, useEffect, useRef } from 'react';
+import styled from 'styled-components';
+import { Select, Input } from 'antd';
+import { useDebouncedCallback } from 'use-debounce';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { useSelector } from 'react-redux';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faBomb, faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
+import { getSearch } from '../../../api';
+import ModpacksListWrapper from './ModpacksListWrapper';
+
+let lastRequest;
+const CurseForgeModpacks = ({ setStep, setVersion, setModpack }) => {
+ const mcVersions = useSelector(state => state.app.vanillaManifest?.versions);
+ const categories = useSelector(state => state.app.curseforgeCategories);
+ const infiniteLoaderRef = useRef(null);
+ const [modpacks, setModpacks] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const [minecraftVersion, setMinecraftVersion] = useState(null);
+ const [categoryId, setCategoryId] = useState(null);
+ const [sortBy, setSortBy] = useState('Featured');
+ const [searchText, setSearchText] = useState('');
+ const [hasNextPage, setHasNextPage] = useState(false);
+ const [error, setError] = useState(false);
+
+ const updateModpacks = useDebouncedCallback(() => {
+ if (infiniteLoaderRef?.current?.scrollToItem) {
+ infiniteLoaderRef.current.scrollToItem(0);
+ }
+ loadMoreModpacks(true);
+ }, 250);
+
+ const loadMoreModpacks = async (reset = false) => {
+ const reqObj = {};
+ lastRequest = reqObj;
+ if (!loading) {
+ setLoading(true);
+ }
+ if (reset && (modpacks.length !== 0 || hasNextPage)) {
+ setModpacks([]);
+ setHasNextPage(false);
+ }
+ let data = null;
+ try {
+ if (error) {
+ setError(false);
+ }
+ data = await getSearch(
+ 'modpacks',
+ searchText,
+ 40,
+ reset ? 0 : modpacks.length,
+ sortBy,
+ true,
+ minecraftVersion,
+ categoryId
+ );
+ } catch (err) {
+ setError(err);
+ return;
+ }
+ const newModpacks = reset ? data : [...modpacks, ...data];
+ if (lastRequest === reqObj) {
+ setLoading(false);
+ setHasNextPage(newModpacks.length % 40 === 0 && newModpacks.length !== 0);
+ setModpacks(newModpacks);
+ }
+ };
+
+ useEffect(() => {
+ updateModpacks();
+ }, [searchText, sortBy, minecraftVersion, categoryId]);
+
+ return (
+
+
+
+ All Versions
+ {(mcVersions || [])
+ .filter(v => v?.type === 'release')
+ .map(v => (
+
+ {v?.id}
+
+ ))}
+
+
+
+ All Categories
+
+ {(categories || [])
+ .filter(v => v?.classId === 4471)
+ .sort((a, b) => a?.name.localeCompare(b?.name))
+ .map(v => (
+
+
+ ))}
+
+
+
+ Featured
+
+
+ Popularity
+
+
+ Last Updated
+
+
+ Name
+
+
+ Author
+
+
+ Total Downloads
+
+
+ setSearchText(e.target.value)}
+ style={{ width: 200 }}
+ />
+
+
+ {!error ? (
+ !loading && modpacks.length === 0 ? (
+
+ {({ height, width }) => (
+
+ )
+ ) : (
+
+
+ );
+};
+
+export default React.memo(CurseForgeModpacks);
+
+const Container = styled.div`
+ width: 100%;
+ height: 100%;
+`;
+
+const StyledSelect = styled(Select)`
+ width: 170px;
+ margin-right: 20px;
+`;
+
+const StyledInput = styled(Input.Search)``;
+
+const HeaderContainer = styled.div`
+ display: flex;
+ justify-content: center;
+`;
+
+const ModpacksContainer = styled.div`
+ height: calc(100% - 15px);
+ overflow: hidden;
+ padding: 10px 0;
+`;
diff --git a/src/common/modals/AddInstance/Import.js b/src/common/modals/AddInstance/Import.js
new file mode 100644
index 0000000..2ed7a05
--- /dev/null
+++ b/src/common/modals/AddInstance/Import.js
@@ -0,0 +1,199 @@
+/* eslint-disable */
+import React, { useState, useEffect } from 'react';
+import styled from 'styled-components';
+import path from 'path';
+import fse from 'fs-extra';
+import { promises as fs } from 'fs';
+import { extractAll } from '../../../app/desktop/utils';
+import { ipcRenderer } from 'electron';
+import { Button, Input } from 'antd';
+import { _getTempPath } from '../../utils/selectors';
+import { useSelector } from 'react-redux';
+import { getAddon } from '../../api';
+import { downloadFile } from '../../../app/desktop/utils/downloader';
+import { CURSEFORGE, FABRIC, FORGE, VANILLA } from '../../utils/constants';
+import { transparentize } from 'polished';
+
+const Import = ({
+ setModpack,
+ setVersion,
+ importZipPath,
+ setImportZipPath,
+ setOverrideNextStepOnClick
+}) => {
+ const [localValue, setLocalValue] = useState(null);
+ const tempPath = useSelector(_getTempPath);
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(false);
+
+ useEffect(() => {
+ setError(false);
+ }, [importZipPath]);
+
+ useEffect(() => {
+ setImportZipPath(localValue?.length > 0 ? localValue : null);
+ setVersion(null);
+ }, [localValue]);
+
+ const openFileDialog = async () => {
+ const dialog = await ipcRenderer.invoke('openFileDialog');
+ if (dialog.canceled) return;
+ setLocalValue(dialog.filePaths[0]);
+ };
+
+ const onClick = async () => {
+ if (loading || !localValue) return;
+ setLoading(true);
+ const urlRegex =
+ /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*).zip$/;
+ const isUrlRegex = urlRegex.test(localValue);
+
+ const tempFilePath = path.join(tempPath, path.basename(localValue));
+
+ if (isUrlRegex) {
+ try {
+ await fs.access(tempFilePath);
+ } catch {
+ await fse.remove(tempFilePath);
+ }
+ try {
+ await downloadFile(tempFilePath, localValue);
+ } catch (err) {
+ console.error(err);
+ setError(true);
+ setLoading(false);
+ throw err;
+ }
+ }
+
+ try {
+ await fs.access(path.join(tempPath, 'manifest.json'));
+ } catch {
+ await fse.remove(path.join(tempPath, 'manifest.json'));
+ }
+ await extractAll(
+ isUrlRegex ? tempFilePath : localValue,
+ tempPath,
+ {
+ recursive: true,
+ yes: true,
+ $cherryPick: 'manifest.json'
+ },
+ {
+ error: () => {
+ setError(true);
+ setLoading(false);
+ }
+ }
+ );
+ const manifest = await fse.readJson(path.join(tempPath, 'manifest.json'));
+ await fse.remove(path.join(tempPath, 'manifest.json'));
+ let addon = null;
+
+ if (manifest.projectID) {
+ const data = await getAddon(manifest.projectID);
+ addon = data;
+ setModpack(addon);
+ } else {
+ setModpack({ name: manifest.name, logo: null });
+ }
+ const isForge = (manifest?.minecraft?.modLoaders || []).find(
+ v => v.id.includes(FORGE) && v.primary
+ );
+
+ const isFabric = (manifest?.minecraft?.modLoaders || []).find(
+ v => v.id.includes(FABRIC) && v.primary
+ );
+
+ const isVanilla = (manifest?.minecraft?.modLoaders || []).find(
+ v => v.id.includes(VANILLA) && v.primary
+ );
+
+ if (!isForge && !isFabric && !isVanilla) {
+ setError(true);
+ setLoading(false);
+ return;
+ }
+
+ const loader = { loaderType: VANILLA };
+
+ if (manifest.manifestType === 'minecraftModpack') {
+ loader.source = CURSEFORGE;
+ }
+
+ if (isForge) loader.loaderType = FORGE;
+ else if (isFabric) loader.loaderType = FABRIC;
+
+ if (manifest.projectID) {
+ loader.projectID = manifest.projectID;
+ }
+
+ setVersion(loader);
+ if (isUrlRegex) {
+ setImportZipPath(tempFilePath);
+ }
+ setLoading(false);
+ setError(false);
+ };
+
+ setOverrideNextStepOnClick(() => onClick);
+
+ return (
+
+
+ );
+};
+
+export default React.memo(Import);
+
+const Container = styled.div`
+ width: 100%;
+ height: 80%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ margin-top: 30px;
+`;
diff --git a/src/common/modals/AddInstance/InstanceName.js b/src/common/modals/AddInstance/InstanceName.js
new file mode 100644
index 0000000..3295e8f
--- /dev/null
+++ b/src/common/modals/AddInstance/InstanceName.js
@@ -0,0 +1,540 @@
+/* eslint-disable */
+import React, { useState, useEffect, useMemo } from 'react';
+import styled, { keyframes } from 'styled-components';
+import path from 'path';
+import os from 'os';
+import fse from 'fs-extra';
+import { useSelector, useDispatch } from 'react-redux';
+import { Transition } from 'react-transition-group';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faLongArrowAltLeft,
+ faLongArrowAltRight
+} from '@fortawesome/free-solid-svg-icons';
+import { Input } from 'antd';
+import { transparentize } from 'polished';
+import { addToQueue } from '../../reducers/actions';
+import { closeModal, openModal } from '../../reducers/modals/actions';
+import {
+ downloadAddonZip,
+ importAddonZip,
+ convertcurseForgeToCanonical,
+ extractFabricVersionFromManifest
+} from '../../../app/desktop/utils';
+import { _getInstancesPath, _getTempPath } from '../../utils/selectors';
+import bgImage from '../../assets/mcCube.jpg';
+import { downloadFile } from '../../../app/desktop/utils/downloader';
+import { FABRIC, VANILLA, FORGE, CURSEFORGE } from '../../utils/constants';
+
+const InstanceName = ({
+ in: inProp,
+ setStep,
+ version,
+ modpack,
+ setVersion,
+ setModpack,
+ importZipPath,
+ step
+}) => {
+ const mcName = (
+ modpack?.name.replace(/\W/g, ' ') ||
+ (version && `Minecraft ${version?.loaderType}`) ||
+ ''
+ ).trim();
+ const originalMcName =
+ modpack?.name || (version && `Minecraft ${version?.loaderType}`);
+ const dispatch = useDispatch();
+ const instancesPath = useSelector(_getInstancesPath);
+ const tempPath = useSelector(_getTempPath);
+ const forgeManifest = useSelector(state => state.app.forgeManifest);
+ const [instanceName, setInstanceName] = useState(mcName);
+ const [alreadyExists, setAlreadyExists] = useState(false);
+ const [invalidName, setInvalidName] = useState(true);
+ const [clicked, setClicked] = useState(false);
+
+ useEffect(() => {
+ if (instanceName || mcName) {
+ const regex = /^[\sa-zA-Z0-9_.-]+$/;
+ const finalWhiteSpace = /[^\s]$/;
+ if (
+ !regex.test(instanceName || mcName) ||
+ !finalWhiteSpace.test(instanceName || mcName) ||
+ (instanceName || mcName).length >= 45
+ ) {
+ setInvalidName(true);
+ setAlreadyExists(false);
+ return;
+ }
+ fse
+ .pathExists(path.join(instancesPath, instanceName || mcName))
+ .then(exists => {
+ setAlreadyExists(exists);
+ setInvalidName(false);
+ });
+ }
+ }, [instanceName, step]);
+
+ const imageURL = useMemo(() => {
+ if (!modpack) return null;
+ // Curseforge
+ if (!modpack.synopsis) {
+ return modpack?.logo?.thumbnailUrl;
+ }
+ }, [modpack]);
+
+ const wait = t => {
+ return new Promise(resolve => {
+ setTimeout(() => resolve(), t);
+ });
+ };
+
+ const createInstance = async localInstanceName => {
+ if (!version || !localInstanceName) return;
+
+ const initTimestamp = Date.now();
+
+ const isCurseForgeModpack = Boolean(version?.source === CURSEFORGE);
+ let manifest;
+
+ // If it's a curseforge modpack grab the manfiest and detect the loader
+ // type as we don't yet know what it is.
+ if (isCurseForgeModpack) {
+ if (importZipPath) {
+ manifest = await importAddonZip(
+ importZipPath,
+ path.join(instancesPath, localInstanceName),
+ path.join(tempPath, localInstanceName),
+ tempPath
+ );
+ } else {
+ manifest = await downloadAddonZip(
+ version?.projectID,
+ version?.fileID,
+ path.join(instancesPath, localInstanceName),
+ path.join(tempPath, localInstanceName)
+ );
+ }
+
+ const isForgeModpack = (manifest?.minecraft?.modLoaders || []).some(
+ v => v.id.includes(FORGE) && v.primary
+ );
+
+ const isFabricModpack = (manifest?.minecraft?.modLoaders || []).some(
+ v => v.id.includes(FABRIC) && v.primary
+ );
+
+ if (isForgeModpack) {
+ version.loaderType = FORGE;
+ } else if (isFabricModpack) {
+ version.loaderType = FABRIC;
+ } else {
+ version.loaderType = VANILLA;
+ }
+ }
+
+ const isVanilla = version?.loaderType === VANILLA;
+ const isFabric = version?.loaderType === FABRIC;
+ const isForge = version?.loaderType === FORGE;
+
+ if (isCurseForgeModpack) {
+ if (imageURL) {
+ await downloadFile(
+ path.join(
+ instancesPath,
+ localInstanceName,
+ `background${path.extname(imageURL)}`
+ ),
+ imageURL
+ );
+ }
+
+ if (isForge) {
+ const loader = {
+ loaderType: FORGE,
+ mcVersion: manifest.minecraft.version,
+ loaderVersion: convertcurseForgeToCanonical(
+ manifest.minecraft.modLoaders.find(v => v.primary).id,
+ manifest.minecraft.version,
+ forgeManifest
+ ),
+ fileID: version?.fileID,
+ projectID: version?.projectID,
+ source: version?.source,
+ sourceName: manifest.name
+ };
+
+ dispatch(
+ addToQueue(
+ localInstanceName,
+ loader,
+ manifest,
+ imageURL ? `background${path.extname(imageURL)}` : null
+ )
+ );
+ } else if (isFabric) {
+ const loader = {
+ loaderType: FABRIC,
+ mcVersion: manifest.minecraft.version,
+ loaderVersion: extractFabricVersionFromManifest(manifest),
+ fileID: version?.fileID,
+ projectID: version?.projectID,
+ source: version?.source,
+ sourceName: manifest.name
+ };
+ dispatch(
+ addToQueue(
+ localInstanceName,
+ loader,
+ manifest,
+ imageURL ? `background${path.extname(imageURL)}` : null
+ )
+ );
+ } else if (isVanilla) {
+ const loader = {
+ loaderType: VANILLA,
+ mcVersion: manifest.minecraft.version,
+ loaderVersion: version?.loaderVersion,
+ fileID: version?.fileID
+ };
+
+ dispatch(
+ addToQueue(
+ localInstanceName,
+ loader,
+ manifest,
+ imageURL ? `background${path.extname(imageURL)}` : null
+ )
+ );
+ }
+ } else if (importZipPath) {
+ manifest = await importAddonZip(
+ importZipPath,
+ path.join(instancesPath, localInstanceName),
+ path.join(tempPath, localInstanceName),
+ tempPath
+ );
+
+ let loader = {};
+
+ if (version?.loaderType === FORGE) {
+ Object.assign(loader, {
+ loaderType: version?.loaderType,
+ mcVersion: manifest.minecraft.version,
+ loaderVersion: convertcurseForgeToCanonical(
+ manifest.minecraft.modLoaders.find(v => v.primary).id,
+ manifest.minecraft.version,
+ forgeManifest
+ )
+ });
+
+ dispatch(addToQueue(localInstanceName, loader, manifest));
+ } else if (version?.loaderType === FABRIC) {
+ Object.assign(loader, {
+ loaderType: version?.loaderType,
+ mcVersion: manifest.minecraft.version,
+ loaderVersion: manifest.minecraft.modLoaders[0].yarn,
+ fileID: manifest.minecraft.modLoaders[0].loader
+ });
+
+ dispatch(addToQueue(localInstanceName, loader, manifest));
+ } else if (version?.loaderType === VANILLA) {
+ Object.assign(loader, {
+ loaderType: version?.loaderType,
+ mcVersion: manifest.minecraft.version
+ });
+
+ dispatch(addToQueue(localInstanceName, loader, manifest));
+ }
+ } else if (isVanilla) {
+ dispatch(
+ addToQueue(localInstanceName, {
+ loaderType: version?.loaderType,
+ mcVersion: version?.mcVersion
+ })
+ );
+ } else if (isFabric) {
+ dispatch(
+ addToQueue(localInstanceName, {
+ loaderType: FABRIC,
+ mcVersion: version?.mcVersion,
+ loaderVersion: version?.loaderVersion
+ })
+ );
+ } else if (isForge) {
+ dispatch(
+ addToQueue(localInstanceName, {
+ loaderType: version?.loaderType,
+ mcVersion: version?.mcVersion,
+ loaderVersion: version?.loaderVersion
+ })
+ );
+ }
+
+ if (Date.now() - initTimestamp < 2000) {
+ await wait(2000 - (Date.now() - initTimestamp));
+ }
+
+ dispatch(closeModal());
+ };
+ return (
+
+ {state => (
+
+
+ {state1 => (
+ <>
+
+
+ )}
+
+ );
+};
+
+export default React.memo(InstanceName);
+
+const Animation = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: 100000;
+ display: flex;
+ justify-content: center;
+ align-items: flex-end;
+ top: 0;
+ left: 0;
+ background: url(${props => props.bg});
+ background-repeat: no-repeat;
+ background-size: cover;
+ will-change: transform;
+ transform: translateX(
+ ${({ state }) => (state === 'entering' || state === 'entered' ? 0 : 101)}%
+ );
+`;
+
+const BackgroundOverlay = styled.div`
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ backdrop-filter: blur(12px);
+ background: ${props => transparentize(0.4, props.theme.palette.grey[900])};
+`;
+
+const ModpackNameKeyframe = props => keyframes`
+ from {
+ transform: scale(1) translateY(0);
+ }
+ 35% {
+ transform: scale(1) translateY(65%);
+ }
+ to {
+ transform: scale(${props.name.length < 17 ? 2 : 1}) translateY(65%);
+ }
+`;
+
+const ModpackNameBorderKeyframe = keyframes`
+ 0% {
+ width: 0;
+ height: 0;
+ }
+ 25% {
+ width: 100%;
+ height: 0;
+ }
+ 50% {
+ width: 100%;
+ height: 100%;
+ }
+ 100% {
+ width: 100%;
+ height: 100%;
+ }
+`;
+
+const ModpackNameBorderColorKeyframe = keyframes`
+ 0% {
+ border-bottom-color: white;
+ border-left-color: white;
+ }
+ 50% {
+ border-bottom-color: white;
+ border-left-color: white;
+ }
+ 51% {
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ }
+ 100% {
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ }
+`;
+
+const ModpackName = styled.span`
+ position: relative;
+ font-weight: bold;
+ font-size: 45px;
+ animation: ${({ state }) =>
+ state === 'entering' || state === 'entered' ? ModpackNameKeyframe : null}
+ 0.2s ease-in-out forwards;
+ box-sizing: border-box;
+ text-align: center;
+ overflow: hidden;
+ text-transform: capitalize;
+ padding: 20px;
+ &:before,
+ &:after {
+ content: '';
+ box-sizing: border-box;
+ position: absolute;
+ border: ${({ state }) =>
+ state === 'entering' || state === 'entered' ? 4 : 0}px
+ solid transparent;
+ width: 0;
+ height: 0;
+ }
+ &::before {
+ top: 0;
+ left: 0;
+ border-top-color: white;
+ border-right-color: white;
+ animation: ${({ state }) =>
+ state === 'entering' || state === 'entered'
+ ? ModpackNameBorderKeyframe
+ : null}
+ 2s infinite;
+ }
+ &::after {
+ bottom: 0;
+ right: 0;
+ animation: ${({ state }) =>
+ state === 'entering' || state === 'entered'
+ ? ModpackNameBorderKeyframe
+ : null}
+ 2s 1s infinite,
+ ${({ state }) =>
+ state === 'entering' || state === 'entered'
+ ? ModpackNameBorderColorKeyframe
+ : null}
+ 2s 1s infinite;
+ }
+`;
diff --git a/src/common/modals/AddInstance/NewInstance.js b/src/common/modals/AddInstance/NewInstance.js
new file mode 100644
index 0000000..db6db5c
--- /dev/null
+++ b/src/common/modals/AddInstance/NewInstance.js
@@ -0,0 +1,59 @@
+/* eslint-disable */
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { Cascader } from 'antd';
+import styled from 'styled-components';
+import { getFilteredVersions } from '../../../app/desktop/utils';
+import { FABRIC, FORGE, VANILLA } from '../../utils/constants';
+
+const NewInstance = ({ setVersion, setModpack }) => {
+ const vanillaManifest = useSelector(state => state.app.vanillaManifest);
+ const fabricManifest = useSelector(state => state.app.fabricManifest);
+ const forgeManifest = useSelector(state => state.app.forgeManifest);
+
+ const filteredVers = useMemo(() => {
+ return getFilteredVersions(vanillaManifest, forgeManifest, fabricManifest);
+ }, [vanillaManifest, forgeManifest, fabricManifest]);
+
+ return (
+
+ {
+ if (!v) {
+ setVersion(null);
+ } else if (v[0] === VANILLA) {
+ setVersion({ loaderType: v[0], mcVersion: v[2] });
+ } else if (v[0] === FORGE) {
+ setVersion({
+ loaderType: v[0],
+ mcVersion: v[1],
+ loaderVersion: v[2]
+ });
+ } else if (v[0] === FABRIC) {
+ setVersion({
+ loaderType: v[0],
+ mcVersion: v[2],
+ loaderVersion: v[3]
+ });
+ }
+ setModpack(null);
+ }}
+ placeholder="Select a version"
+ size="large"
+ css={`
+ width: 400px !important;
+ `}
+ />
+
+ );
+};
+
+const Container = styled.div`
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+`;
+
+export default React.memo(NewInstance);
diff --git a/src/common/modals/AddInstance/index.js b/src/common/modals/AddInstance/index.js
new file mode 100644
index 0000000..ce93eb3
--- /dev/null
+++ b/src/common/modals/AddInstance/index.js
@@ -0,0 +1,54 @@
+/* eslint-disable */
+import React, { useState, lazy, Suspense } from 'react';
+import Modal from '../../components/Modal';
+import AsyncComponent from '../../components/AsyncComponent';
+
+const InstanceName = AsyncComponent(lazy(() => import('./InstanceName')));
+const Content = AsyncComponent(lazy(() => import('./Content')));
+
+const AddInstance = ({ defaultPage }) => {
+ const [version, setVersion] = useState(null);
+ const [step, setStep] = useState(0);
+ const [modpack, setModpack] = useState(null);
+ const [importZipPath, setImportZipPath] = useState('');
+ const [page, setPage] = useState(defaultPage);
+
+ return (
+
+
+
+
+ );
+};
+
+export default React.memo(AddInstance);
diff --git a/src/common/modals/AutoUpdatesNotAvailable.js b/src/common/modals/AutoUpdatesNotAvailable.js
new file mode 100644
index 0000000..728c897
--- /dev/null
+++ b/src/common/modals/AutoUpdatesNotAvailable.js
@@ -0,0 +1,36 @@
+import React, { memo } from 'react';
+import styled from 'styled-components';
+import Modal from '../components/Modal';
+
+const AutoUpdatesNotAvailable = () => {
+ return (
+
+
+
+
+ );
+};
+
+export default memo(AutoUpdatesNotAvailable);
+
+const Container = styled.div`
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ color: ${props => props.theme.palette.text.primary};
+`;
diff --git a/src/common/modals/BisectHosting.js b/src/common/modals/BisectHosting.js
new file mode 100644
index 0000000..68b378a
--- /dev/null
+++ b/src/common/modals/BisectHosting.js
@@ -0,0 +1,81 @@
+import React, { memo } from 'react';
+import styled from 'styled-components';
+import { Button } from 'antd';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
+import Modal from '../components/Modal';
+import BisectHostingLogo from '../../ui/BisectHosting';
+import ga from '../utils/analytics';
+
+const BisectHosting = () => {
+ return (
+
+
+
+
+ );
+};
+
+export default memo(BisectHosting);
+
+const Container = styled.div`
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ color: ${props => props.theme.palette.text.primary};
+`;
diff --git a/src/common/modals/ChangeLogs/changeLog.js b/src/common/modals/ChangeLogs/changeLog.js
new file mode 100644
index 0000000..3a515fd
--- /dev/null
+++ b/src/common/modals/ChangeLogs/changeLog.js
@@ -0,0 +1,44 @@
+module.exports = {
+ new: [
+ {
+ header: 'Support ARM',
+ content: 'Architecture.',
+ advanced: { cm: '4fd9a4', pr: '1451' }
+ },
+ {
+ header: 'Add manual download',
+ content: 'option for failed opted out mods.',
+ advanced: { cm: 'a8dfa1', pr: '1512' }
+ }
+ ],
+ improvements: [
+ {
+ header: 'Updated url',
+ content: 'for minecraft news images.',
+ advanced: { cm: 'efa324', pr: '1443' }
+ },
+ {
+ header: 'Simplifications',
+ content:
+ ' to the codebase, napi and nsfw now get automatically compiled on build.',
+ advanced: { cm: '20148d', pr: '1446' }
+ },
+ {
+ header: 'Add restore option',
+ content: 'to failed updates.',
+ advanced: { cm: '9d84085', pr: '1531' }
+ }
+ ],
+ bugfixes: [
+ {
+ header: 'Fix asset downloading',
+ content: 'now enforcing https.',
+ advanced: { cm: '73b3f4', pr: '1514' }
+ },
+ {
+ header: 'Fix deprecated warnings',
+ content: 'for dropped file handles.',
+ advanced: { cm: '9d84085', pr: '1531' }
+ }
+ ]
+};
diff --git a/src/common/modals/ChangeLogs/index.js b/src/common/modals/ChangeLogs/index.js
new file mode 100644
index 0000000..307c348
--- /dev/null
+++ b/src/common/modals/ChangeLogs/index.js
@@ -0,0 +1,421 @@
+/* eslint-disable react/no-unescaped-entities */
+import React, { memo, useState, useEffect, useMemo } from 'react';
+import { useDispatch } from 'react-redux';
+import styled from 'styled-components';
+import { ipcRenderer } from 'electron';
+import TypeAnimation from 'react-type-animation';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faBug, faStar, faWrench } from '@fortawesome/free-solid-svg-icons';
+import { useInView } from 'react-intersection-observer';
+import Modal from '../../components/Modal';
+import SocialButtons from '../../components/SocialButtons';
+import KoFiButton from '../../assets/ko-fi.png';
+import UpdateIllustration from '../../assets/update_illustration.png';
+import UpdateIllustrationChristmas from '../../assets/update_illustration_christmas.png';
+import { openModal } from '../../reducers/modals/actions';
+import ga from '../../utils/analytics';
+import changelog from './changeLog';
+
+const UpdateRow = ({ header, content, advanced }) => {
+ const prSplit = advanced?.pr?.split('/');
+ return (
+
+ • {header}{' '}
+ props.theme.palette.text.third};
+ `}
+ >
+ {content}
+
+ {advanced && (
+
+ );
+};
+
+const ChangeLogs = () => {
+ const [version, setVersion] = useState(null);
+ const [skipIObserver, setSkipIObserver] = useState(true);
+ const [showAdvanced, setShowAdvanced] = useState(false);
+ const dispatch = useDispatch();
+ const { ref: intersectionObserverRef, inView: insectionObserverInView } =
+ useInView({
+ threshold: 0.3,
+ initialInView: false,
+ triggerOnce: true,
+ skip: skipIObserver
+ });
+
+ const typingSequence = useMemo(() => {
+ const completText = 'Merry Christmas!';
+ let textSoFar = '';
+ const newArr = [];
+ let timeToWait = 1300;
+ // eslint-disable-next-line no-plusplus
+ for (let i = 0; i < completText.length; i++) {
+ textSoFar += completText[i];
+ newArr.push(textSoFar, 50);
+ timeToWait += 50;
+ }
+
+ const completTextGDL = 'from the GDL Team';
+ let textSoFarGDL = '';
+ const fromGDLArr = [timeToWait];
+ // eslint-disable-next-line no-plusplus
+ for (let i = 0; i < completTextGDL.length; i++) {
+ textSoFarGDL += completTextGDL[i];
+ fromGDLArr.push(textSoFarGDL, 50);
+ }
+
+ return {
+ merryChristmas: newArr,
+ fromGDL: fromGDLArr
+ };
+ }, []);
+
+ useEffect(() => {
+ ipcRenderer
+ .invoke('getAppVersion')
+ .then(v => {
+ setVersion(v);
+ if (!v.includes('beta')) {
+ setTimeout(() => {
+ setSkipIObserver(false);
+ }, 300);
+ }
+ return v;
+ })
+ .catch(console.error);
+ ga.sendCustomEvent('changelogModalOpen');
+ }, []);
+
+ useEffect(() => {
+ if (insectionObserverInView) {
+ ga.sendCustomEvent('changelogModalReadAll');
+ }
+ }, [insectionObserverInView]);
+
+ const openBisectModal = () => {
+ dispatch(openModal('BisectHosting'));
+ ga.sendCustomEvent('changelogModalOpenBisect');
+ };
+
+ const isChristmas =
+ new Date().getMonth() === 11 &&
+ [21, 22, 23, 24, 25, 26, 27, 28, 29].includes(new Date().getDate());
+
+ return (
+
+
+
+ {isChristmas ? (
+ 
+
+
+ {changelog.new.length ? (
+ props.theme.palette.colors.green};
+ `}
+ >
+
+
+ ) : null}
+
+
+ {changelog.improvements.length ? (
+ props.theme.palette.colors.yellow};
+ `}
+ >
+
+
+ ) : null}
+
+
+ {changelog.bugfixes.length ? (
+ props.theme.palette.colors.red};
+ `}
+ >
+
+
+ ) : null}
+
+
+
+ );
+};
+
+export default memo(ChangeLogs);
+
+const Container = styled.div`
+ width: 100%;
+ height: calc(100% - 60px);
+ overflow-y: auto;
+ color: ${props => props.theme.palette.text.primary};
+ padding: 20px;
+`;
+
+const SectionTitle = styled.h2`
+ width: 100%;
+ margin: 0;
+ text-transform: uppercase;
+ font-weight: bold;
+ font-size: 22px;
+`;
+
+const Section = styled.div`
+ width: 100%;
+ font-size: 16px;
+ p {
+ margin: 20px 0 !important;
+ }
+ ul {
+ padding: 0px;
+ list-style-position: inside;
+ width: 100%;
+ margin: 20px 0;
+ border-radius: 5px;
+ }
+
+ li {
+ text-align: start;
+ list-style-type: none;
+ margin: 10px 0;
+ }
+`;
+
+const Header = styled.div`
+ margin-bottom: 20px;
+`;
diff --git a/src/common/modals/InfoModal.js b/src/common/modals/InfoModal.js
new file mode 100644
index 0000000..157394b
--- /dev/null
+++ b/src/common/modals/InfoModal.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import Modal from '../components/Modal';
+
+const InfoModal = ({ modName, error, preventClose }) => {
+ return (
+
+
+ );
+};
+
+export default InfoModal;
diff --git a/src/common/modals/InstanceCrashed.js b/src/common/modals/InstanceCrashed.js
new file mode 100644
index 0000000..5e92ca1
--- /dev/null
+++ b/src/common/modals/InstanceCrashed.js
@@ -0,0 +1,164 @@
+import React, { memo, useState } from 'react';
+import styled from 'styled-components';
+import { clipboard } from 'electron';
+import { Tooltip, Collapse } from 'antd';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCopy } from '@fortawesome/free-solid-svg-icons';
+
+import Modal from '../components/Modal';
+import Logo from '../../ui/LogoSad';
+
+const calcError = code => {
+ switch (code) {
+ case 1:
+ return 'Uncaught Fatal Exception';
+ case 3:
+ return 'Internal JavaScript Parse Error';
+ case 4:
+ return 'Internal JavaScript Evaluation Failure';
+ case 5:
+ return 'Fatal Error';
+ case 6:
+ return 'Non-function Internal Exception Handler ';
+ case 7:
+ return 'Internal Exception Handler Run-Time Failure';
+ case 9:
+ return 'Invalid Argument';
+ case 10:
+ return 'Internal JavaScript Run-Time Failure';
+ case 12:
+ return 'Invalid Debug Argument';
+ default:
+ return code > 128 ? 'Signal Exits' : 'Unknown Error';
+ }
+};
+
+const { Panel } = Collapse;
+
+const InstanceCrashed = ({ code, errorLogs }) => {
+ const [copiedLog, setCopiedLog] = useState(null);
+
+ function copy(e) {
+ e.stopPropagation();
+ setCopiedLog(true);
+ clipboard.writeText(errorLogs);
+ setTimeout(() => {
+ setCopiedLog(false);
+ }, 500);
+ }
+
+ return (
+
+
+
+
+ OOPSIE WOOPSIE!!
+
+
+
+ {calcError(code)}
+ {code}
+
+
+
+ Error Log
+
+
+
+ }
+ key="1"
+ >
+ Terms and Conditions
+
+
+ Introduction
+
+
+ + These terms and conditions (“Agreement”) set forth the general terms + and conditions of your use of the{' '} + + gdlauncher.com + {' '} + website (“Website”), “GDLauncher” Application (“Application”) and + any of their related products and services (collectively, + “Services”). This Agreement is legally binding between you (“User”, + “you” or “your”) and this Website operator and Application developer + (“Operator”, “we”, “us” or “our”). If you are entering into this + agreement on behalf of a business or other legal entity, you + represent that you have the authority to bind such entity to this + agreement, in which case the terms “User”, “you” or “your” shall + refer to such entity. If you do not have such authority, or if you + do not agree with the terms of this agreement, you must not accept + this agreement and may not access and use the Services. By accessing + and using the Services, you acknowledge that you have read, + understood, and agree to be bound by the terms of this Agreement. + You acknowledge that this Agreement is a contract between you and + the Operator, even though it is electronic and is not physically + signed by you, and it governs your use of the Services. +
+
+
+ Accounts and membership
+
+
+ + If you create an account on the Services, you are responsible for + maintaining the security of your account and you are fully + responsible for all activities that occur under the account and any + other actions taken in connection with it. We may, but have no + obligation to, monitor and review new accounts before you may sign + in and start using the Services. Providing false contact information + of any kind may result in the termination of your account. You must + immediately notify us of any unauthorized uses of your account or + any other breaches of security. We will not be liable for any acts + or omissions by you, including any damages of any kind incurred as a + result of such acts or omissions. We may suspend, disable, or delete + your account (or any part thereof) if we determine that you have + violated any provision of this Agreement or that your conduct or + content would tend to damage our reputation and goodwill. If we + delete your account for the foregoing reasons, you may not + re-register for our Services. We may block your email address and + Internet protocol address to prevent further registration. +
+
+
+ User content
+
+
+ + We do not own any data, information or material (collectively, + “Content”) that you submit on the Services in the course of using + the Service. You shall have sole responsibility for the accuracy, + quality, integrity, legality, reliability, appropriateness, and + intellectual property ownership or right to use of all submitted + Content. We may, but have no obligation to, monitor and review the + Content on the Services submitted or created using our Services by + you. You grant us permission to access, copy, distribute, store, + transmit, reformat, display and perform the Content of your user + account solely as required for the purpose of providing the Services + to you. Without limiting any of those representations or warranties, + we have the right, though not the obligation, to, in our own sole + discretion, refuse or remove any Content that, in our reasonable + opinion, violates any of our policies or is in any way harmful or + objectionable. You also grant us the license to use, reproduce, + adapt, modify, publish or distribute the Content created by you or + stored in your user account for commercial, marketing or any similar + purpose. +
+
+
+ Billing and payments
+
+
+ + You shall pay all fees or charges to your account in accordance with + the fees, charges, and billing terms in effect at the time a fee or + charge is due and payable. Where Services are offered on a free + trial basis, payment may be required after the free trial period + ends, and not when you enter your billing details (which may be + required prior to the commencement of the free trial period). If + auto-renewal is enabled for the Services you have subscribed for, + you will be charged automatically in accordance with the term you + selected. If, in our judgment, your purchase constitutes a high-risk + transaction, we will require you to provide us with a copy of your + valid government-issued photo identification, and possibly a copy of + a recent bank statement for the credit or debit card used for the + purchase. We reserve the right to change products and product + pricing at any time. We also reserve the right to refuse any order + you place with us. We may, in our sole discretion, limit or cancel + quantities purchased per person, per household or per order. These + restrictions may include orders placed by or under the same customer + account, the same credit card, and/or orders that use the same + billing and/or shipping address. In the event that we make a change + to or cancel an order, we may attempt to notify you by contacting + the e-mail and/or billing address/phone number provided at the time + the order was made. +
+
+
+ Accuracy of information
+
+
+ + Occasionally there may be information on the Services that contains + typographical errors, inaccuracies or omissions that may relate to + product descriptions, pricing, availability, promotions and offers. + We reserve the right to correct any errors, inaccuracies or + omissions, and to change or update information or cancel orders if + any information on the Services or Services is inaccurate at any + time without prior notice (including after you have submitted your + order). We undertake no obligation to update, amend or clarify + information on the Services including, without limitation, pricing + information, except as required by law. No specified update or + refresh date applied on the Services should be taken to indicate + that all information on the Services or Services has been modified + or updated. +
+
+
+ Third party services
+
+
+ + If you decide to enable, access or use third party services, be + advised that your access and use of such other services are governed + solely by the terms and conditions of such other services, and we do + not endorse, are not responsible or liable for, and make no + representations as to any aspect of such other services, including, + without limitation, their content or the manner in which they handle + data (including your data) or any interaction between you and the + provider of such other services. You irrevocably waive any claim + against the Operator with respect to such other services. The + Operator is not liable for any damage or loss caused or alleged to + be caused by or in connection with your enablement, access or use of + any such other services, or your reliance on the privacy practices, + data security processes or other policies of such other services. + You may be required to register for or log into such other services + on their respective platforms. By enabling any other services, you + are expressly permitting the Operator to disclose your data as + necessary to facilitate the use or enablement of such other service. +
+
+
+ Backups
+
+
+ + We are not responsible for the Content residing on the Services. In + no event shall we be held liable for any loss of any Content. It is + your sole responsibility to maintain appropriate backup of your + Content. Notwithstanding the foregoing, on some occasions and in + certain circumstances, with absolutely no obligation, we may be able + to restore some or all of your data that has been deleted as of a + certain date and time when we may have backed up data for our own + purposes. We make no guarantee that the data you need will be + available. +
+
+
+ Advertisements
+
+
+ + During your use of the Services, you may enter into correspondence + with or participate in promotions of advertisers or sponsors showing + their goods or services through the Services. Any such activity, and + any terms, conditions, warranties or representations associated with + such activity, is solely between you and the applicable third party. + We shall have no liability, obligation or responsibility for any + such correspondence, purchase or promotion between you and any such + third party. +
+
+
+ Links to other resources
+
+
+ + Although the Services may link to other resources (such as websites, + Applications, etc.), we are not, directly or indirectly, implying + any approval, association, sponsorship, endorsement, or affiliation + with any linked resource, unless specifically stated herein. Some of + the links on the Services may be “affiliate links”. This means if + you click on the link and purchase an item, the Operator will + receive an affiliate commission. We are not responsible for + examining or evaluating, and we do not warrant the offerings of, any + businesses or individuals or the content of their resources. We do + not assume any responsibility or liability for the actions, + products, services, and content of any other third parties. You + should carefully review the legal statements and other conditions of + use of any resource which you access through a link on the Services. + Your linking to any other off-site resources is at your own risk. +
+
+
+ Prohibited uses
+
+
+ + In addition to other terms as set forth in the Agreement, you are + prohibited from using the Services or Content: (a) for any unlawful + purpose; (b) to solicit others to perform or participate in any + unlawful acts; (c) to violate any international, federal, provincial + or state regulations, rules, laws, or local ordinances; (d) to + infringe upon or violate our intellectual property rights or the + intellectual property rights of others; (e) to harass, abuse, + insult, harm, defame, slander, disparage, intimidate, or + discriminate based on gender, sexual orientation, religion, + ethnicity, race, age, national origin, or disability; (f) to submit + false or misleading information; (g) to upload or transmit viruses + or any other type of malicious code that will or may be used in any + way that will affect the functionality or operation of the Services, + third party products and services, or the Internet; (h) to spam, + phish, pharm, pretext, spider, crawl, or scrape; (i) for any obscene + or immoral purpose; or (j) to interfere with or circumvent the + security features of the Services, third party products and + services, or the Internet. We reserve the right to terminate your + use of the Services for violating any of the prohibited uses. +
+
+
+ Intellectual property rights
+
+
+ + “Intellectual Property Rights” means all present and future rights + conferred by statute, common law or equity in or in relation to any + copyright and related rights, trademarks, designs, patents, + inventions, goodwill and the right to sue for passing off, rights to + inventions, rights to use, and all other intellectual property + rights, in each case whether registered or unregistered and + including all applications and rights to apply for and be granted, + rights to claim priority from, such rights and all similar or + equivalent rights or forms of protection and any other results of + intellectual activity which subsist or will subsist now or in the + future in any part of the world. This Agreement does not transfer to + you any intellectual property owned by the Operator or third + parties, and all rights, titles, and interests in and to such + property will remain (as between the parties) solely with the + Operator. All trademarks, service marks, graphics and logos used in + connection with the Services, are trademarks or registered + trademarks of the Operator or its licensors. Other trademarks, + service marks, graphics and logos used in connection with the + Services may be the trademarks of other third parties. Your use of + the Services grants you no right or license to reproduce or + otherwise use any of the Operator or third party trademarks. +
+
+
+ Disclaimer of warranty
+
+
+ + You agree that such Service is provided on an “as is” and “as + available” basis and that your use of the Services is solely at your + own risk. We expressly disclaim all warranties of any kind, whether + express or implied, including but not limited to the implied + warranties of merchantability, fitness for a particular purpose and + non-infringement. We make no warranty that the Services will meet + your requirements, or that the Service will be uninterrupted, + timely, secure, or error-free; nor do we make any warranty as to the + results that may be obtained from the use of the Service or as to + the accuracy or reliability of any information obtained through the + Service or that defects in the Service will be corrected. You + understand and agree that any material and/or data downloaded or + otherwise obtained through the use of Service is done at your own + discretion and risk and that you will be solely responsible for any + damage or loss of data that results from the download of such + material and/or data. We make no warranty regarding any goods or + services purchased or obtained through the Service or any + transactions entered into through the Service unless stated + otherwise. No advice or information, whether oral or written, + obtained by you from us or through the Service shall create any + warranty not expressly made herein. +
+
+
+ Limitation of liability
+
+
+ + To the fullest extent permitted by applicable law, in no event will + the Operator, its affiliates, directors, officers, employees, + agents, suppliers or licensors be liable to any person for any + indirect, incidental, special, punitive, cover or consequential + damages (including, without limitation, damages for lost profits, + revenue, sales, goodwill, use of content, impact on business, + business interruption, loss of anticipated savings, loss of business + opportunity) however caused, under any theory of liability, + including, without limitation, contract, tort, warranty, breach of + statutory duty, negligence or otherwise, even if the liable party + has been advised as to the possibility of such damages or could have + foreseen such damages. To the maximum extent permitted by applicable + law, the aggregate liability of the Operator and its affiliates, + officers, employees, agents, suppliers and licensors relating to the + services will be limited to an amount greater of one dollar or any + amounts actually paid in cash by you to the Operator for the prior + one month period prior to the first event or occurrence giving rise + to such liability. The limitations and exclusions also apply if this + remedy does not fully compensate you for any losses or fails of its + essential purpose. +
+
+
+ Indemnification
+
+
+ + You agree to indemnify and hold the Operator and its affiliates, + directors, officers, employees, agents, suppliers and licensors + harmless from and against any liabilities, losses, damages or costs, + including reasonable attorneys’ fees, incurred in connection with or + arising from any third party allegations, claims, actions, disputes, + or demands asserted against any of them as a result of or relating + to your Content, your use of the Services or any willful misconduct + on your part. +
+
+
+ Severability
+
+
+ + All rights and restrictions contained in this Agreement may be + exercised and shall be applicable and binding only to the extent + that they do not violate any applicable laws and are intended to be + limited to the extent necessary so that they will not render this + Agreement illegal, invalid or unenforceable. If any provision or + portion of any provision of this Agreement shall be held to be + illegal, invalid or unenforceable by a court of competent + jurisdiction, it is the intention of the parties that the remaining + provisions or portions thereof shall constitute their agreement with + respect to the subject matter hereof, and all such remaining + provisions or portions thereof shall remain in full force and + effect. +
+
+
+ Dispute resolution
+
+
+ + The formation, interpretation, and performance of this Agreement and + any disputes arising out of it shall be governed by the substantive + and procedural laws of Italy without regard to its rules on + conflicts or choice of law and, to the extent applicable, the laws + of Italy. The exclusive jurisdiction and venue for actions related + to the subject matter hereof shall be the courts located in Italy, + and you hereby submit to the personal jurisdiction of such courts. + You hereby waive any right to a jury trial in any proceeding arising + out of or related to this Agreement. The United Nations Convention + on Contracts for the International Sale of Goods does not apply to + this Agreement. +
+
+
+ Changes and amendments
+
+
+ + We reserve the right to modify this Agreement or its terms related + to the Services at any time at our discretion. When we do, we will + revise the updated date at the bottom of this page. We may also + provide notice to you in other ways at our discretion, such as + through the contact information you have provided. +
++ An updated version of this Agreement will be effective immediately + upon the posting of the revised Agreement unless otherwise + specified. Your continued use of the Services after the effective + date of the revised Agreement (or such other act specified at that + time) will constitute your consent to those changes. +
+
+
+ Acceptance of these terms
+
+
+ + You acknowledge that you have read this Agreement and agree to all + its terms and conditions. By accessing and using the Services you + agree to be bound by this Agreement. If you do not agree to abide by + the terms of this Agreement, you are not authorized to access or use + the Services. +
+
+
+ Contacting us
+
+
+ + If you have any questions, concerns, or complaints regarding this + Agreement, we encourage you to contact us using the details below: +
+info@gdevs.io
+This document was last updated on August 16, 2021
+ + ); +}; + +export default memo(TermsAndConditions); diff --git a/src/common/modals/AccountsManager.js b/src/common/modals/AccountsManager.js new file mode 100644 index 0000000..3aa3c82 --- /dev/null +++ b/src/common/modals/AccountsManager.js @@ -0,0 +1,210 @@ +import React from 'react'; +import styled from 'styled-components'; +import { Spin, message } from 'antd'; +import { useSelector, useDispatch } from 'react-redux'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faTrash } from '@fortawesome/free-solid-svg-icons'; +import Modal from '../components/Modal'; +import { _getAccounts, _getCurrentAccount } from '../utils/selectors'; +import { openModal, closeModal } from '../reducers/modals/actions'; +import { + updateCurrentAccountId, + loginWithAccessToken, + updateAccount, + removeAccount, + loginWithOAuthAccessToken +} from '../reducers/actions'; +import { load } from '../reducers/loading/actions'; +import features from '../reducers/loading/features'; +import { ACCOUNT_MICROSOFT } from '../utils/constants'; + +const ProfileSettings = () => { + const dispatch = useDispatch(); + const accounts = useSelector(_getAccounts); + const currentAccount = useSelector(_getCurrentAccount); + const isLoading = useSelector(state => state.loading.accountAuthentication); + return ( +
+ {account.selectedProfile.name}{' '}
+ props.theme.palette.error.main};
+ `}
+ >
+ {!account.accessToken && '(EXPIRED)'}
+
+
+ {!account.accessToken && (
+ props.theme.palette.error.main};
+ }
+ `}
+ >
+ {
+ const result = await dispatch(
+ removeAccount(account.selectedProfile.id)
+ );
+ if (!result) {
+ dispatch(closeModal());
+ }
+ }}
+ icon={faTrash}
+ />
+
+ + Mojang Login +
++ Microsoft Login +
+External Login
+ {loginFailed ? ( + <> +
+
+
+
+
+ setPage(e.target.value)}
+ >
+
+ 
+ Vanilla
+
+
+ 
+ CurseForge
+
+
+
+
+
+
+ {pages[page]}
+
+
+ props.page === 0 || props.page === 2 ? 1 : 0};
+ `}
+ >
+
+
+ props.version || props.importZipPath
+ ? props.theme.palette.text.icon
+ : props.theme.palette.text.disabled};
+ ${props =>
+ props.version || props.importZipPath
+ ? 'cursor: pointer;'
+ : ''}
+ &:hover {
+ background-color: ${props =>
+ props.version || props.importZipPath
+ ? props.theme.action.hover
+ : 'transparent'};
+ }
+ `}
+ onClick={async () => {
+ if (overrideNextStepOnClick) {
+ setLoading(true);
+ try {
+ await overrideNextStepOnClick();
+ } catch {
+ return;
+ } finally {
+ setLoading(false);
+ }
+ }
+ if (version || importZipPath) {
+ setStep(1);
+ }
+ }}
+ >
+ {loading ? (
+
+
+
+
+
+
+
+ );
+ });
+
+ const innerElementType = forwardRef(({ style, ...rest }, ref) => (
+
+ ));
+
+ return (
+ {modpack.name}
+ {
+ setVersion({
+ projectID: modpack.id,
+ fileID: modpack.latestFiles[modpack.latestFiles.length - 1].id,
+ source: CURSEFORGE
+ });
+ setModpack(modpack);
+ setStep(1);
+ }}
+ >
+ Download Latest
+
+ {
+ dispatch(
+ openModal('ModpackDescription', {
+ modpack,
+ setVersion,
+ setModpack,
+ setStep,
+ type: 'curseforge'
+ })
+ );
+ }}
+ >
+ Explore / Versions
+
+ - {
+ // Manually bind ref to reset scroll
+ // eslint-disable-next-line
+ infiniteLoaderRef.current = list;
+ }}
+ >
+ {Item}
+
+ 
+ {v?.name}
+
+
+
+ ) : (
+
+ No modpack has been found with the current filters.
+
+
+
+ )}
+
+ An error occurred while loading the modpacks list...
+
+
+ Local file or link to a direct download
+
+
+ setLocalValue(e.target.value)}
+ css={`
+ width: 400px !important;
+ margin-right: 10px !important;
+ `}
+ />
+
+
+ (props.show ? 1 : 0)};
+ color: ${props => props.theme.palette.error.main};
+ font-weight: 700;
+ font-size: 14px;
+ padding: 3px;
+ height: 30px;
+ margin-top: 10px;
+ text-align: center;
+ border-radius: ${props => props.theme.shape.borderRadius};
+ background: ${props =>
+ transparentize(0.7, props.theme.palette.grey[700])};
+ `}
+ >
+ {error && 'There was an issue while importing.'}
+
+
+ state === 'entering' || state === 'entered' ? 0 : 1};
+ flex: 1;
+ transition: 0.1s ease-in-out;
+ display: flex;
+ justify-content: center;
+ border-radius: 4px;
+ font-size: 40px;
+ cursor: pointer;
+ z-index: 100001;
+ margin: 20px;
+ &:hover {
+ background-color: ${props => props.theme.action.hover};
+ }
+ `}
+ onClick={() => {
+ setStep(0);
+ }}
+ >
+ {clicked ? '' :
+
+
+ {originalMcName}
+
+
+
+ setInstanceName(e.target.value)}
+ css={`
+ opacity: ${({ state }) =>
+ state === 'entering' || state === 'entered'
+ ? 0
+ : 1} !important;
+ transition: 0.1s ease-in-out !important;
+ width: 300px !important;
+ align-self: center !important;
+ `}
+ />
+
+ (props.show ? 1 : 0)};
+ color: ${props => props.theme.palette.error.main};
+ font-weight: 700;
+ font-size: 14px;
+ padding: 3px;
+ height: 30px;
+ margin-top: 10px;
+ text-align: center;
+ border-radius: ${props =>
+ props.theme.shape.borderRadius};
+ background: ${props =>
+ transparentize(0.7, props.theme.palette.grey[700])};
+ `}
+ >
+ {invalidName &&
+ 'Instance name is not valid or too long. Please try another one'}
+ {alreadyExists &&
+ 'An instance with this name already exists!'}
+
+
+ state === 'entering' || state === 'entered' ? 0 : 1};
+ flex: 1;
+ transition: 0.1s ease-in-out;
+ display: flex;
+ justify-content: center;
+ border-radius: 4px;
+ font-size: 40px;
+ cursor: pointer;
+ z-index: 100001;
+ margin: 20px;
+ &:hover {
+ background-color: ${props => props.theme.action.hover};
+ }
+ `}
+ onClick={() => {
+ createInstance(instanceName || mcName);
+ setClicked(true);
+ }}
+ >
+ {clicked || alreadyExists || invalidName ? (
+ ''
+ ) : (
+
+
+ )}
+ Auto updates are not available on this platform.
+
+ Please, update GDLauncher through your package manager or download the
+ new version from our website here
+
+ + Grab a server from our official partner{' '} + + BisectHosting + {' '} + for effortless modded server installs and updates. New + customers can save{' '} + props.theme.palette.colors.green}; + `} + > + 25% + {' '} + off their first month using the promo code{' '} + props.theme.palette.colors.green}; + `} + > + GDL + {' '} + at checkout. +
+ + + + props.theme.palette.text.third};
+ font-size: 12px;
+ a {
+ color: ${props => props.theme.palette.primary.light};
+ }
+ a:hover {
+ color: ${props => props.theme.palette.primary.main};
+ }
+ `}
+ >
+
+ {advanced.cm}
+
+ {prSplit && (
+ <>
+ {' | '}
+ {/* Yes, this was the best (and shortest) version to do this I could come up with */}
+ 1 ? `/commits/${prSplit[1]}` : ''}`}
+ >
+ #{advanced.pr}
+
+
+ )}
+ {advanced.ms && <> | {advanced.ms}}
+
+ )}
+
+
+
+
+ ) : (
+ ''
+ )}
+
+
+ props.theme.palette.text.third};
+ span {
+ color: ${props => props.theme.palette.text.primary};
+ cursor: pointer;
+ text-decoration: underline;
+ }
+ `}
+ >
+ If you appreciate our work, please consider supporting us through a
+ donation or grab a server from our official partner{' '}
+ BisectHosting
+
+
+
+
+
+
+ props.theme.palette.primary.light};
+ `}
+ onClick={() => setShowAdvanced(!showAdvanced)}
+ >
+ {showAdvanced
+ ? 'Hide extended information'
+ : 'Show extended information'}
+
+ -
+ {changelog.new.map((item, index) => (
+
-
+ {changelog.improvements.map((item, index) => (
+
-
+ {changelog.bugfixes.map((item, index) => (
+
props.theme.palette.grey[800]};
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ padding: 0 20px;
+ `}
+ >
+
+
+ The mod ${modName || ''} failed to download
+
+ props.theme.palette.grey[900]};
+ padding: 10px;
+ margin: 10px 0;
+ `}
+ >
+ {'> '}
+ {error.toString()}
+
+
+ OOPSIE WOOPSIE!!
+
A creeper blew this instance up!
+
+ Error:
+code:
+
+ copy(e)} />
+
+ + {errorLogs} +
+ + + + + ); +}; + +export default memo(InstanceCrashed); + +const Container = styled.div` + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-conter: space-between; + align-items: center; + text-align: center; + color: ${props => props.theme.palette.text.primary}; +`; + +const InnerContainer = styled.div` + width: 100%; + display: flex; + justify-conter: space-between; + align-items: center; + h3 { + margin-left: 10px; + text-align: start; + } + color: ${props => props.theme.palette.text.primary}; +`; + +const Card = styled.div` + width: 100%; + display: flex; + justify-conter: space-between; + align-items: center; + padding: 5px; + h3 { + margin: 0 10px 0 10px; + text-align: start; + font-weight: 900; + } + background: ${props => props.theme.palette.grey[900]}; + color: ${props => props.theme.palette.text.primary}; +`; + +const ErrorContainer = styled.div` + color: ${props => props.theme.palette.text.primary}; +`; diff --git a/src/common/modals/InstanceDeleteConfirmation.js b/src/common/modals/InstanceDeleteConfirmation.js new file mode 100644 index 0000000..c990f0b --- /dev/null +++ b/src/common/modals/InstanceDeleteConfirmation.js @@ -0,0 +1,84 @@ +import React, { useState } from 'react'; +import fse from 'fs-extra'; +import path from 'path'; +import { Button } from 'antd'; +import { useInterval } from 'rooks'; +import { useSelector, useDispatch } from 'react-redux'; +import Modal from '../components/Modal'; +import { _getInstancesPath, _getInstances } from '../utils/selectors'; +import { closeModal } from '../reducers/modals/actions'; + +const InstanceDeleteConfirmation = ({ instanceName }) => { + const dispatch = useDispatch(); + const [loading, setLoading] = useState(false); + const instancesPath = useSelector(_getInstancesPath); + const instances = useSelector(_getInstances); + + const { start, stop } = useInterval(() => { + if (!instances.find(instance => instance.name === instanceName)) { + stop(); + dispatch(closeModal()); + } + }, 200); + + const deleteInstance = async () => { + setLoading(true); + start(); + fse.remove(path.join(instancesPath, instanceName)); + }; + const closeModalWindow = () => dispatch(closeModal()); + return ( +
+ Are you sure you want to delete:
+
+ props.theme.palette.error.main}; + `} + > + {instanceName} +
+ This action is permanent and cannot be undone. You will lose all the + data you have in this instance +
+
+
+
+
+ The download for {instanceName} failed.
+
+ props.theme.palette.grey[900]};
+ padding: 10px;
+ margin: 10px 0;
+ `}
+ >
+ {'> '}
+ {error.toString()}
+
+ What do you want to do?
+
+
+ {isUpdate && (
+
+ )}
+
+
+
+
+ + Please enter a new name for your copy of {oldInstanceName} +
+ setNewInstanceName(e.target.value)} + readOnly={loading} + css={` + opacity: ${({ state }) => + state === 'entering' || state === 'entered' ? 0 : 1}; + transition: 0.1s ease-in-out; + width: 300px; + align-self: center; + `} + /> + (props.show ? 1 : 0)};
+ color: ${props => props.theme.palette.error.main};
+ font-weight: 700;
+ font-size: 12px;
+ padding: 3px;
+ height: 30px;
+ margin-top: 10px;
+ text-align: center;
+ border-radius: ${props => props.theme.shape.borderRadius};
+ background: ${props =>
+ transparentize(0.7, props.theme.palette.grey[700])};
+ `}
+ >
+ {invalidName &&
+ 'Instance name is not valid or too long. Please try another one'}
+ {alreadyExists && 'An instance with this name already exists!'}
+
+
+
+
+ {
+ if (!disabled) {
+ onClick(s => s - 1);
+ }
+ }}
+ disabled={disabled}
+ css={`
+ position: absolute;
+ left: 20px;
+ bottom: 20px;
+ width: 70px;
+ height: 40px;
+ transition: 0.1s ease-in-out;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 4px;
+ font-size: 40px;
+ color: ${disabled
+ ? props => props.theme.palette.text.disabled
+ : props => props.theme.palette.text.icon};
+ ${disabled ? '' : 'cursor: pointer;'}
+ &:hover {
+ background-color: ${disabled
+ ? 'transparent'
+ : props => props.theme.action.hover};
+ }
+ `}
+ >
+
+ );
+}
diff --git a/src/common/modals/InstanceExport/CurseForge/ContinueButton.js b/src/common/modals/InstanceExport/CurseForge/ContinueButton.js
new file mode 100644
index 0000000..e234da1
--- /dev/null
+++ b/src/common/modals/InstanceExport/CurseForge/ContinueButton.js
@@ -0,0 +1,40 @@
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLongArrowAltRight } from '@fortawesome/free-solid-svg-icons';
+
+export default function ContinueButton({ onClick, disabled = false }) {
+ return (
+ {
+ if (!disabled) {
+ onClick(s => s + 1);
+ }
+ }}
+ disabled={disabled}
+ css={`
+ position: absolute;
+ right: 20px;
+ bottom: 20px;
+ width: 70px;
+ height: 40px;
+ transition: 0.1s ease-in-out;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 4px;
+ font-size: 40px;
+ color: ${disabled
+ ? props => props.theme.palette.text.disabled
+ : props => props.theme.palette.text.icon};
+ ${disabled ? '' : 'cursor: pointer;'}
+ &:hover {
+ background-color: ${disabled
+ ? 'transparent'
+ : props => props.theme.action.hover};
+ }
+ `}
+ >
+
+ );
+}
diff --git a/src/common/modals/InstanceExport/CurseForge/FirstStep.js b/src/common/modals/InstanceExport/CurseForge/FirstStep.js
new file mode 100644
index 0000000..c774c61
--- /dev/null
+++ b/src/common/modals/InstanceExport/CurseForge/FirstStep.js
@@ -0,0 +1,307 @@
+import React, { useEffect } from 'react';
+import dirTree from 'directory-tree';
+import path from 'path';
+import { Button, Input } from 'antd';
+import { Transition } from 'react-transition-group';
+import styled from 'styled-components';
+import { faFolder } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import ContinueButton from './ContinueButton';
+
+const InlineBlock = styled.span`
+ display: inline-block;
+ margin-right: 10px;
+`;
+
+export default function FirstStep({
+ instancePath,
+ setTreeData,
+ filePath,
+ showFileDialog,
+ setPackVersion,
+ packVersion,
+ setPage,
+ page,
+ packAuthor,
+ setPackAuthor,
+ packZipName,
+ setPackZipName,
+ setSelectedFiles,
+ inProp
+}) {
+ const fileBlackList = [
+ path.join(instancePath, 'config.json'),
+ path.join(instancePath, 'natives'),
+ path.join(instancePath, 'thumbnail.png'),
+ path.join(instancePath, 'usercache.json'),
+ path.join(instancePath, 'usernamecache.json'),
+ path.join(instancePath, 'logs'),
+ path.join(instancePath, '.mixin.out'),
+ path.join(instancePath, '.fabric'),
+ path.join(instancePath, 'screenshots'),
+ path.join(instancePath, 'crash-reports'),
+ path.join(instancePath, 'manifest.json')
+ ];
+
+ useEffect(() => {
+ if (page !== 1) return;
+ const getTreeData = async () => {
+ const arr = dirTree(instancePath);
+
+ const flatDirArray = objectIn => {
+ const arrayResult = [];
+ function innerObjectLoop(innerObject) {
+ if (!innerObject || innerObject.length === 0) return;
+ // eslint-disable-next-line array-callback-return
+ innerObject.map(child => {
+ if (fileBlackList.some(file => file === child.path)) return;
+ arrayResult.push(child.path);
+ innerObjectLoop(child.children);
+ });
+ }
+ if (!objectIn || objectIn.length === 0) return arrayResult;
+ innerObjectLoop(objectIn);
+ return arrayResult;
+ };
+
+ const mapObject = (children, disableChildren = false) => {
+ if (!children || children.length === 0) return [];
+ const files = [];
+ const dirs = [];
+ // eslint-disable-next-line array-callback-return
+ children.map(child => {
+ const disableBool =
+ disableChildren || fileBlackList.some(file => file === child.path);
+ const childResult = {
+ title: child.name,
+ key: child.path,
+ selectable: false,
+ disableCheckbox: disableBool,
+ children: mapObject(child.children, disableBool)
+ };
+ if (child.type === 'file') files.push(childResult);
+ if (child.type === 'directory') dirs.push(childResult);
+ });
+
+ function arrSort(innerArrayToSort) {
+ return innerArrayToSort
+ .map((el, i) => {
+ return { index: i, value: el.title.toLowerCase() };
+ })
+ .sort((a, b) => {
+ if (a.value > b.value) {
+ return 1;
+ }
+ if (a.value < b.value) {
+ return -1;
+ }
+ return 0;
+ })
+ .map(el => {
+ return innerArrayToSort[el.index];
+ });
+ }
+ return arrSort(dirs).concat(arrSort(files));
+ };
+
+ function rootNode(localName, localPath, children = []) {
+ return [
+ {
+ title: localName,
+ key: localPath,
+ selectable: false,
+ expanded: true,
+ children
+ }
+ ];
+ }
+ await setTreeData(
+ rootNode('Instance content', instancePath, mapObject(arr.children))
+ );
+ await setSelectedFiles(flatDirArray(arr.children));
+ };
+
+ getTreeData();
+ }, [page]);
+
+ function filePathDisplay() {
+ if (!filePath) return '';
+ let fileName = `${packZipName}-${packVersion}.zip`;
+ if (fileName.length >= 25)
+ fileName = `...${fileName.slice(fileName.length - 25)}`;
+ const joinedPath = path.join(filePath, fileName);
+
+ if (joinedPath.length >= 45)
+ return `...${joinedPath.slice(joinedPath.length - 45)}`;
+ return joinedPath;
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setPackZipName(e.target.value)}
+ />
+
+
+ Name
+
+
+
+
+ setPackVersion(e.target.value)}
+ />
+
+
+ Version
+
+
+
+
+ setPackAuthor(e.target.value)}
+ />
+
+
+ Author
+
+
+
+
+
+
+
+
+
+
+ Files to include in export
+ props.theme.palette.primary.dark};
+ background-color: ${props => props.theme.palette.grey[800]};
+ `}
+ >
+ {treeData.length && (
+
+ - ${mappedMods
+ .map(
+ mod => `
- ${mod?.name}(${mod?.author}) ` + ) + .join('')}
+
+
+
+
+
+
+ {isCompleted ? (
+
+
+
+ All Done!{' '}
+
+
+ ) : (
+
+ All Done!{' '}
+ props.theme.palette.colors.green};
+ `}
+ />
+
+
+
+
+
+
+
+ We're doing some magical stuff
+ )} +
+
+ {(files || []).map((file, index) => (
+
+
+ ))}
+
+
+
+
+
+ {file.displayName}
+
+
+
+ {file.gameVersions[0]}
+ {getReleaseType(file.releaseType)}
+
+
+
+ {new Date(file.fileDate).toLocaleDateString(undefined, {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric'
+ })}
+
+ {files[selectedIndex]?.displayName}
+ {files[selectedIndex]?.changelog &&
+ ReactHtmlParser(files[selectedIndex]?.changelog)}
+
+ {
+ if (e.target.checked) {
+ setSelectedMods([...selectedMods, item.fileName]);
+ } else {
+ setSelectedMods(
+ selectedMods.filter(v => v !== item.fileName)
+ );
+ }
+ }}
+ />
+ {item.fileID && (
+
+ )}
+
+ {
+ if (!item.fileID) return;
+ dispatch(
+ openModal('ModOverview', {
+ projectID: item.projectID,
+ fileID: item.fileID,
+ fileName: item.fileName,
+ gameVersions,
+ instanceName
+ })
+ );
+ }}
+ className="rowCenterContent"
+ >
+ {name}
+
+
+ {isUpdateAvailable &&
+ (updateLoading ? (
+ props.theme.palette.colors.green};
+ }
+ }
+ `}
+ icon={faDownload}
+ onClick={async () => {
+ setUpdateLoading(true);
+ await makeModRestorePoint(
+ newModPath,
+ modsPath,
+ item.fileName
+ );
+
+ await dispatch(
+ updateMod(
+ instanceName,
+ item,
+ latestMods[item.projectID].id,
+ gameVersions
+ )
+ );
+ await fse.remove(newModPath);
+ setUpdateLoading(false);
+ }}
+ />
+ ))}
+ {
+ setLoading(true);
+ const destFileName = c
+ ? item.fileName.replace('.disabled', '')
+ : `${item.fileName}.disabled`;
+ const isCurrentlySelected = selectedMods.find(
+ v => v === item.fileName
+ );
+
+ if (isCurrentlySelected) {
+ setSelectedMods(prev => [...prev, destFileName]);
+ }
+
+ await toggleModDisabled(
+ c,
+ instanceName,
+ instancePath,
+ item,
+ dispatch
+ );
+ if (isCurrentlySelected) {
+ setSelectedMods(prev =>
+ prev.filter(v => v !== item.fileName)
+ );
+ }
+
+ setTimeout(() => {
+ setLoading(false);
+ }, 500);
+ }}
+ />
+ props.theme.palette.error.main};
+ }
+ }
+ `}
+ onClick={() => {
+ if (!loading && !updateLoading) {
+ dispatch(deleteMod(instanceName, item));
+ }
+ }}
+ icon={faTrash}
+ />
+
+ {
+ setIsMenuOpen(false);
+ }}
+ >
+
+
+
+ );
+};
+
+export default memo(Mods);
diff --git a/src/common/modals/InstanceManager/Notes.js b/src/common/modals/InstanceManager/Notes.js
new file mode 100644
index 0000000..bdfccff
--- /dev/null
+++ b/src/common/modals/InstanceManager/Notes.js
@@ -0,0 +1,266 @@
+/* eslint-disable */
+import React, { useCallback, useMemo, useState, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { Editable, withReact, useSlate, Slate } from 'slate-react';
+import { Editor, Transforms, createEditor } from 'slate';
+import { useDebouncedCallback } from 'use-debounce';
+import { withHistory } from 'slate-history';
+import { Button } from 'antd';
+import styled from 'styled-components';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faBold,
+ faItalic,
+ faUnderline,
+ faCode,
+ faQuoteRight,
+ faListOl,
+ faList
+} from '@fortawesome/free-solid-svg-icons';
+import { updateInstanceConfig } from '../../reducers/actions';
+import { _getInstancesPath, _getInstance } from '../../utils/selectors';
+
+const LIST_TYPES = ['numbered-list', 'bulleted-list'];
+
+const Notes = ({ instanceName }) => {
+ const renderElement = useCallback(props =>
+
+ selectedMods.length !== mods.length
+ ? setSelectedMods(mods.map(v => v.fileName))
+ : setSelectedMods([])
+ }
+ >
+ Select All
+
+ {
+ if (selectedMods.length === 0) return;
+ await deleteMods(
+ instanceName,
+ path.join(instancesPath, instanceName),
+ selectedMods,
+ dispatch
+ );
+ setSelectedMods([]);
+ }}
+ selectedMods={selectedMods.length}
+ icon={faTrash}
+ />
+
+ openFolder(path.join(instancesPath, instanceName, 'mods'))
+ }
+ icon={faFolder}
+ />
+
+ {
+ e.stopPropagation();
+ setIsMenuOpen(prev => !prev);
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+ setSearch(e.target.value)}
+ css={`
+ width: 200px !important;
+ `}
+ placeholder={`Search ${mods.length} mods`}
+ />
+
+
+ {transitionState => (
+
+ {fileDrop ? (
+
+ {numOfDraggedFiles > 0 ? numOfDraggedFiles : 1}
+
+ ) : (
+
+ )}
+
+ {mods.length === 0 && (
+ No Mods Available
+ )}
+
+ {({ height, width }) => (
+
+
+ e.stopPropagation()}
+ >
+ Copy
+
+ )}
+ -
+ {Row}
+
{children}; + case 'bulleted-list': + return
- {children}
{children}
; + case 'heading-two': + return{children}
; + case 'list-item': + return- {children}
{children}
; + } +}; + +const Leaf = ({ attributes, children, leaf }) => { + if (leaf.bold) { + children = {children}; + } + + if (leaf.code) { + children ={children};
+ }
+
+ if (leaf.italic) {
+ children = {children};
+ }
+
+ if (leaf.underline) {
+ children = {children};
+ }
+
+ return {children};
+};
+
+const BlockButton = ({ format, icon }) => {
+ const editor = useSlate();
+ return (
+ {icon}
+ ) : (
+ props.theme.palette.text.secondary};
+ `}
+ >
+ {title}
+
+
+ {icon && (
+ props.theme.palette.text.secondary};
+ cursor: pointer;
+ `}
+ onClick={() => {
+ dispatch(
+ openModal('McVersionChanger', { instanceName, defaultValue })
+ );
+ }}
+ >
+ {icon}
+
+ )}
+
+ {children}
+ Override Game Resolution
+
+ {
+ const w = parseInt(e.target.value, 10) || 854;
+ setWidth(w);
+ dispatch(
+ updateInstanceConfig(instanceName, prev => ({
+ ...prev,
+ resolution: {
+ height,
+ width: w
+ }
+ }))
+ );
+ }}
+ />
+ X
+ {
+ const h = parseInt(e.target.value, 10) || 480;
+ setHeight(h);
+ dispatch(
+ updateInstanceConfig(instanceName, prev => ({
+ ...prev,
+ resolution: {
+ height: h,
+ width
+ }
+ }))
+ );
+ }}
+ />
+
+
+ Override Java Memory
+
+ setJavaLocalMemory(Math.round(scaleMemInv(v)))}
+ value={scaleMem(javaLocalMemory)}
+ min={0}
+ max={sysMemScaled}
+ step={0.1}
+ marks={marks}
+ valueLabelDisplay="auto"
+ />
+
+ )}
+
+ {javaLocalMemory} MB
+
+ Override Java Arguments
+ Custom Java Path {``}
+
+ {
+ if (e.target.checked) {
+ setSlcItems([...slcItems, item]);
+ } else {
+ setSlcItems(slcItems.filter(v => v !== item));
+ }
+ }}
+ />
+ {item.fileID && }
+
+ {item.replace('.disabled', '')}
+
+ {
+ setLoading(true);
+ await toggleResourcePackDisabled(c, instancePath, item);
+ setTimeout(() => setLoading(false), 500);
+ }}
+ />
+ {
+ deleteFile(item, instancesPath, slcItems, rscPacksPath, name);
+ }}
+ icon={faTrash}
+ />
+
+
+
+
+
+
+ {resourcePacks.length === 0 && (
+ No ResourcePacks Available
+ )}
+
+ {({ height, width }) => (
+
+
+
+ );
+};
+
+export default memo(ResourcePacks);
diff --git a/src/common/modals/InstanceManager/Screenshots.js b/src/common/modals/InstanceManager/Screenshots.js
new file mode 100644
index 0000000..b703e75
--- /dev/null
+++ b/src/common/modals/InstanceManager/Screenshots.js
@@ -0,0 +1,624 @@
+/* eslint-disable */
+import React, { useEffect, useState, useCallback, useRef } from 'react';
+import { promises as fs, watch, createReadStream } from 'fs';
+import { clipboard, ipcRenderer } from 'electron';
+import fse from 'fs-extra';
+import path from 'path';
+import base64 from 'base64-stream';
+import getStream from 'get-stream';
+import styled from 'styled-components';
+import makeDir from 'make-dir';
+import { Checkbox } from 'antd';
+import { useSelector, useDispatch } from 'react-redux';
+import groupBy from 'lodash/groupBy';
+import isEqual from 'lodash/isEqual';
+import sortBy from 'lodash/sortBy';
+import {
+ ContextMenuTrigger,
+ ContextMenu,
+ MenuItem,
+ hideMenu
+} from 'react-contextmenu';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faTrash,
+ faCopy,
+ faLink,
+ faFolder,
+ faImage
+} from '@fortawesome/free-solid-svg-icons';
+import { _getInstancesPath } from '../../utils/selectors';
+import { openModal } from '../../reducers/modals/actions';
+import { imgurPost } from '../../api';
+
+const getScreenshots = async screenshotsPath => {
+ const files = await fs.readdir(screenshotsPath);
+ const screenshots = [];
+ try {
+ await Promise.all(
+ files.map(async element => {
+ const stats = await fs.stat(path.join(screenshotsPath, element));
+ const fileBirthdate = new Date(stats.birthtimeMs);
+ const timeDiff = Date.now() - fileBirthdate;
+ const days = parseInt(Math.floor(timeDiff / 1000) / 60 / 60 / 24, 10);
+ screenshots.push({
+ name: element,
+ days,
+ timestamp: fileBirthdate,
+ size: stats.size
+ });
+ })
+ );
+ return screenshots.sort((a, b) => a.timestamp - b.timestamp);
+ } catch (e) {
+ console.error(e);
+ }
+};
+
+const getImgurLink = async (imagePath, fileSize, setProgressUpdate) => {
+ const updateProgress = progressEvent => {
+ setProgressUpdate(
+ Math.round((progressEvent.loaded * 100) / progressEvent.total)
+ );
+ };
+
+ const imageReadStream = createReadStream(imagePath);
+ const encodedData = new base64.Base64Encode();
+ const b64s = imageReadStream.pipe(encodedData);
+ const base64String = await getStream(b64s);
+
+ if (fileSize < 10485760) {
+ const res = await imgurPost(base64String, updateProgress);
+
+ if (res.status == 200) {
+ clipboard.writeText(res.data.data.link);
+ }
+ }
+};
+
+const openFolder = screenshotsPath => {
+ ipcRenderer.invoke('openFolder', screenshotsPath);
+};
+
+const getTitle = days => {
+ const parsedDays = Number.parseInt(days, 10);
+ if (parsedDays === 0) return 'Today';
+ else if (parsedDays === 1) return 'Yesterday';
+ else if (parsedDays > 1 && parsedDays < 30) return `${days} days ago`;
+ else if (parsedDays >= 30 && parsedDays < 365)
+ return `${Math.floor(days / 30)} months ago`;
+ else if (parsedDays >= 365) return `${Math.floor(days / 365)} years ago`;
+};
+
+const getScreenshotsCount = groups =>
+ Object.values(groups).reduce((prev, curr) => (prev += curr.length), 0);
+
+const getScreenshotsList = groups =>
+ Object.values(groups).reduce((prev, curr) => prev.concat(curr), []);
+
+let watcher;
+
+const Screenshots = ({ instanceName }) => {
+ const instancesPath = useSelector(_getInstancesPath);
+ const screenshotsPath = path.join(instancesPath, instanceName, 'screenshots');
+ const [dateGroups, setDateGroups] = useState({});
+ const [selectedItems, setSelectedItems] = useState([]);
+ const [progressUpdate, setProgressUpdate] = useState(null);
+ const [uploadingFileName, setUploadingFileName] = useState(null);
+ const [contextMenuOpen, setContextMenuOpen] = useState(false);
+ const dispatch = useDispatch();
+
+ const isImageCopied = progressUpdate => {
+ if (
+ progressUpdate === 100 &&
+ uploadingFileName !== null &&
+ selectedItems.includes(uploadingFileName)
+ ) {
+ return 'Image copied to clipboard!';
+ } else if (
+ uploadingFileName != null &&
+ selectedItems[0] != uploadingFileName
+ ) {
+ return 'Busy! Wait before uploading another image';
+ } else return 'Share the image via url';
+ };
+
+ const containerRef = useRef(null);
+
+ const selectAll = useCallback(() => {
+ if (
+ isEqual(
+ sortBy(getScreenshotsList(dateGroups).map(x => x.name)),
+ sortBy(selectedItems)
+ )
+ ) {
+ setSelectedItems([]);
+ } else {
+ setSelectedItems(getScreenshotsList(dateGroups).map(x => x.name));
+ }
+ }, [selectedItems, dateGroups, setSelectedItems]);
+
+ const deleteFile = useCallback(
+ async fileName => {
+ if (selectedItems.length === 1) {
+ await fse.remove(
+ path.join(
+ instancesPath,
+ instanceName,
+ 'screenshots',
+ selectedItems[0]
+ )
+ );
+ } else if (selectedItems.length > 1) {
+ await Promise.all(
+ selectedItems.map(async screenShot => {
+ await fse.remove(
+ path.join(instancesPath, instanceName, 'screenshots', screenShot)
+ );
+ })
+ );
+ }
+ },
+ [selectedItems, instancesPath, instanceName]
+ );
+
+ const startListener = async () => {
+ await makeDir(screenshotsPath);
+ const screenshots = await getScreenshots(screenshotsPath);
+ setDateGroups(groupBy(screenshots, 'days'));
+ watcher = watch(screenshotsPath, async (event, filename) => {
+ if (filename) {
+ const sortedScreens = await getScreenshots(screenshotsPath);
+ setDateGroups(groupBy(sortedScreens, 'days'));
+ }
+ });
+ };
+
+ useEffect(() => {
+ startListener();
+
+ return () => watcher?.close();
+ }, []);
+
+ useEffect(() => {
+ if (containerRef.current) {
+ const eventHandler = e => {
+ if (contextMenuOpen) {
+ e.preventDefault();
+ containerRef.current.scrollTop = 0;
+ }
+ };
+ containerRef?.current?.addEventListener('wheel', eventHandler);
+ return () =>
+ containerRef?.current?.removeEventListener('wheel', eventHandler);
+ }
+ }, [containerRef.current, contextMenuOpen]);
+
+ return (
+
+
+ selectedItems.length !== resourcePacks.length
+ ? setSelectedItems(resourcePacks)
+ : setSelectedItems([])
+ }
+ >
+ Select All
+
+ {
+ deleteFile(
+ null,
+ instancesPath,
+ selectedItems,
+ resourcePacksPath,
+ instanceName
+ );
+ }}
+ icon={faTrash}
+ />
+ {
+ await makeDir(
+ path.join(instancesPath, instanceName, 'resourcepacks')
+ );
+ openFolder(
+ path.join(instancesPath, instanceName, 'resourcepacks')
+ );
+ }}
+ icon={faFolder}
+ />
+
+
+ -
+ {Row}
+
Change Icon
+ {background && ( +
+
+ {Object.entries(menuEntries).map(([k, tab]) => {
+ if (
+ (tab.name === menuEntries.mods.name &&
+ instance?.loader?.loaderType !== FORGE &&
+ instance?.loader?.loaderType !== FABRIC) ||
+ (tab.name === menuEntries.modpack.name &&
+ !instance?.loader?.fileID)
+ ) {
+ return null;
+ }
+ return (
+ props.theme.palette.colors.green};
+ padding: 5px 10px;
+ border-radius: 10px 0 0 10px;
+ font-size: 16px;
+ font-weight: bold;
+ width: 80px;
+ height: 35px;
+ text-align: center;
+ cursor: ${props => (props.isPlaying ? 'default' : 'pointer')};
+
+ .spinner:before {
+ animation: 1.5s linear infinite ${Spinner};
+ animation-play-state: inherit;
+ border: solid 3px transparent;
+ border-bottom-color: ${props =>
+ props.theme.palette.common.white};
+ border-radius: 50%;
+ content: '';
+ height: 20px;
+ width: 20px;
+ position: absolute;
+ top: 13px;
+ transform: translate3d(-50%, -50%, 0);
+ will-change: transform;
+ }
+ `}
+ isPlaying={isPlaying}
+ onClick={() => {
+ if (isPlaying) return;
+ dispatch(addStartedInstance({ instanceName }));
+ dispatch(launchInstance(instanceName));
+ }}
+ >
+ {isPlaying ? (
+
+
+ {isPlaying.initialized && (
+ theme.palette.common.white};
+ position: absolute;
+ margin-left: 6px;
+ animation: ${PlayButtonAnimation} 0.5s
+ cubic-bezier(0.75, -1.5, 0, 2.75);
+ `}
+ icon={faPlay}
+ />
+ )}
+ {!isPlaying.initialized && }
+
+ ) : (
+ PLAY
+ )}
+ props.theme.palette.colors.red};
+ border-radius: 0 10px 10px 0;
+ opacity: ${props => (props.isPlaying ? 1 : 0.3)};
+ cursor: ${props => (props.isPlaying ? 'pointer' : 'default')};
+ `}
+ isPlaying={isPlaying}
+ onClick={() => {
+ if (!isPlaying) return;
+ psTree(isPlaying.pid, (err, children) => {
+ if (children?.length) {
+ children.forEach(el => {
+ if (el) {
+ try {
+ process.kill(el.PID);
+ } catch {
+ // No-op
+ }
+ }
+ });
+ } else {
+ try {
+ process.kill(isPlaying.pid);
+ } catch {
+ // No-op
+ }
+ }
+ });
+ }}
+ >
+
+
+
+ Your instance is starting...
+
+ * {
+ margin: 0 20px;
+ }
+ `}
+ >
+
+ Grab a server from
our official partner + +
+ our official partner + +
+
+
+ theme.palette.colors.red};
+ `}
+ >
+ ❤
+
+
+ Thank you!
+
+ Java Setup
+
+
+ For an optimal experience, we suggest letting us take care of java
+ for you. Only manually manage java if you know what you're
+ doing, it may result in GDLauncher not working!
+
+
+ h3 {
+ border-radius: 5px;
+ padding: 2px 4px;
+ background: ${props => props.theme.palette.colors.red};
+ }
+ `}
+ >
+
+
+ Missing Versions:
+
+ {!isJava8Downloaded && isJava8Downloaded !== null && (
+
+ + Java 8 +
+ )} + {!isJavaLatestDownloaded && isJavaLatestDownloaded !== null && ( +Java {LATEST_JAVA_VERSION}
+ )} + div {
+ display: flex;
+ justify-content: center;
+ margin-top: 20px;
+ }
+ `}
+ >
+
+
+
+
+
+
+
+
+ {choice === 0 ? 'Automatic' : 'Manual'} Setup
+
+ {choice === 0 ? (
+
+
+ );
+};
+
+const AutomaticSetup = ({
+ isJava8Downloaded,
+ isJavaLatestDownloaded,
+ java8Log,
+ javaLatestLog
+}) => {
+ const [downloadPercentage, setDownloadPercentage] = useState(0);
+ const [currentSubStep, setCurrentSubStep] = useState('Downloading Java');
+ const [currentStepPercentage, setCurrentStepPercentage] = useState(0);
+ const javaManifest = useSelector(state => state.app.javaManifest);
+ const javaLatestManifest = useSelector(state => state.app.javaLatestManifest);
+ const userData = useSelector(state => state.userData);
+ const tempFolder = useSelector(_getTempPath);
+ const modals = useSelector(state => state.modals);
+ const dispatch = useDispatch();
+
+ const theme = useTheme();
+ const javaToInstall = [];
+ useEffect(() => {
+ if (javaToInstall.length > 0) {
+ const instanceManagerModalIndex = modals.findIndex(
+ x => x.modalType === 'JavaSetup'
+ );
+
+ dispatch({
+ type: UPDATE_MODAL,
+ modals: [
+ ...modals.slice(0, instanceManagerModalIndex),
+ {
+ modalType: 'JavaSetup',
+ modalProps: { preventClose: true }
+ },
+ ...modals.slice(instanceManagerModalIndex + 1)
+ ]
+ });
+ }
+ }, []);
+
+ if (!isJava8Downloaded) javaToInstall.push(8);
+
+ if (!isJavaLatestDownloaded) javaToInstall.push(LATEST_JAVA_VERSION);
+
+ const installJava = async () => {
+ const javaOs = convertOSToJavaFormat(process.platform);
+ const javaArch = convertArchToJavaFormat(process.arch);
+ const java8Meta = javaManifest.find(
+ v =>
+ v.os === javaOs &&
+ v.architecture === javaArch &&
+ (v.binary_type === 'jre' || v.binary_type === 'jdk')
+ );
+ const javaLatestMeta = javaLatestManifest.find(
+ v =>
+ v.os === javaOs &&
+ v.architecture === javaArch &&
+ (v.binary_type === 'jre' || v.binary_type === 'jdk')
+ );
+
+ const totalExtractionSteps = process.platform !== 'win32' ? 2 : 1;
+ const totalSteps = (totalExtractionSteps + 1) * javaToInstall.length;
+
+ const setStepPercentage = (stepNumber, percentage) => {
+ setCurrentStepPercentage(
+ parseInt(percentage / totalSteps + (stepNumber * 100) / totalSteps, 10)
+ );
+ };
+
+ let index = 0;
+ for (const javaVersion of javaToInstall) {
+ const {
+ version_data: { openjdk_version: version },
+ binary_link: url
+ } = javaVersion === 8 ? java8Meta : javaLatestMeta;
+ const javaBaseFolder = path.join(userData, 'java');
+
+ await fse.remove(path.join(javaBaseFolder, version));
+ const downloadLocation = path.join(tempFolder, path.basename(url));
+
+ setCurrentSubStep(`Java ${javaVersion} - Downloading`);
+ await downloadFile(downloadLocation, url, p => {
+ ipcRenderer.invoke('update-progress-bar', p);
+ setDownloadPercentage(p);
+ setStepPercentage(index, p);
+ });
+
+ ipcRenderer.invoke('update-progress-bar', -1);
+ index += 1;
+ setDownloadPercentage(0);
+ setStepPercentage(index, 0);
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ setCurrentSubStep(
+ `Java ${javaVersion} - Extracting 1 / ${totalExtractionSteps}`
+ );
+ let { extractedParentDir } = await extractAll(
+ downloadLocation,
+ tempFolder,
+ {
+ $progress: true
+ },
+ {
+ update: percent => {
+ ipcRenderer.invoke('update-progress-bar', percent);
+ setDownloadPercentage(percent);
+ setStepPercentage(index, percent);
+ }
+ }
+ );
+
+ index += 1;
+ setDownloadPercentage(0);
+ setStepPercentage(index, 0);
+
+ await fse.remove(downloadLocation);
+
+ // If NOT windows then tar.gz instead of zip, so we need to extract 2 times.
+ if (process.platform !== 'win32') {
+ ipcRenderer.invoke('update-progress-bar', -1);
+ await new Promise(resolve => setTimeout(resolve, 500));
+ setCurrentSubStep(
+ `Java ${javaVersion} - Extracting 2 / ${totalExtractionSteps}`
+ );
+
+ const tempTarName = path.join(
+ tempFolder,
+ path.basename(url).replace('.tar.gz', '.tar')
+ );
+
+ ({ extractedParentDir } = await extractAll(
+ tempTarName,
+ tempFolder,
+ {
+ $progress: true
+ },
+ {
+ update: percent => {
+ ipcRenderer.invoke('update-progress-bar', percent);
+ setDownloadPercentage(percent);
+ setStepPercentage(index, percent);
+ }
+ }
+ ));
+ await fse.remove(tempTarName);
+ index += 1;
+ setDownloadPercentage(0);
+ setStepPercentage(index, 0);
+ }
+
+ const directoryToMove =
+ process.platform === 'darwin'
+ ? path.join(tempFolder, extractedParentDir, 'Contents', 'Home')
+ : path.join(tempFolder, extractedParentDir);
+ await fse.move(directoryToMove, path.join(javaBaseFolder, version));
+
+ await fse.remove(path.join(tempFolder, extractedParentDir));
+
+ const ext = process.platform === 'win32' ? '.exe' : '';
+
+ if (process.platform !== 'win32') {
+ const execPath = path.join(
+ javaBaseFolder,
+ version,
+ 'bin',
+ `java${ext}`
+ );
+
+ await promisify(exec)(`chmod +x "${execPath}"`);
+ await promisify(exec)(`chmod 755 "${execPath}"`);
+ }
+ }
+
+ dispatch(updateJavaPath(null));
+ dispatch(updateJavaLatestPath(null));
+ setCurrentSubStep(`Java is ready!`);
+ ipcRenderer.invoke('update-progress-bar', -1);
+ setDownloadPercentage(100);
+ setCurrentStepPercentage(100);
+ await new Promise(resolve => setTimeout(resolve, 2000));
+ if (!javaLatestLog || !java8Log) dispatch(closeModal());
+ };
+
+ useEffect(() => {
+ installJava();
+ }, []);
+
+ return (
+
+ Enter the required paths to java. Java 8 will be used for all the
+ versions {'<'} 1.17, java {LATEST_JAVA_VERSION} for versions {'>='}{' '}
+ 1.17. You can also use the same executable but some versions might not
+ run.
+
+
+
+ setJavaPath(e.target.value)}
+ value={javaPath}
+ />
+
+
+
+
+ = 1.17)`}
+ onChange={e => setJavaLatestPath(e.target.value)}
+ value={javaLatestPath}
+ />
+
+
+
+
+
+
+
+
+ {javaToInstall.length > 0 ? (
+ <>
+
+ );
+};
+
+export default memo(JavaSetup);
+
+const FirstStep = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ will-change: transform;
+ transform: translateX(
+ ${({ state }) => (state === 'exiting' || state === 'exited' ? -100 : 0)}%
+ );
+`;
+
+const SecondStep = styled.div`
+ transition: 0.2s ease-in-out;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ will-change: transform;
+ transform: translateX(
+ ${({ state }) => (state === 'entering' || state === 'entered' ? 0 : 101)}%
+ );
+`;
diff --git a/src/common/modals/McVersionChanger.js b/src/common/modals/McVersionChanger.js
new file mode 100644
index 0000000..05a6305
--- /dev/null
+++ b/src/common/modals/McVersionChanger.js
@@ -0,0 +1,219 @@
+import React, { memo, useMemo, useState } from 'react';
+import { Cascader } from 'antd';
+import styled from 'styled-components';
+import { useSelector, useDispatch } from 'react-redux';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLongArrowAltRight } from '@fortawesome/free-solid-svg-icons';
+import path from 'path';
+import { isEqual } from 'lodash';
+import Modal from '../components/Modal';
+import { addToQueue } from '../reducers/actions';
+import { _getInstance } from '../utils/selectors';
+import { closeAllModals } from '../reducers/modals/actions';
+import { FABRIC, VANILLA, FORGE, CURSEFORGE } from '../utils/constants';
+import { getFilteredVersions } from '../../app/desktop/utils';
+
+const McVersionChanger = ({ instanceName, defaultValue }) => {
+ const vanillaManifest = useSelector(state => state.app.vanillaManifest);
+ const fabricManifest = useSelector(state => state.app.fabricManifest);
+ const forgeManifest = useSelector(state => state.app.forgeManifest);
+ const config = useSelector(state => _getInstance(state)(instanceName));
+ const [selectedVersion, setSelectedVersion] = useState(null);
+
+ const dispatch = useDispatch();
+
+ const filteredVers = useMemo(() => {
+ return getFilteredVersions(vanillaManifest, forgeManifest, fabricManifest);
+ }, [vanillaManifest, forgeManifest, fabricManifest]);
+
+ const patchedDefaultValue = useMemo(() => {
+ const isFabric = defaultValue?.loaderType === FABRIC;
+ const isForge = defaultValue?.loaderType === FORGE;
+
+ if (isForge)
+ return [
+ defaultValue?.loaderType,
+ defaultValue?.mcVersion,
+ defaultValue?.loaderVersion
+ ];
+
+ const type = filteredVers.find(v => v.value === defaultValue?.loaderType);
+ for (const releaseType of type.children) {
+ const match = releaseType.children.find(
+ v => v.value === defaultValue?.mcVersion
+ );
+ if (match) {
+ return [
+ defaultValue?.loaderType,
+ releaseType.value,
+ ...(isFabric
+ ? [defaultValue?.mcVersion, defaultValue?.loaderVersion]
+ : [defaultValue?.mcVersion])
+ ];
+ }
+ }
+ return defaultValue;
+ }, [defaultValue, instanceName, filteredVers]);
+
+ return (
+
+
+
+
+ {currentSubStep}
+
+
+ {downloadPercentage ? (
+
+ ) : null}
+
+
+ ) : (
+
+
+ )}
+ {javaLatestLog && java8Log && (
+
+ )}
+ Java is already installed!
+
+
+ Java 8 details:
+{java8Log}
+
+
+ Java {LATEST_JAVA_VERSION} details:
+{javaLatestLog}
+ props.theme.palette.colors.yellow};
+ font-weight: 900;
+ width: 400px;
+ text-align: center;
+ margin-bottom: 30px;
+ margin-top: -50px;
+ `}
+ >
+
+ )}
+
+ DISCLAIMER
+
+
+ Changing modloader (forge -> fabric...) will result in the
+ loss of the modpack metadata. You won't be able to change
+ the modpack version or recognize this instance as a modpack
+ anymore.
+
+
+
+
+ props.isVersionDifferent
+ ? props.theme.palette.text.icon
+ : props.theme.palette.text.disabled};
+ ${props => (props.isVersionDifferent ? 'cursor: pointer;' : '')}
+ &:hover {
+ background-color: ${props =>
+ props.isVersionDifferent
+ ? props.theme.action.hover
+ : 'transparent'};
+ }
+ `}
+ onClick={async () => {
+ if (
+ !selectedVersion ||
+ isEqual(patchedDefaultValue, selectedVersion)
+ ) {
+ return;
+ }
+ const background = config?.background
+ ? `background${path.extname(config?.background)}`
+ : null;
+
+ const isVanilla = selectedVersion[0] === VANILLA;
+ const isFabric = selectedVersion[0] === FABRIC;
+ const isForge = selectedVersion[0] === FORGE;
+
+ if (isVanilla) {
+ dispatch(
+ addToQueue(
+ instanceName,
+ {
+ ...defaultValue,
+ loaderType: selectedVersion[0],
+ mcVersion: selectedVersion[2]
+ },
+ null,
+ background
+ )
+ );
+ } else if (isForge) {
+ dispatch(
+ addToQueue(
+ instanceName,
+ {
+ ...defaultValue,
+ loaderType: FORGE,
+ mcVersion: selectedVersion[1],
+ loaderVersion: selectedVersion[2]
+ },
+ null,
+ background
+ )
+ );
+ } else if (isFabric) {
+ dispatch(
+ addToQueue(
+ instanceName,
+ {
+ ...defaultValue,
+ loaderType: FABRIC,
+ mcVersion: selectedVersion[2],
+ loaderVersion: selectedVersion[3]
+ },
+ null,
+ background
+ )
+ );
+ }
+
+ dispatch(closeAllModals());
+ }}
+ >
+
+
+
+
+ {changelog && !loading && selectedId ? (
+ <>
+
+
+
+ {(files || []).find(v => v.id === selectedId)?.displayName}
+
+ {ReactHtmlParser(changelog)}
+
+ ) : (
+ + {getStateText()} +
+ )} +
+
+ {addon?.authors[0].name}
+
+ {addon?.downloadCount && (
+
+
+ {formatNumber(addon?.downloadCount)}
+
+ )}
+
+ {' '}
+ {formatDate(addon?.dateModified)}
+
+
+
+ {addon?.latestFilesIndexes[0]?.gameVersion}
+
+
+
+ {modpack.authors[0].name}
+
+
+
+ {formatNumber(modpack.downloadCount)}
+
+
+
+ {formatDate(modpack.dateModified)}
+
+
+
+ {modpack.latestFilesIndexes[0].gameVersion}
+
+ props.theme.palette.text.third};
+ &:hover {
+ color: ${props => props.theme.palette.text.primary};
+ }
+ transition: color 0.1s ease-in-out;
+ cursor: pointer;
+ `}
+ onClick={() => {
+ dispatch(
+ openModal('ModOverview', {
+ gameVersions,
+ projectID: item.id,
+ ...(isInstalled && { fileID: isInstalled.fileID }),
+ ...(isInstalled && { fileName: isInstalled.fileName }),
+ instanceName
+ })
+ );
+ }}
+ >
+ {item.name}
+
+
+
+
+ )
+ ) : (
+
+ )}
+ -
+ {Row}
+
+
+ ) : (
+
+ No mods has been found with the current filters.
+
+
+
+ )}
+
+ An error occurred while loading the mods list...
+
+ {`${addon?.name} - ${modManifest?.displayName}`}
+ {loaded && !missing && !cloudflareBlock && }
+ {loaded && missing && !cloudflareBlock && (
+
+ Hey oh! It looks like some developers opted out from showing their
+ mods on third-party launchers. We can still attempt to download them
+ automatically. Please click continue and wait for all downloads to
+ finish. Please don't click anything inside the browser.
+
+ )}
+ + Cloudflare is currently blocking automated downloads. You can + manually download the mods and place them in the mods folder to + continue. Use the download buttons in the rows above, and the button + below to open the instance folder. +
+ )} +
+
+ {missingMods.length === 0 && !cloudflareBlock && (
+
+ )}
+ {missingMods.length > 0 && !cloudflareBlock && (
+
+ )}
+ {cloudflareBlock && (
+ <>
+
+
+
+ )}
+
+ h1 {
+ text-align: center;
+ }
+
+ & > div {
+ display: flex;
+ margin: 40px 0;
+
+ & > h2 {
+ flex: 1;
+ font-weight: bold;
+ padding-right: 30px;
+ }
+
+ & > div {
+ p {
+ -webkit-user-select: text;
+ user-select: text;
+ cursor: initial;
+ }
+
+ flex: 2;
+ color: ${props => props.theme.palette.text.third};
+ }
+ }
+ }
+ `}
+ >
+
+
+
+
+ Username
+{currentAccount.selectedProfile.name}
+
+ +
+ UUID
+
+
+ {dashUuid(currentAccount.selectedProfile.id)}
+
+
+
+
+ +
+
+ copy(
+ setCopiedUuid,
+ dashUuid(currentAccount.selectedProfile.id)
+ )
+ }
+ />
+
+ + Stable updates once a month. Beta updates more often, but it may have + more bugs. +
+ ++ Select the number of concurrent downloads. If you have a slow + connection, select at most 3. +
+ ++ Select the method in which instances should be sorted. +
+ + ++ Select the preferred release channel for downloading Curse projects. + This also applies for mod updates. +
+ ++ Enable / disable Discord Integration. This displays what you are + playing in Discord. +
+Enable / disable Minecraft news.
++ Automatically hide the launcher when launching an instance. You will + still be able to open it from the icon tray. +
++ You got a potato PC? Don't worry! We got you covered. Enable this + and all animations and special effects will be disabled. +
++ Deletes all the shared files between instances. Doing this will remove + ALL instance data. +
+ + props.theme.palette.text.third};
+ }
+ `}
+ >
+ setDataPath(e.target.value)}
+ disabled={
+ loadingMoveUserData ||
+ deletingInstances ||
+ disableInstancesActions
+ }
+ />
+
+
+
+
+ {
+ setMoveUserData(e.target.checked);
+ }}
+ >
+ Copy current data to the new directory
+
+
+
+ dispatch(openModal('ChangeLogs'))}
+ />{' '}
+
+
+ v {version}
+
+ + {updateAvailable + ? 'There is an update available to be installed. Click on update to install it and restart the launcher.' + : 'You’re currently on the latest version. We automatically check for updates and we will inform you whenever one is available.'} +
+
+ {updateAvailable ? (
+
+ ) : (
+
+
+ Up to date
+
+ )}
+
+
+ + Java 8 +
+
+ {
+ const { filePaths, canceled } = await ipcRenderer.invoke(
+ 'openFileDialog',
+ javaPath
+ );
+ if (!filePaths[0] || canceled) return;
+ dispatch(updateJavaPath(filePaths[0]));
+ }}
+ >
+
+
+
+
+
+ )}
+ + Java {LATEST_JAVA_VERSION} +
+
+ {
+ const { filePaths, canceled } = await ipcRenderer.invoke(
+ 'openFileDialog',
+ javaPath
+ );
+ if (!filePaths[0] || canceled) return;
+ dispatch(updateJavaLatestPath(filePaths[0]));
+ }}
+ >
+
+
+ +
+ {
+ const w = parseInt(e.target.value, 10);
+ dispatch(updateResolution({ width: w || 854 }));
+ }}
+ />
+ X
+ {
+ const h = parseInt(e.target.value, 10);
+ dispatch(updateResolution({ height: h || 480 }));
+ }}
+ />
+
+
+ +
+
+ dispatch(updateJavaMemory(Math.round(scaleMemInv(e))))
+ }
+ defaultValue={scaleMem(javaMemory)}
+ min={0}
+ max={sysMemScaled}
+ step={0.1}
+ marks={marks}
+ valueLabelDisplay="auto"
+ />
+
+
+ {javaMemory} MB
+
+ +
+ dispatch(updateJavaArguments(e.target.value))}
+ value={javaArgs}
+ css={`
+ width: 83% !important;
+ height: 32px !important;
+ float: left !important;
+ `}
+ />
+ resetJavaArguments(dispatch)}
+ color="primary"
+ >
+
+
+ +
+
+ Support GDLauncher
+
+
+
+
+
+
+
+
+
+
+
+ dispatch(openModal('PolicyModal', { policy: 'privacy' }))
+ }
+ >
+ Privacy Policy
+
+
+ dispatch(openModal('PolicyModal', { policy: 'tos' }))
+ }
+ >
+ Terms and Conditions
+
+
+ dispatch(
+ openModal('PolicyModal', { policy: 'acceptableuse' })
+ )
+ }
+ >
+ Acceptable Use Policy
+
+
+
+
+
+
+ {transitionState => (
+
+ {fileDrop ? (
+
+ {numOfDraggedFiles > 0 ? numOfDraggedFiles : 1}
+
+ ) : (
+
+ )}
+
+ {children}
+
+
+ );
+};
+
+export default DragnDropEffect;
diff --git a/src/ui/HorizontalLogo.js b/src/ui/HorizontalLogo.js
new file mode 100644
index 0000000..d567d54
--- /dev/null
+++ b/src/ui/HorizontalLogo.js
@@ -0,0 +1,152 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const Logo = styled.svg`
+ width: ${props => props.size}px;
+ cursor: ${props => (props.pointer ? 'cursor' : 'pointer')};
+ * {
+ cursor: ${props => (props.pointer ? 'cursor' : 'pointer')};
+ transition: 0.2s;
+ }
+ &:hover {
+ *:not(.innerHorizontalLogoPath) {
+ fill: ${({ theme }) => theme.palette.primary.dark};
+ }
+ }
+`;
+
+const HorizontalLogo = ({ size, pointer, onClick }) => {
+ return (
+ e.stopPropagation()}
+ >
+ Copy
+
+ )}
+