apt -y

* Fixed dev and devStandalone script

* Added eslint no-unreachable code rule

* Fix small type issue

.editorconfig

@@ -0,0 +1,8 @@
+root = true
+
+[{src, translations}/*]
+end_of_line = crlf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+charset = utf-8

.eslintrc.yml

@@ -21,5 +21,6 @@ rules:
     prettier/prettier: error
     no-undef: off
     no-unused-vars: off
+    no-unreachable: off
     no-prototype-builtins: off
     linebreak-style: off

.github/workflows/ci.yml

@@ -13,18 +13,18 @@ jobs:
     setup:
         name: CI
 
-        runs-on: ubuntu-latest
+        runs-on: docker
 
         steps:
             - name: Install Dependencies
               run: |
-                  sudo apt-get update
-                  sudo apt-get install ffmpeg
+                  apt-get update
+                  apt-get install -y ffmpeg
 
             - name: Setup Node
               uses: actions/setup-node@v2-beta
               with:
-                  node-version: 10.x
+                  node-version: 16.x
 
             - name: Checkout repo
               uses: actions/checkout@v2
@@ -35,19 +35,25 @@ jobs:
                   cd gulp/
                   yarn
                   cd ..
-
             - name: Lint
               run: |
                   yarn lint
+            - name: TSLint
+              run: |
+                  cd gulp
+                  yarn gulp translations.fullBuild
+                  yarn gulp localConfig.findOrCreate
+                  cd ..
+                  yarn tslint
 
+    yaml-lint:
+        name: yaml-lint
+        runs-on: docker
+        steps:
+            - name: Checkout repo
+              uses: actions/checkout@v2
             - name: YAML Lint
               uses: ibiqlik/action-yamllint@v1.0.0
               with:
                   file_or_dir: translations/*.yaml
 
-            - name: TSLint
-              run: |
-                  cd gulp
-                  yarn gulp translations.fullBuild
-                  cd ..
-                  yarn tslint

.gitignore

@@ -15,34 +15,11 @@ pids
 *.seed
 *.pid.lock
 
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
 # Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
 
 # Dependency directories
 node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
 
 # TypeScript cache
 *.tsbuildinfo
@@ -53,18 +30,9 @@ typings/
 # Optional eslint cache
 .eslintcache
 
-# Microbundle cache
-.rpt2_cache/
-.rts2_cache_cjs/
-.rts2_cache_es/
-.rts2_cache_umd/
-
 # Optional REPL history
 .node_repl_history
 
-# Output of 'npm pack'
-*.tgz
-
 # Yarn Integrity file
 .yarn-integrity
 
@@ -72,43 +40,25 @@ typings/
 .env
 .env.test
 
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# Next.js build output
-.next
-
-# Nuxt.js build / generate output
-.nuxt
-dist
-
-# Gatsby files
-.cache/
-# Comment in the public line in if your project uses Gatsby and *not* Next.js
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# public
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# TernJS port file
-.tern-port
-
-
 # Buildfiles
 build
+res_built
 
+gulp/runnable-texturepacker.jar
 tmp_standalone_files
+tmp_standalone_files_china
+tmp_standalone_files_wegame
 
 # Local config
 config.local.js
 .DS_Store
+
+# Editor artifacts
+*.*.swp
+*.*.swo
+app.vdf
+
+steamtmp
+build_output
+built_vdfs
+tmp

.gitpod.Dockerfile

@@ -0,0 +1,4 @@
+FROM gitpod/workspace-full
+
+RUN sudo apt-get update \ 
+    && sudo apt install ffmpeg -yq

.gitpod.yml

@@ -0,0 +1,10 @@
+image: 
+  file: .gitpod.Dockerfile
+tasks:
+  - init: yarn && gp sync-done boot
+  - before: cd gulp
+    init: gp sync-await boot && yarn
+    command: yarn gulp 
+ports: 
+  - port: 3005
+    onOpen: open-preview

.vscode/settings.json

@@ -1,3 +1,5 @@
 {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "files.trimTrailingWhitespace": true,
+    "editor.formatOnSave": true
 }

.yamllint

@@ -4,3 +4,4 @@ rules:
     line-length:
         level: warning
         max: 200
+    document-start: disable

CONTRIBUTING.md

@@ -0,0 +1,33 @@
+Contributor license agreement (CLA)
+
+1. Preamble
+   Thank you for your interest in shapez by tobspr IT Solutions (the "Company"). In order to clarify the intellectual property license granted with Contributions from any person or entity, the Company must have a Contributor License Agreement ("CLA") on file that has been signed by each Contributor, indicating agreement to the license terms below. This license is for your protection as a Contributor as well as the protection of the Company and its users; it does not change your rights to use your own Contributions for any other purpose.
+
+2. General
+   You accept and agree to the following terms and conditions for Your present and future Contributions submitted to the Company. In return, the Company shall not use Your Contributions in a way that is contrary to the public benefit or inconsistent with its bylaws in effect at the time of the Contribution. Except for the license granted herein to the Company and recipients of software distributed by the Company, You reserve all right, title, and interest in and to Your Contributions.
+   You represent that you have the full authority to enter into this agreement.
+
+3. Definitions
+   "You" (or "Your") "You" (or "Your") shall mean the copyright owner or legal entity authorized by the copyright owner that is making this Agreement with the Company. For legal entities, the entity making a Contribution and all other entities that control, are controlled by, or are under common control with that entity are considered to be a single Contributor. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "Contribution" "Contribution" shall mean any original work of authorship, including any modifications or additions to an existing work, that is intentionally submitted by You to the Company for inclusion in, or documentation of, any of the products owned or managed by the Company (the "Work"). For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Company or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Company for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by You as "Not a Contribution."
+
+4. Grant of Copyright License
+   Subject to the terms and conditions of this Agreement, You hereby grant to the Company and to recipients of software distributed by the Company a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, sublicense, and distribute Your Contributions and such derivative works.
+   You agree that your changes/additions are incorporated into the source code under a GPL-3 license.
+   You agree that the Company is free to use its code without a GPL-3 license as closed source in any context, including for commercial purposes, without any license whatsoever
+
+5. Grant of Patent License
+   Subject to the terms and conditions of this Agreement, You hereby grant to the Company and to recipients of software distributed by the Company a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by You that are necessarily infringed by Your Contribution(s) alone or by combination of Your Contribution(s) with the Work to which such Contribution(s) was submitted. If any entity institutes patent litigation against You or any other entity (including a cross-claim or counterclaim in a lawsuit) alleging that your Contribution, or the Work to which you have contributed, constitutes direct or contributory patent infringement, then any patent licenses granted to that entity under this Agreement for that Contribution or Work shall terminate as of the date such litigation is filed.
+
+6. Liability / Obligations
+   You represent that you are legally entitled to grant the above license. If your employer(s) has rights to intellectual property that you create that includes your Contributions, you represent that you have received permission to make Contributions on behalf of that employer, that your employer has waived such rights for your Contributions to the Company, or that your employer has executed a separate Corporate CLA with the Company.
+   You represent that each of Your Contributions is Your original creation (see section 7 for submissions on behalf of others). You represent that Your Contribution submissions include complete details of any third-party license or other restriction (including, but not limited to, related patents and trademarks) of which you are personally aware and which are associated with any part of Your Contributions.
+   If you make changes or additions to the code, you assume full liability for this and assure that the changes/additions do not infringe the rights of third parties (e.g. copyrights).
+   You are not expected to provide support for Your Contributions, except to the extent You desire to provide support. You may provide support for free, for a fee, or not at all. Unless required by applicable law or agreed to in writing, You provide Your Contributions on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON- INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE.
+   Should You wish to submit work that is not Your original creation, You may submit it to the Company separately from any Contribution, identifying the complete details of its source and of any license or other restriction (including, but not limited to, related patents, trademarks, and license agreements) of which you are personally aware, and conspicuously marking the work as "Submitted on behalf of a third-party: [named here]".
+   You agree to notify the Company of any facts or circumstances of which you become aware that would make these representations inaccurate in any respect.
+
+7. Final provisions
+   The law of the Federal Republic of Germany applies to this agreement.
+   The contract remains binding in its remaining parts even if individual points are legally ineffective. In place of the ineffective points, the statutory provisions, if any, apply. Insofar as this would represent unreasonable hardship for one of the contracting parties, the contract as a whole will become ineffective.

Dockerfile

@@ -0,0 +1,32 @@
+FROM node:16
+
+EXPOSE 3001 3005
+
+WORKDIR /shapez.io
+
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    ffmpeg default-jre \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/* 
+
+COPY package.json yarn.lock ./
+RUN yarn
+
+COPY gulp ./gulp
+WORKDIR /shapez.io/gulp
+RUN yarn
+
+WORKDIR /shapez.io
+COPY res ./res
+COPY src/html ./src/html
+COPY src/css ./src/css
+COPY version ./version
+COPY sync-translations.js ./
+COPY translations ./translations
+COPY src/js ./src/js
+COPY res_raw ./res_raw
+COPY .git ./.git
+COPY electron ./electron
+
+WORKDIR /shapez.io/gulp
+ENTRYPOINT ["yarn", "gulp"]

README.md

@@ -1,34 +1,61 @@
-# shapez.io
+## NEW: Shapez 2!
 
-<img src="https://i.imgur.com/Y5Z2iqQ.png" alt="shapez.io Logo">
+We are currently working on a successor to shapez, with 3D Graphics, Exploration, Layers, Mass transport, New Shape Mechanics, Research and a lot more! Be sure to check it out:
 
-This is the source code for shapez.io, an open source base building game inspired by Factorio.
+<a href="https://tobspr.io/shapez-2" title="shapez 2">
+    <img src="https://i.imgur.com/6T7UP3p.png" alt="shapez 2 Announcement">
+</a>
+
+<br>
+
+# shapez
+
+<a href="https://get.shapez.io/ghi" title="shapez on Steam">
+    <img src="https://i.imgur.com/ihW2bUE.png" alt="shapez Logo">
+</a>
+
+<hr>
+This is the source code for shapez, an open source base building game inspired by Factorio.
 Your goal is to produce shapes by cutting, rotating, merging and painting parts of shapes.
 
--   [Trello Board & Roadmap](https://trello.com/b/ISQncpJP/shapezio)
--   [Free web version](https://shapez.io)
--   [itch.io Page](https://tobspr.itch.io/shapezio)
--   [Steam Page](https://steam.shapez.io)
+-   [Play on Steam](https://get.shapez.io/ghr)
+-   [Online Demo](https://shapez.io)
 -   [Official Discord](https://discord.com/invite/HN7EVzV) <- _Highly recommended to join!_
+-   [Trello Board & Roadmap](https://trello.com/b/ISQncpJP/shapezio)
 
 ## Reporting issues, suggestions, feedback, bugs
 
-1. Ask in `#bugs` / `#feedback` / `#questions` on the [Official Discord](https://discord.com/invite/HN7EVzV) if you are not entirely sure if it's a bug etc.
+1. Ask in `#bugs` / `#feedback` / `#questions` on the [Official Discord](https://discord.com/invite/HN7EVzV) if you are not entirely sure if it's a bug
 2. Check out the trello board: https://trello.com/b/ISQncpJP/shapezio
 3. See if it's already there - If so, vote for it, done. I will see it. (You have to be signed in on trello)
-4. If not, check if it's already reported here: https://github.com/tobspr/shapez.io/issues
-5. If not, file a new issue here: https://github.com/tobspr/shapez.io/issues/new
+4. If not, check if it's already reported here: https://github.com/tobspr-games/shapez.io/issues
+5. If not, file a new issue here: https://github.com/tobspr-games/shapez.io/issues/new
 6. I will then have a look (This can take days or weeks) and convert it to trello, and comment with the link. You can then vote there ;)
 
 ## Building
 
 -   Make sure `ffmpeg` is on your path
--   Install Node.js and Yarn
+-   Install Node.js 16 and Yarn
+-   Install Java (required for texture packer)
 -   Run `yarn` in the root folder
--   Cd into `gulp` folder
+-   `cd` into `gulp` folder
 -   Run `yarn` and then `yarn gulp` - it should now open in your browser
 
-**Notice**: This will produce a debug build with several debugging flags enabled. If you want to disable them, modify `config.js`.
+**Notice**: This will produce a debug build with several debugging flags enabled. If you want to disable them, modify [`src/js/core/config.js`](src/js/core/config.js).
+
+## Creating Mods
+
+Mods can be found [here](https://shapez.mod.io). The documentation for creating mods can be found [here](mod_examples/), including a bunch of sample mods.
+
+## Build Online with one-click setup
+
+You can use [Gitpod](https://www.gitpod.io/) (an Online Open Source VS Code-like IDE which is free for Open Source) for working on issues and making PRs to this project. With a single click it will start a workspace and automatically:
+
+-   clone the `shapez.io` repo.
+-   install all of the dependencies.
+-   start `gulp` in `gulp/` directory.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/tobspr-games/shapez.io)
 
 ## Helping translate
 
@@ -36,11 +63,9 @@ Please checkout the [Translations readme](translations/).
 
 ## Contributing
 
-Since this game is in the more or less early development, I will only accept pull requests which add an immediate benefit. Please understand that low quality PR's might be closed by me with a short comment explaining why.
+I will only accept pull requests which add a benefit to a large portion of the player base. If the feature is useful but only to a fraction of players, or is controversial, I recommend making a mod instead.
 
-**If you want to add a new building, please understand that I can not simply add every building to the game!** I recommend to talk to me before implementing anything, to make sure its actually useful. Otherwise there is a high chance of your PR not getting merged.
-
-If you want to add a new feature or in generally contribute I recommend to get in touch with me on Discord:
+If you want to add a new feature or in generally contribute I recommend to get in touch on Discord in advance, which largely increases the chance of the PR to get merged:
 
 <a href="https://discord.com/invite/HN7EVzV" target="_blank">
 <img src="https://i.imgur.com/SoawBhW.png" alt="discord logo" width="100">
@@ -51,71 +76,20 @@ If you want to add a new feature or in generally contribute I recommend to get i
 The game is based on a custom engine which itself is based on the YORG.io 3 game engine (Actually it shares almost the same core).
 The code within the engine is relatively clean with some code for the actual game on top being hacky.
 
-This project is based on ES5. Some ES2015 features are used but most of them are too slow, especially when polyfilled. For example, `Array.prototype.forEach` is only used within non-critical loops since its slower than a plain for loop.
-
-#### Adding a new component
-
-1. Create the component file in `src/js/game/components/<name_lowercase>.js`
-2. Create a component class (e.g. `MyFancyComponent`) which `extends Component`
-3. Create a `static getId()` method which should return the `PascalCaseName` without component (e.g. `MyFancy`)
-4. If any data needs to be persisted, create a `static getSchema()` which should return the properties to be saved (See other components)
-5. Add a constructor. **The constructor must be called with optional parameters only!** `new MyFancyComponent({})` should always work.
-6. Add any props you need in the constructor.
-7. Add the component in `src/js/game/component_registry.js`
-8. Add the component in `src/js/game/entity_components.js`
-9. Done! You can use your component now
-
-#### Adding a new building
-
-(The easiest way is to copy an existing building)
-
-1. Create your building in `src/js/game/buildings/<my_building.js>`
-2. Create the building meta class, e.g. `MetaMyFancyBuilding extends MetaBuilding`
-3. Override the methods from MetaBuilding you want to override.
-4. Most important is `setupEntityComponents`
-5. Add the building to `src/js/game/meta_building_registry.js`: You need to register it on the registry, and also call `registerBuildingVariant`.
-6. Add the building to the right toolbar, e.g. `src/js/game/hud/parts/buildings_toolbar.js`:`supportedBuildings`
-7. Add a keybinding for the building in `src/js/game/key_action_mapper.js` in `KEYMAPPINGS.buildings`
-8. In `translations/base-en.yaml` add it to two sections: `buildings.[my_building].XXX` (See other buildings) and also `keybindings.mappings.[my_building]`. Be sure to do it the same way as other buildings do!
-9. Create a icon (128x128, [prefab](https://github.com/tobspr/shapez.io-artwork/blob/master/ui/toolbar-icons.psd)) for your building and save it in `res/ui/buildings_icons` with the id of your building
-10. Create a tutorial image (600x600) for your building and save it in `res/ui/building_tutorials`
-11. In `src/css/resources.scss` add your building to `$buildings` as well as `$buildingAndVariants`
-12. Done! Optional: Add a new reward for unlocking your building at some point.
-
-#### Adding a new game system
-
-1. Create the class in `src/js/game/systems/<system_name>.js`
-2. Derive it from `GameSystemWithFilter` if you want it to work on certain entities only which have the given components. Otherwise use `GameSystem` to do more generic stuff.
-3. Implement the `update()` method.
-4. Add the system in `src/js/game/game_system_manager.js` (To `this.systems` and also call `add` in the `internalInitSystems()` method)
-5. If your system should draw stuff, this is a bit more complicated. Have a look at existing systems on how they do it.
-
-#### Checklist for a new building / testing it
-
-This is a quick checklist, if a new building is added this points should be fulfilled:
-
-2. The translation for all variants is done and finalized
-3. The artwork (regular sprite) is finalized
-4. The blueprint sprite has been generated and is up to date
-5. The building has been added to the appropriate toolbar
-6. The building has a keybinding which makes sense
-7. The building has a reward assigned and is unlocked at a meaningful point
-8. The reward for the building has a proper translation
-9. The reward for the building has a proper image
-10. The building has a proper tutorial image assigned
-11. The buliding has a proper toolbar icon
-12. The reward requires a proper shape
-13. The building has a proper silhouette color
-14. The building has a proper matrix for being rendered on the minimap
-15. The building has proper statistics in the dialog
-16. The building properly contributes to the shapes produced analytics
-17. The building is properly persisted in the savegame
-18. The building is explained properly, ideally via an interactive tutorial
+This project is based on ES5 (If I would develop it again, I would definitely use TypeScript). Some ES2015 features are used but most of them are too slow, especially when polyfilled. For example, `Array.prototype.forEach` is only used within non-critical loops since its slower than a plain for loop.
 
 ### Assets
 
-For most assets I use Adobe Photoshop, you can find them in `assets/`.
+You can find most assets <a href="//github.com/tobspr-games/shapez.io-artwork" target="_blank">here</a>.
 
-You will need a <a href="https://www.codeandweb.com/texturepacker" target="_blank">Texture Packer</a> license in order to regenerate the atlas. If you don't have one but want to contribute assets, let me know and I might compile it for you. I'm currently switching to an open source solution but I can't give an estimate when that's done.
+All assets will be automatically rebuilt into the atlas once changed (Thanks to dengr1065!)
 
-<img src="https://i.imgur.com/W25Fkl0.png" alt="shapez.io Screenshot">
+<img src="https://i.imgur.com/W25Fkl0.png" alt="shapez Screenshot">
+
+<br>
+
+## Check out our other games!
+
+<a href="https://tobspr.io" title="tobspr Games">
+<img src="https://i.imgur.com/uA2wcUy.png" alt="tobspr Games">
+</a>

artwork/README.md

@@ -1,3 +0,0 @@
-The artwork can be found here:
-
-https://github.com/tobspr/shapez.io-artwork

electron/.gitignore

@@ -0,0 +1 @@
+mods/*.js

electron/index.js

@@ -1,26 +1,40 @@
 /* eslint-disable quotes,no-undef */
 
-const { app, BrowserWindow, Menu, MenuItem, session } = require("electron");
+const { app, BrowserWindow, Menu, MenuItem, ipcMain, shell, dialog, session } = require("electron");
 const path = require("path");
 const url = require("url");
-const childProcess = require("child_process");
-const { ipcMain } = require("electron");
 const fs = require("fs");
-const isDev = process.argv.indexOf("--dev") >= 0;
-const isLocal = process.argv.indexOf("--local") >= 0;
+const steam = require("./steam");
+const asyncLock = require("async-lock");
+const windowStateKeeper = require("electron-window-state");
+
+// Disable hardware key handling, i.e. being able to pause/resume the game music
+// with hardware keys
+app.commandLine.appendSwitch("disable-features", "HardwareMediaKeyHandling");
+
+const isDev = app.commandLine.hasSwitch("dev");
+const isLocal = app.commandLine.hasSwitch("local");
+const safeMode = app.commandLine.hasSwitch("safe-mode");
+const externalMod = app.commandLine.getSwitchValue("load-mod");
 
 const roamingFolder =
     process.env.APPDATA ||
     (process.platform == "darwin"
         ? process.env.HOME + "/Library/Preferences"
         : process.env.HOME + "/.local/share");
+
 let storePath = path.join(roamingFolder, "shapez.io", "saves");
+let modsPath = path.join(roamingFolder, "shapez.io", "mods");
 
 if (!fs.existsSync(storePath)) {
     // No try-catch by design
     fs.mkdirSync(storePath, { recursive: true });
 }
 
+if (!fs.existsSync(modsPath)) {
+    fs.mkdirSync(modsPath, { recursive: true });
+}
+
 /** @type {BrowserWindow} */
 let win = null;
 let menu = null;
@@ -31,26 +45,44 @@ function createWindow() {
         faviconExtension = ".ico";
     }
 
+    const mainWindowState = windowStateKeeper({
+        defaultWidth: 1000,
+        defaultHeight: 800,
+    });
+
     win = new BrowserWindow({
-        width: 1280,
-        height: 800,
+        x: mainWindowState.x,
+        y: mainWindowState.y,
+        width: mainWindowState.width,
+        height: mainWindowState.height,
         show: false,
         backgroundColor: "#222428",
-        useContentSize: true,
+        useContentSize: false,
         minWidth: 800,
         minHeight: 600,
-        title: "shapez.io Standalone",
+        title: "shapez",
         transparent: false,
         icon: path.join(__dirname, "favicon" + faviconExtension),
         // fullscreen: true,
-        autoHideMenuBar: true,
+        autoHideMenuBar: !isDev,
         webPreferences: {
-            nodeIntegration: true,
-            webSecurity: false,
+            nodeIntegration: false,
+            nodeIntegrationInWorker: false,
+            nodeIntegrationInSubFrames: false,
+            contextIsolation: true,
+            enableRemoteModule: false,
+            disableBlinkFeatures: "Auxclick",
+
+            webSecurity: true,
+            sandbox: true,
+            preload: path.join(__dirname, "preload.js"),
+            experimentalFeatures: false,
         },
         allowRunningInsecureContent: false,
     });
 
+    mainWindowState.manage(win);
+
     if (isLocal) {
         win.loadURL("http://localhost:3005");
     } else {
@@ -65,44 +97,88 @@ function createWindow() {
     win.webContents.session.clearCache();
     win.webContents.session.clearStorageData();
 
+    ////// SECURITY
+
+    // Disable permission requests
+    win.webContents.session.setPermissionRequestHandler((webContents, permission, callback) => {
+        callback(false);
+    });
+    session.fromPartition("default").setPermissionRequestHandler((webContents, permission, callback) => {
+        callback(false);
+    });
+
+    app.on("web-contents-created", (event, contents) => {
+        // Disable vewbiew
+        contents.on("will-attach-webview", (event, webPreferences, params) => {
+            event.preventDefault();
+        });
+        // Disable navigation
+        contents.on("will-navigate", (event, navigationUrl) => {
+            event.preventDefault();
+        });
+    });
+
+    win.webContents.on("will-redirect", (contentsEvent, navigationUrl) => {
+        // Log and prevent the app from redirecting to a new page
+        console.error(
+            `The application tried to redirect to the following address: '${navigationUrl}'. This attempt was blocked.`
+        );
+        contentsEvent.preventDefault();
+    });
+
+    // Filter loading any module via remote;
+    // you shouldn't be using remote at all, though
+    // https://electronjs.org/docs/tutorial/security#16-filter-the-remote-module
+    app.on("remote-require", (event, webContents, moduleName) => {
+        event.preventDefault();
+    });
+
+    // built-ins are modules such as "app"
+    app.on("remote-get-builtin", (event, webContents, moduleName) => {
+        event.preventDefault();
+    });
+
+    app.on("remote-get-global", (event, webContents, globalName) => {
+        event.preventDefault();
+    });
+
+    app.on("remote-get-current-window", (event, webContents) => {
+        event.preventDefault();
+    });
+
+    app.on("remote-get-current-web-contents", (event, webContents) => {
+        event.preventDefault();
+    });
+
+    //// END SECURITY
+
     win.webContents.on("new-window", (event, pth) => {
         event.preventDefault();
-        if (process.platform == "win32") {
-            childProcess.execSync("start " + pth);
-        } else if (process.platform == "linux") {
-            childProcess.execSync("xdg-open " + pth);
+
+        if (pth.startsWith("https://") || pth.startsWith("steam://")) {
+            shell.openExternal(pth);
         }
     });
 
     win.on("closed", () => {
         console.log("Window closed");
         win = null;
-        app.quit();
     });
 
-    function handleWindowBeforeunload(event) {
-        const confirmed = dialog.showMessageBox(remote.getCurrentWindow(), options) === 1;
-        if (confirmed) {
-            remote.getCurrentWindow().close();
-        } else {
-            event.returnValue = false;
-        }
-    }
-
-    win.on("", handleWindowBeforeunload);
-
     if (isDev) {
         menu = new Menu();
 
+        win.webContents.toggleDevTools();
+
         const mainItem = new MenuItem({
             label: "Toggle Dev Tools",
-            click: () => win.toggleDevTools(),
+            click: () => win.webContents.toggleDevTools(),
             accelerator: "F12",
         });
         menu.append(mainItem);
 
         const reloadItem = new MenuItem({
-            label: "Restart",
+            label: "Reload",
             click: () => win.reload(),
             accelerator: "F5",
         });
@@ -115,7 +191,15 @@ function createWindow() {
         });
         menu.append(fullscreenItem);
 
-        Menu.setApplicationMenu(menu);
+        const mainMenu = new Menu();
+        mainMenu.append(
+            new MenuItem({
+                label: "shapez.io",
+                submenu: menu,
+            })
+        );
+
+        Menu.setApplicationMenu(mainMenu);
     } else {
         Menu.setApplicationMenu(null);
     }
@@ -129,7 +213,7 @@ function createWindow() {
 if (!app.requestSingleInstanceLock()) {
     app.exit(0);
 } else {
-    app.on("second-instance", (event, commandLine, workingDirectory) => {
+    app.on("second-instance", () => {
         // Someone tried to run a second instance, we should focus
         if (win) {
             if (win.isMinimized()) {
@@ -151,78 +235,155 @@ ipcMain.on("set-fullscreen", (event, flag) => {
     win.setFullScreen(flag);
 });
 
-ipcMain.on("exit-app", (event, flag) => {
+ipcMain.on("exit-app", () => {
     win.close();
     app.quit();
 });
 
-function performFsJob(job) {
-    const fname = path.join(storePath, job.filename);
+let renameCounter = 1;
 
+const fileLock = new asyncLock({
+    timeout: 30000,
+    maxPending: 1000,
+});
+
+function niceFileName(filename) {
+    return filename.replace(storePath, "@");
+}
+
+async function writeFileSafe(filename, contents) {
+    ++renameCounter;
+    const prefix = "[ " + renameCounter + ":" + niceFileName(filename) + " ] ";
+    const transactionId = String(new Date().getTime()) + "." + renameCounter;
+
+    if (fileLock.isBusy()) {
+        console.warn(prefix, "Concurrent write process on", filename);
+    }
+
+    fileLock.acquire(filename, async () => {
+        console.log(prefix, "Starting write on", niceFileName(filename), "in transaction", transactionId);
+
+        if (!fs.existsSync(filename)) {
+            // this one is easy
+            console.log(prefix, "Writing file instantly because it does not exist:", niceFileName(filename));
+            await fs.promises.writeFile(filename, contents, "utf8");
+            return;
+        }
+
+        // first, write a temporary file (.tmp-XXX)
+        const tempName = filename + ".tmp-" + transactionId;
+        console.log(prefix, "Writing temporary file", niceFileName(tempName));
+        await fs.promises.writeFile(tempName, contents, "utf8");
+
+        // now, rename the original file to (.backup-XXX)
+        const oldTemporaryName = filename + ".backup-" + transactionId;
+        console.log(
+            prefix,
+            "Renaming old file",
+            niceFileName(filename),
+            "to",
+            niceFileName(oldTemporaryName)
+        );
+        await fs.promises.rename(filename, oldTemporaryName);
+
+        // now, rename the temporary file (.tmp-XXX) to the target
+        console.log(
+            prefix,
+            "Renaming the temporary file",
+            niceFileName(tempName),
+            "to the original",
+            niceFileName(filename)
+        );
+        await fs.promises.rename(tempName, filename);
+
+        // we are done now, try to create a backup, but don't fail if the backup fails
+        try {
+            // check if there is an old backup file
+            const backupFileName = filename + ".backup";
+            if (fs.existsSync(backupFileName)) {
+                console.log(prefix, "Deleting old backup file", niceFileName(backupFileName));
+                // delete the old backup
+                await fs.promises.unlink(backupFileName);
+            }
+
+            // rename the old file to the new backup file
+            console.log(prefix, "Moving", niceFileName(oldTemporaryName), "to the backup file location");
+            await fs.promises.rename(oldTemporaryName, backupFileName);
+        } catch (ex) {
+            console.error(prefix, "Failed to switch backup files:", ex);
+        }
+    });
+}
+
+ipcMain.handle("fs-job", async (event, job) => {
+    const filenameSafe = job.filename.replace(/[^a-z\.\-_0-9]/gi, "_");
+    const fname = path.join(storePath, filenameSafe);
     switch (job.type) {
         case "read": {
             if (!fs.existsSync(fname)) {
-                return {
-                    // Special FILE_NOT_FOUND error code
-                    error: "file_not_found",
-                };
+                // Special FILE_NOT_FOUND error code
+                return { error: "file_not_found" };
             }
-
-            let contents = "";
-            try {
-                contents = fs.readFileSync(fname, { encoding: "utf8" });
-            } catch (ex) {
-                return {
-                    error: ex,
-                };
-            }
-
-            return {
-                success: true,
-                data: contents,
-            };
+            return await fs.promises.readFile(fname, "utf8");
         }
         case "write": {
-            try {
-                fs.writeFileSync(fname, job.contents);
-            } catch (ex) {
-                return {
-                    error: ex,
-                };
-            }
-
-            return {
-                success: true,
-                data: job.contents,
-            };
+            await writeFileSafe(fname, job.contents);
+            return job.contents;
         }
 
         case "delete": {
-            try {
-                fs.unlinkSync(fname);
-            } catch (ex) {
-                return {
-                    error: ex,
-                };
-            }
-
-            return {
-                success: true,
-                data: null,
-            };
+            await fs.promises.unlink(fname);
+            return;
         }
 
         default:
-            throw new Error("Unkown fs job: " + job.type);
+            throw new Error("Unknown fs job: " + job.type);
     }
+});
+
+ipcMain.handle("open-mods-folder", async () => {
+    shell.openPath(modsPath);
+});
+
+console.log("Loading mods ...");
+
+function loadMods() {
+    if (safeMode) {
+        console.log("Safe Mode enabled for mods, skipping mod search");
+    }
+    console.log("Loading mods from", modsPath);
+    let modFiles = safeMode
+        ? []
+        : fs
+              .readdirSync(modsPath)
+              .filter(filename => filename.endsWith(".js"))
+              .map(filename => path.join(modsPath, filename));
+
+    if (externalMod) {
+        console.log("Adding external mod source:", externalMod);
+        const externalModPaths = externalMod.split(",");
+        modFiles = modFiles.concat(externalModPaths);
+    }
+
+    return modFiles.map(filename => fs.readFileSync(filename, "utf8"));
 }
 
-ipcMain.on("fs-job", (event, arg) => {
-    const result = performFsJob(arg);
-    event.reply("fs-response", { id: arg.id, result });
+let mods = [];
+try {
+    mods = loadMods();
+    console.log("Loaded", mods.length, "mods");
+} catch (ex) {
+    console.error("Failed to load mods");
+    dialog.showErrorBox("Failed to load mods:", ex);
+}
+
+ipcMain.handle("get-mods", async () => {
+    return mods;
 });
 
-ipcMain.on("fs-sync-job", (event, arg) => {
-    const result = performFsJob(arg);
-    event.returnValue = result;
-});
+steam.init(isDev);
+
+// Only allow achievements and puzzle DLC if no mods are loaded
+if (mods.length === 0) {
+    steam.listen();
+}

electron/mods/README.txt

@@ -0,0 +1,6 @@
+Here you can place mods. Every mod should be a single file ending with ".js".
+
+--- WARNING ---
+Mods can potentially access to your filesystem.
+Please only install mods from trusted sources and developers.
+--- WARNING ---

electron/package.json

@@ -9,8 +9,13 @@
         "startDevGpu": "electron --enable-gpu-rasterization --enable-accelerated-2d-canvas --num-raster-threads=8 --enable-zero-copy . --dev --local",
         "start": "electron --disable-direct-composition --in-process-gpu ."
     },
-    "devDependencies": {
-        "electron": "10.1.3"
+    "devDependencies": {},
+    "optionalDependencies": {
+        "shapez.io-private-artifacts": "github:tobspr/shapez.io-private-artifacts#abi-v99"
     },
-    "dependencies": {}
+    "dependencies": {
+        "async-lock": "^1.2.8",
+        "electron": "16.2.8",
+        "electron-window-state": "^5.0.3"
+    }
 }

electron/preload.js

@@ -0,0 +1,7 @@
+const { contextBridge, ipcRenderer } = require("electron");
+
+contextBridge.exposeInMainWorld("ipcRenderer", {
+    invoke: ipcRenderer.invoke.bind(ipcRenderer),
+    on: ipcRenderer.on.bind(ipcRenderer),
+    send: ipcRenderer.send.bind(ipcRenderer),
+});

electron/steam.js

@@ -0,0 +1,112 @@
+const fs = require("fs");
+const path = require("path");
+const { ipcMain } = require("electron");
+
+let greenworks = null;
+let appId = null;
+let initialized = false;
+
+try {
+    greenworks = require("shapez.io-private-artifacts/steam/greenworks");
+    appId = parseInt(fs.readFileSync(path.join(__dirname, "steam_appid.txt"), "utf8"));
+} catch (err) {
+    // greenworks is not installed
+    console.warn("Failed to load steam api:", err);
+}
+
+console.log("App ID:", appId);
+
+function init(isDev) {
+    if (!greenworks) {
+        return;
+    }
+
+    if (!isDev) {
+        if (greenworks.restartAppIfNecessary(appId)) {
+            console.log("Restarting ...");
+            process.exit(0);
+        }
+    }
+
+    if (!greenworks.init()) {
+        console.log("Failed to initialize greenworks");
+        process.exit(1);
+    }
+
+    initialized = true;
+}
+
+function listen() {
+    ipcMain.handle("steam:is-initialized", isInitialized);
+
+    if (!initialized) {
+        console.warn("Steam not initialized, won't be able to listen");
+        return;
+    }
+
+    if (!greenworks) {
+        console.warn("Greenworks not loaded, won't be able to listen");
+        return;
+    }
+
+    console.log("Adding listeners");
+
+    ipcMain.handle("steam:get-achievement-names", getAchievementNames);
+    ipcMain.handle("steam:activate-achievement", activateAchievement);
+
+    function bufferToHex(buffer) {
+        return Array.from(new Uint8Array(buffer))
+            .map(b => b.toString(16).padStart(2, "0"))
+            .join("");
+    }
+
+    ipcMain.handle("steam:get-ticket", (event, arg) => {
+        console.log("Requested steam ticket ...");
+        return new Promise((resolve, reject) => {
+            greenworks.getAuthSessionTicket(
+                success => {
+                    const ticketHex = bufferToHex(success.ticket);
+                    resolve(ticketHex);
+                },
+                error => {
+                    console.error("Failed to get steam ticket:", error);
+                    reject(error);
+                }
+            );
+        });
+    });
+
+    ipcMain.handle("steam:check-app-ownership", (event, appId) => {
+        return Promise.resolve(greenworks.isDLCInstalled(appId));
+    });
+}
+
+function isInitialized(event) {
+    return Promise.resolve(initialized);
+}
+
+function getAchievementNames(event) {
+    return new Promise((resolve, reject) => {
+        try {
+            const achievements = greenworks.getAchievementNames();
+            resolve(achievements);
+        } catch (err) {
+            reject(err);
+        }
+    });
+}
+
+function activateAchievement(event, id) {
+    return new Promise((resolve, reject) => {
+        greenworks.activateAchievement(
+            id,
+            () => resolve(),
+            err => reject(err)
+        );
+    });
+}
+
+module.exports = {
+    init,
+    listen,
+};

electron/steam_appid.txt

@@ -1 +1 @@
-1134480
+1318690

electron_gog/index.js

@@ -0,0 +1,381 @@
+/* eslint-disable quotes,no-undef */
+
+const { app, BrowserWindow, Menu, MenuItem, ipcMain, shell, dialog, session } = require("electron");
+const path = require("path");
+const url = require("url");
+const fs = require("fs");
+const asyncLock = require("async-lock");
+const windowStateKeeper = require("electron-window-state");
+
+// Disable hardware key handling, i.e. being able to pause/resume the game music
+// with hardware keys
+app.commandLine.appendSwitch("disable-features", "HardwareMediaKeyHandling");
+
+const isDev = app.commandLine.hasSwitch("dev");
+const isLocal = app.commandLine.hasSwitch("local");
+const safeMode = app.commandLine.hasSwitch("safe-mode");
+const externalMod = app.commandLine.getSwitchValue("load-mod");
+
+const roamingFolder =
+    process.env.APPDATA ||
+    (process.platform == "darwin"
+        ? process.env.HOME + "/Library/Preferences"
+        : process.env.HOME + "/.local/share");
+
+let storePath = path.join(roamingFolder, "shapez.io", "saves");
+let modsPath = path.join(roamingFolder, "shapez.io", "mods");
+
+if (!fs.existsSync(storePath)) {
+    // No try-catch by design
+    fs.mkdirSync(storePath, { recursive: true });
+}
+
+if (!fs.existsSync(modsPath)) {
+    fs.mkdirSync(modsPath, { recursive: true });
+}
+
+/** @type {BrowserWindow} */
+let win = null;
+let menu = null;
+
+function createWindow() {
+    let faviconExtension = ".png";
+    if (process.platform === "win32") {
+        faviconExtension = ".ico";
+    }
+
+    const mainWindowState = windowStateKeeper({
+        defaultWidth: 1000,
+        defaultHeight: 800,
+    });
+
+    win = new BrowserWindow({
+        x: mainWindowState.x,
+        y: mainWindowState.y,
+        width: mainWindowState.width,
+        height: mainWindowState.height,
+        show: false,
+        backgroundColor: "#222428",
+        useContentSize: false,
+        minWidth: 800,
+        minHeight: 600,
+        title: "shapez",
+        transparent: false,
+        icon: path.join(__dirname, "favicon" + faviconExtension),
+        // fullscreen: true,
+        autoHideMenuBar: !isDev,
+        webPreferences: {
+            nodeIntegration: false,
+            nodeIntegrationInWorker: false,
+            nodeIntegrationInSubFrames: false,
+            contextIsolation: true,
+            enableRemoteModule: false,
+            disableBlinkFeatures: "Auxclick",
+
+            webSecurity: true,
+            sandbox: true,
+            preload: path.join(__dirname, "preload.js"),
+            experimentalFeatures: false,
+        },
+        allowRunningInsecureContent: false,
+    });
+
+    mainWindowState.manage(win);
+
+    if (isLocal) {
+        win.loadURL("http://localhost:3005");
+    } else {
+        win.loadURL(
+            url.format({
+                pathname: path.join(__dirname, "index.html"),
+                protocol: "file:",
+                slashes: true,
+            })
+        );
+    }
+    win.webContents.session.clearCache();
+    win.webContents.session.clearStorageData();
+
+    ////// SECURITY
+
+    // Disable permission requests
+    win.webContents.session.setPermissionRequestHandler((webContents, permission, callback) => {
+        callback(false);
+    });
+    session.fromPartition("default").setPermissionRequestHandler((webContents, permission, callback) => {
+        callback(false);
+    });
+
+    app.on("web-contents-created", (event, contents) => {
+        // Disable vewbiew
+        contents.on("will-attach-webview", (event, webPreferences, params) => {
+            event.preventDefault();
+        });
+        // Disable navigation
+        contents.on("will-navigate", (event, navigationUrl) => {
+            event.preventDefault();
+        });
+    });
+
+    win.webContents.on("will-redirect", (contentsEvent, navigationUrl) => {
+        // Log and prevent the app from redirecting to a new page
+        console.error(
+            `The application tried to redirect to the following address: '${navigationUrl}'. This attempt was blocked.`
+        );
+        contentsEvent.preventDefault();
+    });
+
+    // Filter loading any module via remote;
+    // you shouldn't be using remote at all, though
+    // https://electronjs.org/docs/tutorial/security#16-filter-the-remote-module
+    app.on("remote-require", (event, webContents, moduleName) => {
+        event.preventDefault();
+    });
+
+    // built-ins are modules such as "app"
+    app.on("remote-get-builtin", (event, webContents, moduleName) => {
+        event.preventDefault();
+    });
+
+    app.on("remote-get-global", (event, webContents, globalName) => {
+        event.preventDefault();
+    });
+
+    app.on("remote-get-current-window", (event, webContents) => {
+        event.preventDefault();
+    });
+
+    app.on("remote-get-current-web-contents", (event, webContents) => {
+        event.preventDefault();
+    });
+
+    //// END SECURITY
+
+    win.webContents.on("new-window", (event, pth) => {
+        event.preventDefault();
+
+        if (pth.startsWith("https://")) {
+            shell.openExternal(pth);
+        }
+    });
+
+    win.on("closed", () => {
+        console.log("Window closed");
+        win = null;
+    });
+
+    if (isDev) {
+        menu = new Menu();
+
+        win.webContents.toggleDevTools();
+
+        const mainItem = new MenuItem({
+            label: "Toggle Dev Tools",
+            click: () => win.webContents.toggleDevTools(),
+            accelerator: "F12",
+        });
+        menu.append(mainItem);
+
+        const reloadItem = new MenuItem({
+            label: "Reload",
+            click: () => win.reload(),
+            accelerator: "F5",
+        });
+        menu.append(reloadItem);
+
+        const fullscreenItem = new MenuItem({
+            label: "Fullscreen",
+            click: () => win.setFullScreen(!win.isFullScreen()),
+            accelerator: "F11",
+        });
+        menu.append(fullscreenItem);
+
+        const mainMenu = new Menu();
+        mainMenu.append(
+            new MenuItem({
+                label: "shapez.io",
+                submenu: menu,
+            })
+        );
+
+        Menu.setApplicationMenu(mainMenu);
+    } else {
+        Menu.setApplicationMenu(null);
+    }
+
+    win.once("ready-to-show", () => {
+        win.show();
+        win.focus();
+    });
+}
+
+if (!app.requestSingleInstanceLock()) {
+    app.exit(0);
+} else {
+    app.on("second-instance", () => {
+        // Someone tried to run a second instance, we should focus
+        if (win) {
+            if (win.isMinimized()) {
+                win.restore();
+            }
+            win.focus();
+        }
+    });
+}
+
+app.on("ready", createWindow);
+
+app.on("window-all-closed", () => {
+    console.log("All windows closed");
+    app.quit();
+});
+
+ipcMain.on("set-fullscreen", (event, flag) => {
+    win.setFullScreen(flag);
+});
+
+ipcMain.on("exit-app", () => {
+    win.close();
+    app.quit();
+});
+
+let renameCounter = 1;
+
+const fileLock = new asyncLock({
+    timeout: 30000,
+    maxPending: 1000,
+});
+
+function niceFileName(filename) {
+    return filename.replace(storePath, "@");
+}
+
+async function writeFileSafe(filename, contents) {
+    ++renameCounter;
+    const prefix = "[ " + renameCounter + ":" + niceFileName(filename) + " ] ";
+    const transactionId = String(new Date().getTime()) + "." + renameCounter;
+
+    if (fileLock.isBusy()) {
+        console.warn(prefix, "Concurrent write process on", filename);
+    }
+
+    fileLock.acquire(filename, async () => {
+        console.log(prefix, "Starting write on", niceFileName(filename), "in transaction", transactionId);
+
+        if (!fs.existsSync(filename)) {
+            // this one is easy
+            console.log(prefix, "Writing file instantly because it does not exist:", niceFileName(filename));
+            await fs.promises.writeFile(filename, contents, "utf8");
+            return;
+        }
+
+        // first, write a temporary file (.tmp-XXX)
+        const tempName = filename + ".tmp-" + transactionId;
+        console.log(prefix, "Writing temporary file", niceFileName(tempName));
+        await fs.promises.writeFile(tempName, contents, "utf8");
+
+        // now, rename the original file to (.backup-XXX)
+        const oldTemporaryName = filename + ".backup-" + transactionId;
+        console.log(
+            prefix,
+            "Renaming old file",
+            niceFileName(filename),
+            "to",
+            niceFileName(oldTemporaryName)
+        );
+        await fs.promises.rename(filename, oldTemporaryName);
+
+        // now, rename the temporary file (.tmp-XXX) to the target
+        console.log(
+            prefix,
+            "Renaming the temporary file",
+            niceFileName(tempName),
+            "to the original",
+            niceFileName(filename)
+        );
+        await fs.promises.rename(tempName, filename);
+
+        // we are done now, try to create a backup, but don't fail if the backup fails
+        try {
+            // check if there is an old backup file
+            const backupFileName = filename + ".backup";
+            if (fs.existsSync(backupFileName)) {
+                console.log(prefix, "Deleting old backup file", niceFileName(backupFileName));
+                // delete the old backup
+                await fs.promises.unlink(backupFileName);
+            }
+
+            // rename the old file to the new backup file
+            console.log(prefix, "Moving", niceFileName(oldTemporaryName), "to the backup file location");
+            await fs.promises.rename(oldTemporaryName, backupFileName);
+        } catch (ex) {
+            console.error(prefix, "Failed to switch backup files:", ex);
+        }
+    });
+}
+
+ipcMain.handle("fs-job", async (event, job) => {
+    const filenameSafe = job.filename.replace(/[^a-z\.\-_0-9]/gi, "_");
+    const fname = path.join(storePath, filenameSafe);
+    switch (job.type) {
+        case "read": {
+            if (!fs.existsSync(fname)) {
+                // Special FILE_NOT_FOUND error code
+                return { error: "file_not_found" };
+            }
+            return await fs.promises.readFile(fname, "utf8");
+        }
+        case "write": {
+            await writeFileSafe(fname, job.contents);
+            return job.contents;
+        }
+
+        case "delete": {
+            await fs.promises.unlink(fname);
+            return;
+        }
+
+        default:
+            throw new Error("Unknown fs job: " + job.type);
+    }
+});
+
+ipcMain.handle("open-mods-folder", async () => {
+    shell.openPath(modsPath);
+});
+
+console.log("Loading mods ...");
+
+function loadMods() {
+    if (safeMode) {
+        console.log("Safe Mode enabled for mods, skipping mod search");
+    }
+    console.log("Loading mods from", modsPath);
+    let modFiles = safeMode
+        ? []
+        : fs
+              .readdirSync(modsPath)
+              .filter(filename => filename.endsWith(".js"))
+              .map(filename => path.join(modsPath, filename));
+
+    if (externalMod) {
+        console.log("Adding external mod source:", externalMod);
+        const externalModPaths = externalMod.split(",");
+        modFiles = modFiles.concat(externalModPaths);
+    }
+
+    return modFiles.map(filename => fs.readFileSync(filename, "utf8"));
+}
+
+let mods = [];
+try {
+    mods = loadMods();
+    console.log("Loaded", mods.length, "mods");
+} catch (ex) {
+    console.error("Failed to load mods");
+    dialog.showErrorBox("Failed to load mods:", ex);
+}
+
+ipcMain.handle("get-mods", async () => {
+    return mods;
+});

electron_gog/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "electron",
+    "version": "1.0.0",
+    "main": "index.js",
+    "license": "MIT",
+    "private": true,
+    "scripts": {
+        "startDev": "electron --disable-direct-composition --in-process-gpu . --dev --local",
+        "startDevGpu": "electron --enable-gpu-rasterization --enable-accelerated-2d-canvas --num-raster-threads=8 --enable-zero-copy . --dev --local",
+        "start": "electron --disable-direct-composition --in-process-gpu ."
+    },
+    "dependencies": {
+        "async-lock": "^1.2.8",
+        "electron": "16.2.8",
+        "electron-window-state": "^5.0.3"
+    }
+}

electron_gog/preload.js

@@ -0,0 +1,7 @@
+const { contextBridge, ipcRenderer } = require("electron");
+
+contextBridge.exposeInMainWorld("ipcRenderer", {
+    invoke: ipcRenderer.invoke.bind(ipcRenderer),
+    on: ipcRenderer.on.bind(ipcRenderer),
+    send: ipcRenderer.send.bind(ipcRenderer),
+});

electron_gog/yarn.lock

@@ -0,0 +1,580 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@electron/get@^1.13.0":
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/@electron/get/-/get-1.13.1.tgz#42a0aa62fd1189638bd966e23effaebb16108368"
+  integrity sha512-U5vkXDZ9DwXtkPqlB45tfYnnYBN8PePp1z/XDCupnSpdrxT8/ThCv9WCwPLf9oqiSGZTkH6dx2jDUPuoXpjkcA==
+  dependencies:
+    debug "^4.1.1"
+    env-paths "^2.2.0"
+    fs-extra "^8.1.0"
+    got "^9.6.0"
+    progress "^2.0.3"
+    semver "^6.2.0"
+    sumchecker "^3.0.1"
+  optionalDependencies:
+    global-agent "^3.0.0"
+    global-tunnel-ng "^2.7.1"
+
+"@sindresorhus/is@^0.14.0":
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
+  integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
+
+"@szmarczak/http-timer@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
+  integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==
+  dependencies:
+    defer-to-connect "^1.0.1"
+
+"@types/node@^14.6.2":
+  version "14.18.20"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.20.tgz#268f028b36eaf51181c3300252f605488c4f0650"
+  integrity sha512-Q8KKwm9YqEmUBRsqJ2GWJDtXltBDxTdC4m5vTdXBolu2PeQh8LX+f6BTwU+OuXPu37fLxoN6gidqBmnky36FXA==
+
+async-lock@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/async-lock/-/async-lock-1.2.8.tgz#7b02bdfa2de603c0713acecd11184cf97bbc7c4c"
+  integrity sha512-G+26B2jc0Gw0EG/WN2M6IczuGepBsfR1+DtqLnyFSH4p2C668qkOCtEkGNVEaaNAVlYwEMazy1+/jnLxltBkIQ==
+
+boolean@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.0.2.tgz#df1baa18b6a2b0e70840475e1d93ec8fe75b2570"
+  integrity sha512-RwywHlpCRc3/Wh81MiCKun4ydaIFyW5Ea6JbL6sRCVx5q5irDw7pMXBUFYF/jArQ6YrG36q0kpovc9P/Kd3I4g==
+
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
+
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+
+cacheable-request@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
+  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^3.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
+    responselike "^1.0.2"
+
+clone-response@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
+  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
+  dependencies:
+    mimic-response "^1.0.0"
+
+concat-stream@^1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
+config-chain@^1.1.11:
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
+  integrity sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==
+  dependencies:
+    ini "^1.3.4"
+    proto-list "~1.2.1"
+
+core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
+debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@^4.1.0, debug@^4.1.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee"
+  integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==
+  dependencies:
+    ms "2.1.2"
+
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
+  dependencies:
+    mimic-response "^1.0.0"
+
+defer-to-connect@^1.0.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
+  integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==
+
+define-properties@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
+  integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
+  dependencies:
+    object-keys "^1.0.12"
+
+detect-node@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
+  integrity sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==
+
+duplexer3@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
+  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
+
+electron-window-state@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/electron-window-state/-/electron-window-state-5.0.3.tgz#4f36d09e3f953d87aff103bf010f460056050aa8"
+  integrity sha512-1mNTwCfkolXl3kMf50yW3vE2lZj0y92P/HYWFBrb+v2S/pCka5mdwN3cagKm458A7NjndSwijynXgcLWRodsVg==
+  dependencies:
+    jsonfile "^4.0.0"
+    mkdirp "^0.5.1"
+
+electron@16.2.8:
+  version "16.2.8"
+  resolved "https://registry.yarnpkg.com/electron/-/electron-16.2.8.tgz#b7f2bd1184701e54a1bc902839d5a3ec95bb8982"
+  integrity sha512-KSOytY6SPLsh3iCziztqa/WgJyfDOKzCvNqku9gGIqSdT8CqtV66dTU1SOrKZQjRFLxHaF8LbyxUL1vwe4taqw==
+  dependencies:
+    "@electron/get" "^1.13.0"
+    "@types/node" "^14.6.2"
+    extract-zip "^1.0.3"
+
+encodeurl@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
+
+end-of-stream@^1.1.0:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+env-paths@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+es6-error@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
+  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+extract-zip@^1.0.3:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
+  dependencies:
+    pend "~1.2.0"
+
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+get-stream@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
+  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+global-agent@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/global-agent/-/global-agent-3.0.0.tgz#ae7cd31bd3583b93c5a16437a1afe27cc33a1ab6"
+  integrity sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==
+  dependencies:
+    boolean "^3.0.1"
+    es6-error "^4.1.1"
+    matcher "^3.0.0"
+    roarr "^2.15.3"
+    semver "^7.3.2"
+    serialize-error "^7.0.1"
+
+global-tunnel-ng@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz#d03b5102dfde3a69914f5ee7d86761ca35d57d8f"
+  integrity sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==
+  dependencies:
+    encodeurl "^1.0.2"
+    lodash "^4.17.10"
+    npm-conf "^1.1.3"
+    tunnel "^0.0.6"
+
+globalthis@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.2.tgz#2a235d34f4d8036219f7e34929b5de9e18166b8b"
+  integrity sha512-ZQnSFO1la8P7auIOQECnm0sSuoMeaSq0EEdXMBFF2QJO4uNcwbyhSgG3MruWNbFTqCLmxVwGOl7LZ9kASvHdeQ==
+  dependencies:
+    define-properties "^1.1.3"
+
+got@^9.6.0:
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
+  integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
+  dependencies:
+    "@sindresorhus/is" "^0.14.0"
+    "@szmarczak/http-timer" "^1.1.2"
+    cacheable-request "^6.0.0"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^4.1.0"
+    lowercase-keys "^1.0.1"
+    mimic-response "^1.0.1"
+    p-cancelable "^1.0.0"
+    to-readable-stream "^1.0.0"
+    url-parse-lax "^3.0.0"
+
+graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
+  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
+
+http-cache-semantics@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
+  integrity sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==
+
+inherits@^2.0.3, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ini@^1.3.4:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
+json-buffer@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
+  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
+
+json-stringify-safe@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+keyv@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
+  integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==
+  dependencies:
+    json-buffer "3.0.0"
+
+lodash@^4.17.10:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
+  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
+
+lowercase-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+matcher@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
+  integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
+  dependencies:
+    escape-string-regexp "^4.0.0"
+
+mimic-response@^1.0.0, mimic-response@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
+minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
+
+mkdirp@^0.5.1, mkdirp@^0.5.4:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
+  dependencies:
+    minimist "^1.2.5"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+normalize-url@^4.1.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.0.tgz#453354087e6ca96957bd8f5baf753f5982142129"
+  integrity sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==
+
+npm-conf@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
+  integrity sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==
+  dependencies:
+    config-chain "^1.1.11"
+    pify "^3.0.0"
+
+object-keys@^1.0.12:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+p-cancelable@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
+  integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==
+
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
+prepend-http@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
+  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+proto-list@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
+  integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+readable-stream@^2.2.2:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+responselike@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
+  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
+  dependencies:
+    lowercase-keys "^1.0.0"
+
+roarr@^2.15.3:
+  version "2.15.4"
+  resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.4.tgz#f5fe795b7b838ccfe35dc608e0282b9eba2e7afd"
+  integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
+  dependencies:
+    boolean "^3.0.1"
+    detect-node "^2.0.4"
+    globalthis "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    semver-compare "^1.0.0"
+    sprintf-js "^1.1.2"
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+semver-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
+  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
+
+semver@^6.2.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
+semver@^7.3.2:
+  version "7.3.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97"
+  integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==
+  dependencies:
+    lru-cache "^6.0.0"
+
+serialize-error@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-7.0.1.tgz#f1360b0447f61ffb483ec4157c737fab7d778e18"
+  integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
+  dependencies:
+    type-fest "^0.13.1"
+
+sprintf-js@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+sumchecker@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
+  integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
+  dependencies:
+    debug "^4.1.0"
+
+to-readable-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/to-readable-stream/-/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771"
+  integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==
+
+tunnel@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
+  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==
+
+type-fest@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
+  integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+url-parse-lax@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
+  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
+  dependencies:
+    prepend-http "^2.0.0"
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"

electron_wegame/.gitignore

@@ -0,0 +1 @@
+wegame_sdk

electron_wegame/README.md

@@ -0,0 +1 @@
+To build, place the lib64 folder from the wegame sdk for electron 13 in `wegame_sdk` and run the `wegame.main.standalone` gulp task.

electron_wegame/electron_wegame.code-workspace

@@ -0,0 +1,13 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"files.exclude": {
+			"**/node_modules": true,
+			"**/typedefs_gen": true
+		}
+	}
+}

electron_wegame/index.js

@@ -0,0 +1,253 @@
+/* eslint-disable quotes,no-undef */
+
+const { app, BrowserWindow, Menu, MenuItem, ipcMain, shell } = require("electron");
+
+app.commandLine.appendSwitch("in-process-gpu");
+
+const path = require("path");
+const url = require("url");
+const fs = require("fs");
+const wegame = require("./wegame");
+const asyncLock = require("async-lock");
+
+const isDev = process.argv.indexOf("--dev") >= 0;
+const isLocal = process.argv.indexOf("--local") >= 0;
+
+const roamingFolder =
+    process.env.APPDATA ||
+    (process.platform == "darwin"
+        ? process.env.HOME + "/Library/Preferences"
+        : process.env.HOME + "/.local/share");
+let storePath = path.join(roamingFolder, "shapez.io", "saves");
+
+if (!fs.existsSync(storePath)) {
+    // No try-catch by design
+    fs.mkdirSync(storePath, { recursive: true });
+}
+
+/** @type {BrowserWindow} */
+let win = null;
+let menu = null;
+
+function createWindow() {
+    let faviconExtension = ".png";
+    if (process.platform === "win32") {
+        faviconExtension = ".ico";
+    }
+
+    win = new BrowserWindow({
+        width: 1280,
+        height: 800,
+        show: false,
+        backgroundColor: "#222428",
+        useContentSize: true,
+        minWidth: 800,
+        minHeight: 600,
+        title: "图形工厂",
+        transparent: false,
+        icon: path.join(__dirname, "favicon" + faviconExtension),
+        // fullscreen: true,
+        autoHideMenuBar: true,
+        webPreferences: {
+            nodeIntegration: false,
+            webSecurity: true,
+            sandbox: true,
+
+            contextIsolation: true,
+            preload: path.join(__dirname, "preload.js"),
+        },
+        allowRunningInsecureContent: false,
+    });
+
+    if (isLocal) {
+        win.loadURL("http://localhost:3005");
+    } else {
+        win.loadURL(
+            url.format({
+                pathname: path.join(__dirname, "index.html"),
+                protocol: "file:",
+                slashes: true,
+            })
+        );
+    }
+    win.webContents.session.clearCache(() => null);
+    win.webContents.session.clearStorageData();
+
+    win.webContents.on("new-window", (event, pth) => {
+        event.preventDefault();
+        shell.openExternal(pth);
+    });
+
+    win.on("closed", () => {
+        console.log("Window closed");
+        win = null;
+    });
+
+    if (isDev) {
+        menu = new Menu();
+
+        const mainItem = new MenuItem({
+            label: "Toggle Dev Tools",
+            click: () => win.webContents.toggleDevTools(),
+            accelerator: "F12",
+        });
+        menu.append(mainItem);
+
+        const reloadItem = new MenuItem({
+            label: "Restart",
+            click: () => win.reload(),
+            accelerator: "F5",
+        });
+        menu.append(reloadItem);
+
+        const fullscreenItem = new MenuItem({
+            label: "Fullscreen",
+            click: () => win.setFullScreen(!win.isFullScreen()),
+            accelerator: "F11",
+        });
+        menu.append(fullscreenItem);
+
+        Menu.setApplicationMenu(menu);
+    } else {
+        Menu.setApplicationMenu(null);
+    }
+
+    win.once("ready-to-show", () => {
+        win.show();
+        win.focus();
+    });
+}
+
+if (!app.requestSingleInstanceLock()) {
+    app.exit(0);
+} else {
+    app.on("second-instance", (event, commandLine, workingDirectory) => {
+        // Someone tried to run a second instance, we should focus
+        if (win) {
+            if (win.isMinimized()) {
+                win.restore();
+            }
+            win.focus();
+        }
+    });
+}
+
+app.on("ready", createWindow);
+
+app.on("window-all-closed", () => {
+    console.log("All windows closed");
+    app.quit();
+});
+
+ipcMain.on("set-fullscreen", (event, flag) => {
+    win.setFullScreen(flag);
+});
+
+ipcMain.on("exit-app", (event, flag) => {
+    win.close();
+    app.quit();
+});
+
+let renameCounter = 1;
+
+const fileLock = new asyncLock({
+    timeout: 30000,
+    maxPending: 1000,
+});
+
+function niceFileName(filename) {
+    return filename.replace(storePath, "@");
+}
+
+async function writeFileSafe(filename, contents) {
+    ++renameCounter;
+    const prefix = "[ " + renameCounter + ":" + niceFileName(filename) + " ] ";
+    const transactionId = String(new Date().getTime()) + "." + renameCounter;
+
+    if (fileLock.isBusy()) {
+        console.warn(prefix, "Concurrent write process on", filename);
+    }
+
+    fileLock.acquire(filename, async () => {
+        console.log(prefix, "Starting write on", niceFileName(filename), "in transaction", transactionId);
+
+        if (!fs.existsSync(filename)) {
+            // this one is easy
+            console.log(prefix, "Writing file instantly because it does not exist:", niceFileName(filename));
+            await fs.promises.writeFile(filename, contents, "utf8");
+            return;
+        }
+
+        // first, write a temporary file (.tmp-XXX)
+        const tempName = filename + ".tmp-" + transactionId;
+        console.log(prefix, "Writing temporary file", niceFileName(tempName));
+        await fs.promises.writeFile(tempName, contents, "utf8");
+
+        // now, rename the original file to (.backup-XXX)
+        const oldTemporaryName = filename + ".backup-" + transactionId;
+        console.log(
+            prefix,
+            "Renaming old file",
+            niceFileName(filename),
+            "to",
+            niceFileName(oldTemporaryName)
+        );
+        await fs.promises.rename(filename, oldTemporaryName);
+
+        // now, rename the temporary file (.tmp-XXX) to the target
+        console.log(
+            prefix,
+            "Renaming the temporary file",
+            niceFileName(tempName),
+            "to the original",
+            niceFileName(filename)
+        );
+        await fs.promises.rename(tempName, filename);
+
+        // we are done now, try to create a backup, but don't fail if the backup fails
+        try {
+            // check if there is an old backup file
+            const backupFileName = filename + ".backup";
+            if (fs.existsSync(backupFileName)) {
+                console.log(prefix, "Deleting old backup file", niceFileName(backupFileName));
+                // delete the old backup
+                await fs.promises.unlink(backupFileName);
+            }
+
+            // rename the old file to the new backup file
+            console.log(prefix, "Moving", niceFileName(oldTemporaryName), "to the backup file location");
+            await fs.promises.rename(oldTemporaryName, backupFileName);
+        } catch (ex) {
+            console.error(prefix, "Failed to switch backup files:", ex);
+        }
+    });
+}
+
+ipcMain.handle("fs-job", async (event, job) => {
+    const filenameSafe = job.filename.replace(/[^a-z\.\-_0-9]/i, "");
+    const fname = path.join(storePath, filenameSafe);
+    switch (job.type) {
+        case "read": {
+            if (!fs.existsSync(fname)) {
+                // Special FILE_NOT_FOUND error code
+                return { error: "file_not_found" };
+            }
+            return await fs.promises.readFile(fname, "utf8");
+        }
+        case "write": {
+            await writeFileSafe(fname, job.contents);
+            return job.contents;
+        }
+
+        case "delete": {
+            await fs.promises.unlink(fname);
+            return;
+        }
+
+        default:
+            throw new Error("Unknown fs job: " + job.type);
+    }
+});
+
+wegame.init(isDev);
+wegame.listen();

electron_wegame/package.json

@@ -0,0 +1,18 @@
+{
+    "name": "electron",
+    "version": "1.0.0",
+    "main": "index.js",
+    "license": "MIT",
+    "private": true,
+    "scripts": {
+        "startDev": "electron --disable-direct-composition --in-process-gpu . --dev --local",
+        "startDevGpu": "electron --enable-gpu-rasterization --enable-accelerated-2d-canvas --num-raster-threads=8 --enable-zero-copy . --dev --local",
+        "start": "electron --disable-direct-composition --in-process-gpu ."
+    },
+    "devDependencies": {
+        "electron": "^13.1.6"
+    },
+    "dependencies": {
+        "async-lock": "^1.2.8"
+    }
+}

electron_wegame/wegame.js

@@ -0,0 +1,63 @@
+const railsdk = require("./wegame_sdk/railsdk.js");
+const { dialog, app, remote, ipcMain } = require("electron");
+
+function init(isDev) {
+    console.log("Step 1: wegame: init");
+
+    try {
+        console.log("Step 2: Calling need restart app");
+        const need_restart = railsdk.RailNeedRestartAppForCheckingEnvironment(
+            2001639,
+            [`--rail_render_pid=${process.pid}`] //,"--rail_debug_mode",
+        );
+        console.log("Step 3: Needs restart =", need_restart);
+        if (need_restart) {
+            console.error("Step 4: Need restart");
+            dialog.showErrorBox("加载RailSDK失败", "请先运行WeGame开发者版本");
+            return;
+        }
+    } catch (err) {
+        console.error("Rail SDK error:", err);
+        dialog.showErrorBox("加载RailSDK失败", err);
+        return;
+    }
+
+    console.log("Step 5: starting rail sdk");
+    if (railsdk.RailInitialize() === false) {
+        console.error("RailInitialize() = false");
+        dialog.showErrorBox("RailInitialize调用失败", "请先运行WeGame开发者版本");
+        return;
+    }
+
+    console.log("Initialize RailSDK success!");
+
+    railsdk.RailRegisterEvent(railsdk.RailEventID.kRailEventSystemStateChanged, event => {
+        console.log(event);
+        if (event.result === railsdk.RailResult.kSuccess) {
+            if (
+                event.state === railsdk.RailSystemState.kSystemStatePlatformOffline ||
+                event.state === railsdk.RailSystemState.kSystemStatePlatformExit ||
+                event.state === railsdk.RailSystemState.kSystemStateGameExitByAntiAddiction
+            ) {
+                app.exit();
+            }
+        }
+    });
+}
+
+function listen() {
+    console.log("wegame: listen");
+    ipcMain.handle("profanity-check", async (event, data) => {
+        if (data.length === 0) {
+            return "";
+        }
+        const result = railsdk.RailUtils.DirtyWordsFilter(data, true);
+        if (result.check_result.dirty_type !== 0 /** kRailDirtyWordsTypeNormalAllowWords */) {
+            return result.check_result.replace_string;
+        }
+
+        return data;
+    });
+}
+
+module.exports = { init, listen };

electron_wegame/yarn.lock

@@ -0,0 +1,578 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@electron/get@^1.0.1":
+  version "1.12.4"
+  resolved "https://registry.yarnpkg.com/@electron/get/-/get-1.12.4.tgz#a5971113fc1bf8fa12a8789dc20152a7359f06ab"
+  integrity sha512-6nr9DbJPUR9Xujw6zD3y+rS95TyItEVM0NVjt1EehY2vUWfIgPiIPVHxCvaTS0xr2B+DRxovYVKbuOWqC35kjg==
+  dependencies:
+    debug "^4.1.1"
+    env-paths "^2.2.0"
+    fs-extra "^8.1.0"
+    got "^9.6.0"
+    progress "^2.0.3"
+    semver "^6.2.0"
+    sumchecker "^3.0.1"
+  optionalDependencies:
+    global-agent "^2.0.2"
+    global-tunnel-ng "^2.7.1"
+
+"@sindresorhus/is@^0.14.0":
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
+  integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
+
+"@szmarczak/http-timer@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
+  integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==
+  dependencies:
+    defer-to-connect "^1.0.1"
+
+"@types/node@^14.6.2":
+  version "14.17.4"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.17.4.tgz#218712242446fc868d0e007af29a4408c7765bc0"
+  integrity sha512-8kQ3+wKGRNN0ghtEn7EGps/B8CzuBz1nXZEIGGLP2GnwbqYn4dbTs7k+VKLTq1HvZLRCIDtN3Snx1Ege8B7L5A==
+
+async-lock@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/async-lock/-/async-lock-1.2.8.tgz#7b02bdfa2de603c0713acecd11184cf97bbc7c4c"
+  integrity sha512-G+26B2jc0Gw0EG/WN2M6IczuGepBsfR1+DtqLnyFSH4p2C668qkOCtEkGNVEaaNAVlYwEMazy1+/jnLxltBkIQ==
+
+boolean@^3.0.1:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.1.2.tgz#e30f210a26b02458482a8cc353ab06f262a780c2"
+  integrity sha512-YN6UmV0FfLlBVvRvNPx3pz5W/mUoYB24J4WSXOKP/OOJpi+Oq6WYqPaNTHzjI0QzwWtnvEd5CGYyQPgp1jFxnw==
+
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=
+
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+
+cacheable-request@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
+  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
+  dependencies:
+    clone-response "^1.0.2"
+    get-stream "^5.1.0"
+    http-cache-semantics "^4.0.0"
+    keyv "^3.0.0"
+    lowercase-keys "^2.0.0"
+    normalize-url "^4.1.0"
+    responselike "^1.0.2"
+
+clone-response@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
+  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
+  dependencies:
+    mimic-response "^1.0.0"
+
+concat-stream@^1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
+  dependencies:
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
+
+config-chain@^1.1.11:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
+  integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
+  dependencies:
+    ini "^1.3.4"
+    proto-list "~1.2.1"
+
+core-js@^3.6.5:
+  version "3.15.2"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.15.2.tgz#740660d2ff55ef34ce664d7e2455119c5bdd3d61"
+  integrity sha512-tKs41J7NJVuaya8DxIOCnl8QuPHx5/ZVbFo1oKgVl1qHFBBrDctzQGtuLjPpRdNTWmKPH6oEvgN/MUID+l485Q==
+
+core-util-is@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
+debug@^2.6.9:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
+debug@^4.1.0, debug@^4.1.1:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
+  dependencies:
+    ms "2.1.2"
+
+decompress-response@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
+  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
+  dependencies:
+    mimic-response "^1.0.0"
+
+defer-to-connect@^1.0.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591"
+  integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==
+
+define-properties@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
+  integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
+  dependencies:
+    object-keys "^1.0.12"
+
+detect-node@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+duplexer3@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
+  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
+
+electron@^13.1.6:
+  version "13.1.6"
+  resolved "https://registry.yarnpkg.com/electron/-/electron-13.1.6.tgz#6ecaf969255d62ce82cc0b5c948bf26e7dfb489b"
+  integrity sha512-XiB55/JTaQpDFQrD9pulYnOGwaWeMyRIub5ispvoE2bWBvM5zVMLptwMLb0m3KTMrfSkzhedZvOu7fwYvR7L7Q==
+  dependencies:
+    "@electron/get" "^1.0.1"
+    "@types/node" "^14.6.2"
+    extract-zip "^1.0.3"
+
+encodeurl@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
+  integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
+
+end-of-stream@^1.1.0:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
+  dependencies:
+    once "^1.4.0"
+
+env-paths@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+  integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+es6-error@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
+  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+extract-zip@^1.0.3:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
+  integrity sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==
+  dependencies:
+    concat-stream "^1.6.2"
+    debug "^2.6.9"
+    mkdirp "^0.5.4"
+    yauzl "^2.10.0"
+
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=
+  dependencies:
+    pend "~1.2.0"
+
+fs-extra@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+get-stream@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
+  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
+  dependencies:
+    pump "^3.0.0"
+
+get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
+global-agent@^2.0.2:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/global-agent/-/global-agent-2.2.0.tgz#566331b0646e6bf79429a16877685c4a1fbf76dc"
+  integrity sha512-+20KpaW6DDLqhG7JDiJpD1JvNvb8ts+TNl7BPOYcURqCrXqnN1Vf+XVOrkKJAFPqfX+oEhsdzOj1hLWkBTdNJg==
+  dependencies:
+    boolean "^3.0.1"
+    core-js "^3.6.5"
+    es6-error "^4.1.1"
+    matcher "^3.0.0"
+    roarr "^2.15.3"
+    semver "^7.3.2"
+    serialize-error "^7.0.1"
+
+global-tunnel-ng@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/global-tunnel-ng/-/global-tunnel-ng-2.7.1.tgz#d03b5102dfde3a69914f5ee7d86761ca35d57d8f"
+  integrity sha512-4s+DyciWBV0eK148wqXxcmVAbFVPqtc3sEtUE/GTQfuU80rySLcMhUmHKSHI7/LDj8q0gDYI1lIhRRB7ieRAqg==
+  dependencies:
+    encodeurl "^1.0.2"
+    lodash "^4.17.10"
+    npm-conf "^1.1.3"
+    tunnel "^0.0.6"
+
+globalthis@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.2.tgz#2a235d34f4d8036219f7e34929b5de9e18166b8b"
+  integrity sha512-ZQnSFO1la8P7auIOQECnm0sSuoMeaSq0EEdXMBFF2QJO4uNcwbyhSgG3MruWNbFTqCLmxVwGOl7LZ9kASvHdeQ==
+  dependencies:
+    define-properties "^1.1.3"
+
+got@^9.6.0:
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
+  integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
+  dependencies:
+    "@sindresorhus/is" "^0.14.0"
+    "@szmarczak/http-timer" "^1.1.2"
+    cacheable-request "^6.0.0"
+    decompress-response "^3.3.0"
+    duplexer3 "^0.1.4"
+    get-stream "^4.1.0"
+    lowercase-keys "^1.0.1"
+    mimic-response "^1.0.1"
+    p-cancelable "^1.0.0"
+    to-readable-stream "^1.0.0"
+    url-parse-lax "^3.0.0"
+
+graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
+  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
+
+http-cache-semantics@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
+  integrity sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==
+
+inherits@^2.0.3, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ini@^1.3.4:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
+
+json-buffer@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
+  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
+
+json-stringify-safe@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+
+jsonfile@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+  integrity sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+keyv@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
+  integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==
+  dependencies:
+    json-buffer "3.0.0"
+
+lodash@^4.17.10:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
+  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
+
+lowercase-keys@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+matcher@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
+  integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
+  dependencies:
+    escape-string-regexp "^4.0.0"
+
+mimic-response@^1.0.0, mimic-response@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
+minimist@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
+  integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
+
+mkdirp@^0.5.4:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
+  integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
+  dependencies:
+    minimist "^1.2.5"
+
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+normalize-url@^4.1.0:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
+  integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA==
+
+npm-conf@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/npm-conf/-/npm-conf-1.1.3.tgz#256cc47bd0e218c259c4e9550bf413bc2192aff9"
+  integrity sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==
+  dependencies:
+    config-chain "^1.1.11"
+    pify "^3.0.0"
+
+object-keys@^1.0.12:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+once@^1.3.1, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+p-cancelable@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
+  integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==
+
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
+prepend-http@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
+  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
+
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+progress@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+proto-list@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
+  integrity sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+readable-stream@^2.2.2:
+  version "2.3.7"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
+  integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+responselike@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
+  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
+  dependencies:
+    lowercase-keys "^1.0.0"
+
+roarr@^2.15.3:
+  version "2.15.4"
+  resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.4.tgz#f5fe795b7b838ccfe35dc608e0282b9eba2e7afd"
+  integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
+  dependencies:
+    boolean "^3.0.1"
+    detect-node "^2.0.4"
+    globalthis "^1.0.1"
+    json-stringify-safe "^5.0.1"
+    semver-compare "^1.0.0"
+    sprintf-js "^1.1.2"
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+semver-compare@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
+  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
+
+semver@^6.2.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
+  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
+
+semver@^7.3.2:
+  version "7.3.5"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.5.tgz#0b621c879348d8998e4b0e4be94b3f12e6018ef7"
+  integrity sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==
+  dependencies:
+    lru-cache "^6.0.0"
+
+serialize-error@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-7.0.1.tgz#f1360b0447f61ffb483ec4157c737fab7d778e18"
+  integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
+  dependencies:
+    type-fest "^0.13.1"
+
+sprintf-js@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+  integrity sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==
+
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
+sumchecker@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
+  integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
+  dependencies:
+    debug "^4.1.0"
+
+to-readable-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/to-readable-stream/-/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771"
+  integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==
+
+tunnel@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/tunnel/-/tunnel-0.0.6.tgz#72f1314b34a5b192db012324df2cc587ca47f92c"
+  integrity sha512-1h/Lnq9yajKY2PEbBadPXj3VxsDDu844OnaAo52UVmIzIvwwtBPIuNvkjuzBlTWpfJyUbG3ez0KSBibQkj4ojg==
+
+type-fest@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
+  integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
+
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
+universalify@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+url-parse-lax@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
+  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
+  dependencies:
+    prepend-http "^2.0.0"
+
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"

gulp/.itch.toml

@@ -1,9 +0,0 @@
-[[actions]]
-name = "play"
-path = "shapezio.exe"
-platform = "windows"
-
-[[actions]]
-name = "play"
-path = "play.sh"
-platform = "linux"

gulp/atlas2json.js

@@ -0,0 +1,127 @@
+const { join, resolve } = require("path");
+const { readFileSync, readdirSync, writeFileSync } = require("fs");
+
+const suffixToScale = {
+    lq: "0.25",
+    mq: "0.5",
+    hq: "0.75"
+};
+
+function convert(srcDir) {
+    const full = resolve(srcDir);
+    const srcFiles = readdirSync(full)
+        .filter(n => n.endsWith(".atlas"))
+        .map(n => join(full, n));
+
+    for (const atlas of srcFiles) {
+        console.log(`Processing: ${atlas}`);
+
+        // Read all text, split it into line array
+        // and filter all empty lines
+        const lines = readFileSync(atlas, "utf-8")
+            .split("\n")
+            .filter(n => n.trim());
+
+        // Get source image name
+        const image = lines.shift();
+        const srcMeta = {};
+
+        // Read all metadata (supports only one page)
+        while (true) {
+            const kv = lines.shift().split(":");
+            if (kv.length != 2) {
+                lines.unshift(kv[0]);
+                break;
+            }
+
+            srcMeta[kv[0]] = kv[1].trim();
+        }
+
+        const frames = {};
+        let current = null;
+
+        lines.push("Dummy line to make it convert last frame");
+
+        for (const line of lines) {
+            if (!line.startsWith("  ")) {
+                // New frame, convert previous if it exists
+                if (current != null) {
+                    let { name, rotate, xy, size, orig, offset, index } = current;
+
+                    // Convert to arrays because Node.js doesn't
+                    // support latest JS features
+                    xy = xy.split(",").map(v => Number(v));
+                    size = size.split(",").map(v => Number(v));
+                    orig = orig.split(",").map(v => Number(v));
+                    offset = offset.split(",").map(v => Number(v));
+
+                    // GDX TexturePacker removes index suffixes
+                    const indexSuff = index != -1 ? `_${index}` : "";
+                    const isTrimmed = size != orig;
+
+                    frames[`${name}${indexSuff}.png`] = {
+                        // Bounds on atlas
+                        frame: {
+                            x: xy[0],
+                            y: xy[1],
+                            w: size[0],
+                            h: size[1]
+                        },
+
+                        // Whether image was rotated
+                        rotated: rotate == "true",
+                        trimmed: isTrimmed,
+
+                        // How is the image trimmed
+                        spriteSourceSize: {
+                            x: offset[0],
+                            y: (orig[1] - size[1]) - offset[1],
+                            w: size[0],
+                            h: size[1]
+                        },
+                        
+                        sourceSize: {
+                            w: orig[0],
+                            h: orig[1]
+                        }
+                    }
+                }
+
+                // Simple object that will hold other metadata
+                current = {
+                    name: line
+                };
+            } else {
+                // Read and set current image metadata
+                const kv = line.split(":").map(v => v.trim());
+                current[kv[0]] = isNaN(Number(kv[1])) ? kv[1] : Number(kv[1]);
+            }
+        }
+
+        const atlasSize = srcMeta.size.split(",").map(v => Number(v));
+        const atlasScale = suffixToScale[atlas.match(/_(\w+)\.atlas$/)[1]];
+
+        const result = JSON.stringify({
+            frames,
+            meta: {
+                image,
+                format: srcMeta.format,
+                size: {
+                    w: atlasSize[0],
+                    h: atlasSize[1]
+                },
+                scale: atlasScale.toString()
+            }
+        });
+
+        writeFileSync(atlas.replace(".atlas", ".json"), result, {
+            encoding: "utf-8"
+        });
+    }
+}
+
+if (require.main == module) {
+    convert(process.argv[2]);
+}
+
+module.exports = { convert };

gulp/babel.config.js

@@ -4,7 +4,14 @@ module.exports = function (api) {
         [
             "@babel/preset-env",
             {
-                targets: "cover 99.5%",
+                // targets: ">0.01%",
+                targets: {
+                    edge: 10,
+                    firefox: 37,
+                    chrome: 24,
+                    safari: 10,
+                    ie: 10,
+                },
                 useBuiltIns: "usage",
                 corejs: 3,
                 loose: true,
@@ -14,14 +21,15 @@ module.exports = function (api) {
         ],
     ];
     const plugins = [
+        "@babel/plugin-transform-arrow-functions",
         "closure-elimination",
         // var is faster than let and const!
-        [
-            "@babel/plugin-transform-block-scoping",
-            {
-                throwIfClosureRequired: false,
-            },
-        ],
+        // [
+        //     "@babel/plugin-transform-block-scoping",
+        //     {
+        //         throwIfClosureRequired: true,
+        //     },
+        // ],
         [
             "@babel/plugin-transform-classes",
             {
@@ -33,10 +41,10 @@ module.exports = function (api) {
         presets,
         plugins,
         highlightCode: true,
-        sourceType: "module",
+        sourceType: "unambiguous",
         sourceMaps: false,
         parserOpts: {},
-        only: ["../src/js"],
+        exclude: /(core-js|babel-core|babel-runtime)/,
         generatorOpts: {
             retainLines: false,
             compact: true,

gulp/build_variants.js

@@ -0,0 +1,74 @@
+/**
+ * @type {Record<string, {
+ *  standalone: boolean,
+ *  environment?: 'dev' | 'staging' | 'prod',
+ *  electronBaseDir?: string,
+ *  steamAppId?: number,
+ *  executableName?: string,
+ *  buildArgs: {
+ *      chineseVersion?: boolean,
+ *      wegameVersion?: boolean,
+ *      steamDemo?: boolean,
+ *      gogVersion?: boolean
+ * }}>}
+ */
+const BUILD_VARIANTS = {
+    "web-localhost": {
+        standalone: false,
+        environment: "dev",
+        buildArgs: {},
+    },
+    "web-shapezio-beta": {
+        standalone: false,
+        environment: "staging",
+        buildArgs: {},
+    },
+    "web-shapezio": {
+        standalone: false,
+        environment: "prod",
+        buildArgs: {},
+    },
+    "standalone-steam": {
+        standalone: true,
+        executableName: "shapez",
+        steamAppId: 1318690,
+        buildArgs: {},
+    },
+    "standalone-steam-china": {
+        standalone: true,
+        steamAppId: 1318690,
+        buildArgs: {
+            chineseVersion: true,
+        },
+    },
+    "standalone-steam-demo": {
+        standalone: true,
+        steamAppId: 1930750,
+        buildArgs: {
+            steamDemo: true,
+        },
+    },
+    "standalone-steam-china-demo": {
+        standalone: true,
+        steamAppId: 1930750,
+        buildArgs: {
+            steamDemo: true,
+            chineseVersion: true,
+        },
+    },
+    "standalone-wegame": {
+        standalone: true,
+        electronBaseDir: "electron_wegame",
+        buildArgs: {
+            wegameVersion: true,
+        },
+    },
+    "standalone-gog": {
+        standalone: true,
+        electronBaseDir: "electron_gog",
+        buildArgs: {
+            gogVersion: true,
+        },
+    },
+};
+module.exports = { BUILD_VARIANTS };

gulp/buildutils.js

@@ -29,7 +29,7 @@ module.exports = {
         try {
             return execSync("git describe --tag --exact-match").toString("ascii");
         } catch (e) {
-            throw new Error('Current git HEAD is not a version tag');
+            throw new Error("Current git HEAD is not a version tag");
         }
     },
 

gulp/bundle-loader.js

@@ -1,112 +0,0 @@
-/**
- * ES6 Bundle Loader
- *
- * Attempts to load the game code, and if that fails tries with the transpiled
- * version. Also handles errors during load.
- */
-
-(function () {
-    var loadTimeout = null;
-    var callbackDone = false;
-
-    // Catch load errors
-
-    function errorHandler(event, source, lineno, colno, error) {
-        console.error("👀 Init Error:", event, source, lineno, colno, error);
-        var element = document.createElement("div");
-        element.style.position = "fixed";
-        element.style.top = "0";
-        element.style.right = "0";
-        element.style.bottom = "0";
-        element.style.left = "0";
-        element.style.zIndex = "29999";
-        element.style.backgroundColor = "#222429";
-        element.style.display = "flex";
-        element.style.justifyContent = "center";
-        element.style.alignItems = "center";
-
-        var inner = document.createElement("div");
-        inner.style.color = "#fff";
-        inner.style.fontFamily = "GameFont, sans-serif";
-        inner.style.fontSize = "15px";
-        inner.style.padding = "30px";
-        inner.style.textAlign = "center";
-        element.appendChild(inner);
-
-        var heading = document.createElement("h3");
-        heading.style.color = "#ef5072";
-        heading.innerText = "Error";
-        heading.style.marginBottom = "40px";
-        heading.style.fontSize = "45px";
-        inner.appendChild(heading);
-
-        var content = document.createElement("p");
-        content.style.color = "#eee";
-        content.innerText = error || (event && event.message) || event || "Unknown Error";
-        inner.appendChild(content);
-
-        if (source) {
-            var sourceElement = document.createElement("p");
-            sourceElement.style.color = "#777";
-            sourceElement.innerText = sourceElement + ":" + lineno + ":" + colno;
-            inner.appendChild(sourceElement);
-        }
-
-        document.documentElement.appendChild(element);
-    }
-    window.addEventListener("error", errorHandler);
-    window.addEventListener("unhandledrejection", errorHandler);
-
-    function makeJsTag(src, integrity) {
-        var script = document.createElement("script");
-        script.src = src;
-        script.type = "text/javascript";
-        script.charset = "utf-8";
-        script.defer = true;
-        if (integrity) {
-            script.setAttribute("integrity", integrity);
-        }
-        return script;
-    }
-
-    function loadFallbackJs(error) {
-        console.warn("👀 ES6 Script not supported, loading transpiled code.");
-        console.warn("👀 Error was:", error);
-        var scriptTransp = makeJsTag(bundleSrcTranspiled, bundleIntegrityTranspiled);
-        scriptTransp.addEventListener("error", scriptFail);
-        scriptTransp.addEventListener("load", onJsLoaded);
-        document.head.appendChild(scriptTransp);
-    }
-
-    function scriptFail(error) {
-        console.error("👀 Failed to load bundle!");
-        console.error("👀 Error was:", error);
-        throw new Error("Core load failed.");
-    }
-
-    function expectJsParsed() {
-        if (!callbackDone) {
-            console.error("👀 Got no core callback");
-            throw new Error("Core thread failed to respond within time.");
-        }
-    }
-
-    function onJsLoaded() {
-        console.log("👀 Core loaded at", Math.floor(performance.now()), "ms");
-        loadTimeout = setTimeout(expectJsParsed, 15000);
-        window.removeEventListener("error", errorHandler);
-        window.removeEventListener("unhandledrejection", errorHandler);
-    }
-
-    window.coreThreadLoadedCb = function () {
-        console.log("👀 Core responded at", Math.floor(performance.now()), "ms");
-        clearTimeout(loadTimeout);
-        loadTimeout = null;
-        callbackDone = true;
-    };
-
-    var scriptEs6 = makeJsTag(bundleSrc, bundleIntegrity);
-    scriptEs6.addEventListener("error", loadFallbackJs);
-    scriptEs6.addEventListener("load", onJsLoaded);
-    document.head.appendChild(scriptEs6);
-})();

gulp/cordova.js

@@ -1,139 +0,0 @@
-const path = require("path");
-const fs = require("fs");
-const buildUtils = require("./buildutils");
-
-function gulptasksCordova($, gulp, buildFolder) {
-    const cdvRes = path.join("..", "..", "res");
-
-    // Cleans up the app assets
-    // Removes all temporary folders used while optimizing the assets
-    gulp.task("cleanupAppAssetsBuiltFolder", () => {
-        return gulp
-            .src(path.join(cdvRes, "built"), { read: false, allowEmpty: true })
-            .pipe($.clean({ force: true }));
-    });
-
-    // Optimizes all built assets
-    gulp.task("optimizeBuiltAppAssets", () => {
-        return gulp
-            .src(path.join(cdvRes, "built", "**", "*.png"))
-            .pipe($.flatten())
-            .pipe($.imagemin([$.imagemin.optipng({ optimizationLevel: 1 })]))
-            .pipe(gulp.dest(path.join(cdvRes, "built")));
-    });
-
-    // Scales the icon resources
-    gulp.task("scaleIconIos", async () => {
-        const sizes = [
-            180,
-            60,
-            120,
-            76,
-            152,
-            40,
-            80,
-            57,
-            114,
-            72,
-            144,
-            167,
-            29,
-            58,
-            87,
-            50,
-            100,
-            167,
-            20,
-            1024,
-            24,
-            48,
-            55,
-            172,
-            196,
-        ];
-        for (let i = 0; i < sizes.length; ++i) {
-            const size = sizes[i];
-            console.log("Scaling icon to", size, "x", size);
-            const img = await $.jimp.read(path.join(cdvRes, "ios", "icon-prefab.png"));
-            await img.resize(size, size).write(path.join(cdvRes, "built", "ios", "icon@" + size + ".png"));
-        }
-    });
-
-    gulp.task("copyOtherIosResources", () => {
-        return gulp
-            .src(path.join(cdvRes, "ios", "splash-prefab.png"))
-            .pipe($.rename("Default@2x~universal~anyany.png"))
-            .pipe(gulp.dest(path.join(cdvRes, "built", "ios")));
-    });
-
-    gulp.task("prepareIosRes", gulp.series("scaleIconIos", "copyOtherIosResources"));
-
-    gulp.task("copyAndroidResources", () => {
-        return gulp
-            .src(path.join(cdvRes, "android", "**", "*.*"))
-            .pipe(gulp.dest(path.join(cdvRes, "built", "android")));
-    });
-
-    gulp.task("prepareAndroidRes", gulp.series("copyAndroidResources"));
-
-    gulp.task(
-        "prepareCordovaAssets",
-        gulp.series(
-            "cleanupAppAssetsBuiltFolder",
-            gulp.parallel("prepareIosRes", "prepareAndroidRes"),
-            "optimizeBuiltAppAssets"
-        )
-    );
-
-    // Patches the config.xml by replacing the app id to app_beta
-
-    gulp.task("patchConfigXML", cb => {
-        const configUrl = path.join("..", "..", "config.xml");
-        let configContent = fs.readFileSync(configUrl).toString();
-        const version = buildUtils.getVersion();
-        configContent = configContent.replace("%VERSION%", version);
-        configContent = configContent.replace(' id="io.shapez.app" ', ' id="io.shapez.app_beta" ');
-        configContent = configContent.replace("<name>Shapez.io</name>", "<name>Shapez.io BETA</name>");
-        fs.writeFileSync(configUrl, configContent);
-        cb();
-    });
-
-    gulp.task("patchConfigXMLChangeStagingToProd", cb => {
-        const configUrl = path.join("..", "..", "config.xml");
-        let configContent = fs.readFileSync(configUrl).toString();
-        configContent = configContent.replace(' id="io.shapez.app_beta" ', ' id="io.shapez.app" ');
-        configContent = configContent.replace("<name>Shapez.io BETA</name>", "<name>Shapez.io</name>");
-        fs.writeFileSync(configUrl, configContent);
-        cb();
-    });
-
-    // Triggers a new build on phonegap
-    gulp.task("triggerPhonegapBuild", () => {
-        return gulp
-            .src("src/html/", { dot: false })
-            .pipe(
-                $.phonegapBuild({
-                    isRepository: true,
-                    appId: "3339820",
-                    platforms: ["android", "ios"],
-                    user: {
-                        token: process.env.SHAPEZ_CLI_PHONEGAP_KEY,
-                    },
-                })
-            )
-            .pipe(
-                $.phonegapBuild({
-                    isRepository: true,
-                    appId: "3537816",
-                    platforms: ["android", "ios"],
-                    user: {
-                        token: process.env.SHAPEZ_CLI_PHONEGAP_KEY,
-                    },
-                })
-            );
-    });
-}
-
-module.exports = {
-    gulptasksCordova,
-};

gulp/css.js

@@ -21,7 +21,6 @@ function gulptasksCSS($, gulp, buildFolder, browserSync) {
         const plugins = [postcssAssetsPlugin(cachebust)];
         if (prod) {
             plugins.unshift(
-                $.postcssUnprefix(),
                 $.postcssPresetEnv({
                     browsers: ["> 0.1%"],
                 })
@@ -62,7 +61,7 @@ function gulptasksCSS($, gulp, buildFolder, browserSync) {
         return gulp
             .src("../src/css/main.scss", { cwd: __dirname })
             .pipe($.plumber())
-            .pipe($.sass.sync().on("error", $.sass.logError))
+            .pipe($.dartSass.sync().on("error", $.dartSass.logError))
             .pipe(
                 $.postcss([
                     $.postcssCriticalSplit({
@@ -95,7 +94,7 @@ function gulptasksCSS($, gulp, buildFolder, browserSync) {
         return gulp
             .src("../src/css/main.scss", { cwd: __dirname })
             .pipe($.plumber())
-            .pipe($.sass.sync().on("error", $.sass.logError))
+            .pipe($.dartSass.sync().on("error", $.dartSass.logError))
             .pipe(
                 $.postcss([
                     $.postcssCriticalSplit({

gulp/entitlements.plist

@@ -8,5 +8,11 @@
     <true/>
     <key>com.apple.security.cs.debugger</key>
     <true/>
+    <key>com.apple.security.cs.disable-library-validation</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+    <key>com.apple.security.cs.disable-executable-page-protection</key>
+    <true/>
   </dict>
-</plist>
+</plist>

gulp/gulpfile.js

@@ -8,23 +8,6 @@ const path = require("path");
 const deleteEmpty = require("delete-empty");
 const execSync = require("child_process").execSync;
 
-const lfsOutput = execSync("git lfs install", { encoding: "utf-8" });
-if (!lfsOutput.toLowerCase().includes("git lfs initialized")) {
-    console.error(`
-    Git LFS is not installed, unable to build.
-
-    To install Git LFS on Linux:
-      - Arch:
-        sudo pacman -S git-lfs
-      - Debian/Ubuntu:
-        sudo apt install git-lfs
-
-    For other systems, see:
-    https://github.com/git-lfs/git-lfs/wiki/Installation
-    `);
-    process.exit(1);
-}
-
 // Load other plugins dynamically
 const $ = require("gulp-load-plugins")({
     scope: ["devDependencies"],
@@ -35,7 +18,6 @@ const $ = require("gulp-load-plugins")({
 
 const envVars = [
     "SHAPEZ_CLI_SERVER_HOST",
-    // "SHAPEZ_CLI_PHONEGAP_KEY",
     "SHAPEZ_CLI_ALPHA_FTP_USER",
     "SHAPEZ_CLI_ALPHA_FTP_PW",
     "SHAPEZ_CLI_STAGING_FTP_USER",
@@ -44,19 +26,19 @@ const envVars = [
     "SHAPEZ_CLI_LIVE_FTP_PW",
     "SHAPEZ_CLI_APPLE_ID",
     "SHAPEZ_CLI_APPLE_CERT_NAME",
-    "SHAPEZ_CLI_GITHUB_USER",
-    "SHAPEZ_CLI_GITHUB_TOKEN",
+    "SHAPEZ_CLI_GITHUB_USER",
+    "SHAPEZ_CLI_GITHUB_TOKEN",
 ];
 
 for (let i = 0; i < envVars.length; ++i) {
     if (!process.env[envVars[i]]) {
-        console.warn("Please set", envVars[i]);
-        // process.exit(1);
+        console.warn("Unset environment variable, might cause issues:", envVars[i]);
     }
 }
 
 const baseDir = path.join(__dirname, "..");
 const buildFolder = path.join(baseDir, "build");
+const buildOuptutFolder = path.join(baseDir, "build_output");
 
 const imgres = require("./image-resources");
 imgres.gulptasksImageResources($, gulp, buildFolder);
@@ -67,11 +49,14 @@ css.gulptasksCSS($, gulp, buildFolder, browserSync);
 const sounds = require("./sounds");
 sounds.gulptasksSounds($, gulp, buildFolder);
 
+const localConfig = require("./local-config");
+localConfig.gulptasksLocalConfig($, gulp);
+
 const js = require("./js");
 js.gulptasksJS($, gulp, buildFolder, browserSync);
 
 const html = require("./html");
-html.gulptasksHTML($, gulp, buildFolder, browserSync);
+html.gulptasksHTML($, gulp, buildFolder);
 
 const ftp = require("./ftp");
 ftp.gulptasksFTP($, gulp, buildFolder);
@@ -80,17 +65,11 @@ const docs = require("./docs");
 docs.gulptasksDocs($, gulp, buildFolder);
 
 const standalone = require("./standalone");
-standalone.gulptasksStandalone($, gulp, buildFolder);
+standalone.gulptasksStandalone($, gulp);
 
-const releaseUploader = require("./release-uploader");
-releaseUploader.gulptasksReleaseUploader($, gulp, buildFolder);
-
 const translations = require("./translations");
-translations.gulptasksTranslations($, gulp, buildFolder);
-
-// FIXME
-// const cordova = require("./cordova");
-// cordova.gulptasksCordova($, gulp, buildFolder);
+const { BUILD_VARIANTS } = require("./build_variants");
+translations.gulptasksTranslations($, gulp);
 
 /////////////////////  BUILD TASKS  /////////////////////
 
@@ -98,13 +77,24 @@ translations.gulptasksTranslations($, gulp, buildFolder);
 gulp.task("utils.cleanBuildFolder", () => {
     return gulp.src(buildFolder, { read: false, allowEmpty: true }).pipe($.clean({ force: true }));
 });
+gulp.task("utils.cleanBuildOutputFolder", () => {
+    return gulp.src(buildOuptutFolder, { read: false, allowEmpty: true }).pipe($.clean({ force: true }));
+});
 gulp.task("utils.cleanBuildTempFolder", () => {
     return gulp
         .src(path.join(__dirname, "..", "src", "js", "built-temp"), { read: false, allowEmpty: true })
         .pipe($.clean({ force: true }));
 });
+gulp.task("utils.cleanImageBuildFolder", () => {
+    return gulp
+        .src(path.join(__dirname, "res_built"), { read: false, allowEmpty: true })
+        .pipe($.clean({ force: true }));
+});
 
-gulp.task("utils.cleanup", gulp.series("utils.cleanBuildFolder", "utils.cleanBuildTempFolder"));
+gulp.task(
+    "utils.cleanup",
+    gulp.series("utils.cleanBuildFolder", "utils.cleanImageBuildFolder", "utils.cleanBuildTempFolder")
+);
 
 // Requires no uncomitted files
 gulp.task("utils.requireCleanWorkingTree", cb => {
@@ -149,9 +139,14 @@ gulp.task("main.webserver", () => {
     );
 });
 
-function serve({ standalone }) {
+/**
+ *
+ * @param {object} param0
+ * @param {keyof typeof BUILD_VARIANTS} param0.version
+ */
+function serveHTML({ version = "web-dev" }) {
     browserSync.init({
-        server: buildFolder,
+        server: [buildFolder, path.join(baseDir, "mod_examples")],
         port: 3005,
         ghostMode: {
             clicks: false,
@@ -173,10 +168,8 @@ function serve({ standalone }) {
     gulp.watch(["../src/**/*.scss"], gulp.series("css.dev"));
 
     // Watch .html files, those trigger a html rebuild
-    gulp.watch("../src/**/*.html", gulp.series(standalone ? "html.standalone-dev" : "html.dev"));
-
-    // Watch sound files
-    // gulp.watch(["../res_raw/sounds/**/*.mp3", "../res_raw/sounds/**/*.wav"], gulp.series("sounds.dev"));
+    gulp.watch("../src/**/*.html", gulp.series("html." + version + ".dev"));
+    gulp.watch("./preloader/*.*", gulp.series("html." + version + ".dev"));
 
     // Watch translations
     gulp.watch("../translations/**/*.yaml", gulp.series("translations.convertToJson"));
@@ -191,10 +184,12 @@ function serve({ standalone }) {
     );
 
     // Watch resource files and copy them on change
+    gulp.watch(imgres.rawImageResourcesGlobs, gulp.series("imgres.buildAtlas"));
     gulp.watch(imgres.nonImageResourcesGlobs, gulp.series("imgres.copyNonImageResources"));
     gulp.watch(imgres.imageResourcesGlobs, gulp.series("imgres.copyImageResources"));
 
     // Watch .atlas files and recompile the atlas on change
+    gulp.watch("../res_built/atlas/*.atlas", gulp.series("imgres.atlasToJson"));
     gulp.watch("../res_built/atlas/*.json", gulp.series("imgres.atlas"));
 
     // Watch the build folder and reload when anything changed
@@ -207,16 +202,9 @@ function serve({ standalone }) {
         return gulp.src(path).pipe(browserSync.reload({ stream: true }));
     });
 
-    // Start the webpack watching server (Will never return)
-    if (standalone) {
-        gulp.series("js.standalone-dev.watch")(() => true);
-    } else {
-        gulp.series("js.dev.watch")(() => true);
-    }
+    gulp.series("js." + version + ".dev.watch")(() => true);
 }
 
-/////////////////////  RUNNABLE TASKS  /////////////////////
-
 // Pre and postbuild
 gulp.task("step.baseResources", gulp.series("imgres.allOptimized"));
 gulp.task("step.deleteEmpty", cb => {
@@ -226,118 +214,104 @@ gulp.task("step.deleteEmpty", cb => {
 
 gulp.task("step.postbuild", gulp.series("imgres.cleanupUnusedCssInlineImages", "step.deleteEmpty"));
 
+/////////////////////  RUNNABLE TASKS  /////////////////////
+
 // Builds everything (dev)
 gulp.task(
-    "build.dev",
+    "build.prepare.dev",
     gulp.series(
         "utils.cleanup",
         "utils.copyAdditionalBuildFiles",
+        "localConfig.findOrCreate",
+        "imgres.buildAtlas",
+        "imgres.atlasToJson",
         "imgres.atlas",
         "sounds.dev",
         "imgres.copyImageResources",
         "imgres.copyNonImageResources",
         "translations.fullBuild",
-        "css.dev",
-        "html.dev"
+        "css.dev"
     )
 );
 
-// Builds everything (standalone -dev)
-gulp.task(
-    "build.standalone.dev",
-    gulp.series(
-        "utils.cleanup",
-        "imgres.atlas",
-        "sounds.dev",
-        "imgres.copyImageResources",
-        "imgres.copyNonImageResources",
-        "translations.fullBuild",
-        "js.standalone-dev",
-        "css.dev",
-        "html.standalone-dev"
-    )
-);
+// Builds everything for every variant
+for (const variant in BUILD_VARIANTS) {
+    const data = BUILD_VARIANTS[variant];
+    const buildName = "build." + variant;
 
-// Builds everything (staging)
-gulp.task("step.staging.code", gulp.series("sounds.fullbuild", "translations.fullBuild", "js.staging"));
-gulp.task(
-    "step.staging.mainbuild",
-    gulp.parallel("utils.copyAdditionalBuildFiles", "step.baseResources", "step.staging.code")
-);
-gulp.task("step.staging.all", gulp.series("step.staging.mainbuild", "css.prod", "html.staging"));
-gulp.task("build.staging", gulp.series("utils.cleanup", "step.staging.all", "step.postbuild"));
+    // build
+    gulp.task(
+        buildName + ".code",
+        gulp.series(
+            data.standalone ? "sounds.fullbuildHQ" : "sounds.fullbuild",
+            "translations.fullBuild",
+            "js." + variant + ".prod"
+        )
+    );
 
-// Builds everything (prod)
-gulp.task("step.prod.code", gulp.series("sounds.fullbuild", "translations.fullBuild", "js.prod"));
-gulp.task(
-    "step.prod.mainbuild",
-    gulp.parallel("utils.copyAdditionalBuildFiles", "step.baseResources", "step.prod.code")
-);
-gulp.task("step.prod.all", gulp.series("step.prod.mainbuild", "css.prod", "html.prod"));
-gulp.task("build.prod", gulp.series("utils.cleanup", "step.prod.all", "step.postbuild"));
+    gulp.task(buildName + ".resourcesAndCode", gulp.parallel("step.baseResources", buildName + ".code"));
 
-// Builds everything (standalone-beta)
-gulp.task(
-    "step.standalone-beta.code",
-    gulp.series("sounds.fullbuildHQ", "translations.fullBuild", "js.standalone-beta")
-);
-gulp.task("step.standalone-beta.mainbuild", gulp.parallel("step.baseResources", "step.standalone-beta.code"));
-gulp.task(
-    "step.standalone-beta.all",
-    gulp.series("step.standalone-beta.mainbuild", "css.prod-standalone", "html.standalone-beta")
-);
-gulp.task(
-    "build.standalone-beta",
-    gulp.series("utils.cleanup", "step.standalone-beta.all", "step.postbuild")
-);
+    gulp.task(
+        buildName + ".all",
+        gulp.series(buildName + ".resourcesAndCode", "css.prod-standalone", "html." + variant + ".prod")
+    );
 
-// Builds everything (standalone-prod)
-gulp.task(
-    "step.standalone-prod.code",
-    gulp.series("sounds.fullbuildHQ", "translations.fullBuild", "js.standalone-prod")
-);
-gulp.task("step.standalone-prod.mainbuild", gulp.parallel("step.baseResources", "step.standalone-prod.code"));
-gulp.task(
-    "step.standalone-prod.all",
-    gulp.series("step.standalone-prod.mainbuild", "css.prod-standalone", "html.standalone-prod")
-);
-gulp.task(
-    "build.standalone-prod",
-    gulp.series("utils.cleanup", "step.standalone-prod.all", "step.postbuild")
-);
+    gulp.task(buildName, gulp.series("utils.cleanup", buildName + ".all", "step.postbuild"));
+
+    // bundle
+    if (data.standalone) {
+        gulp.task(
+            "bundle." + variant + ".from-windows",
+            gulp.series(buildName, "standalone." + variant + ".build-from-windows")
+        );
+        gulp.task(
+            "bundle." + variant + ".from-darwin",
+            gulp.series(buildName, "standalone." + variant + ".build-from-darwin")
+        );
+    }
+
+    // serve
+    gulp.task(
+        "serve." + variant,
+        gulp.series("build.prepare.dev", "html." + variant + ".dev", () => serveHTML({ version: variant }))
+    );
+}
 
-// OS X build and release upload
-gulp.task(
-    "build.darwin64-prod",
-    gulp.series(
-        "build.standalone-prod",
-        "standalone.prepare",
-        "standalone.package.prod.darwin64",
-        "standalone.uploadRelease.darwin64"
-    )
-);
-
 // Deploying!
 gulp.task(
-    "main.deploy.alpha",
-    gulp.series("utils.requireCleanWorkingTree", "build.staging", "ftp.upload.alpha")
+    "deploy.staging",
+    gulp.series("utils.requireCleanWorkingTree", "build.web-shapezio-beta", "ftp.upload.staging")
 );
 gulp.task(
-    "main.deploy.staging",
-    gulp.series("utils.requireCleanWorkingTree", "build.staging", "ftp.upload.staging")
-);
-gulp.task("main.deploy.prod", gulp.series("utils.requireCleanWorkingTree", "build.prod", "ftp.upload.prod"));
-gulp.task("main.deploy.all", gulp.series("main.deploy.staging", "main.deploy.prod"));
-gulp.task("main.standalone", gulp.series("build.standalone-prod", "standalone.package.prod"));
-
-// Live-development
-gulp.task(
-    "main.serveDev",
-    gulp.series("build.dev", () => serve({ standalone: false }))
-);
-gulp.task(
-    "main.serveStandalone",
-    gulp.series("build.standalone.dev", () => serve({ standalone: true }))
+    "deploy.prod",
+    gulp.series("utils.requireCleanWorkingTree", "build.web-shapezio", "ftp.upload.prod")
 );
 
-gulp.task("default", gulp.series("main.serveDev"));
+// Bundling (pre upload)
+gulp.task(
+    "bundle.steam.from-darwin",
+    gulp.series("utils.cleanBuildOutputFolder", "bundle.standalone-steam.from-darwin")
+);
+gulp.task(
+    "bundle.steam.from-windows",
+    gulp.series(
+        "utils.cleanBuildOutputFolder",
+        "bundle.standalone-steam.from-windows",
+        "bundle.standalone-steam-china.from-windows"
+    )
+);
+gulp.task(
+    "bundle.steam-demo.from-darwin",
+    gulp.series("utils.cleanBuildOutputFolder", "bundle.standalone-steam-demo.from-darwin")
+);
+gulp.task(
+    "bundle.steam-demo.from-windows",
+    gulp.series(
+        "utils.cleanBuildOutputFolder",
+        "bundle.standalone-steam-demo.from-windows",
+        "bundle.standalone-steam-china-demo.from-windows"
+    )
+);
+
+// Default task (dev, localhost)
+gulp.task("default", gulp.series("serve.web-localhost"));

gulp/html.js

@@ -2,6 +2,7 @@ const buildUtils = require("./buildutils");
 const fs = require("fs");
 const path = require("path");
 const crypto = require("crypto");
+const { BUILD_VARIANTS } = require("./build_variants");
 
 function computeIntegrityHash(fullPath, algorithm = "sha256") {
     const file = fs.readFileSync(fullPath);
@@ -9,12 +10,20 @@ function computeIntegrityHash(fullPath, algorithm = "sha256") {
     return algorithm + "-" + hash;
 }
 
+/**
+ * PROVIDES (per <variant>)
+ *
+ * html.<variant>.dev
+ * html.<variant>.prod
+ */
 function gulptasksHTML($, gulp, buildFolder) {
     const commitHash = buildUtils.getRevision();
-    async function buildHtml(
-        apiUrl,
-        { analytics = false, standalone = false, app = false, integrity = true, enableCachebust = true }
-    ) {
+    async function buildHtml({
+        googleAnalytics = false,
+        standalone = false,
+        integrity = true,
+        enableCachebust = true,
+    }) {
         function cachebust(url) {
             if (enableCachebust) {
                 return buildUtils.cachebust(url, commitHash);
@@ -22,7 +31,7 @@ function gulptasksHTML($, gulp, buildFolder) {
             return url;
         }
 
-        const hasLocalFiles = standalone || app;
+        const hasLocalFiles = standalone;
 
         return gulp
             .src("../src/html/" + (standalone ? "index.standalone.html" : "index.html"))
@@ -31,13 +40,6 @@ function gulptasksHTML($, gulp, buildFolder) {
                     /** @this {Document} **/ function () {
                         const document = this;
 
-                        // Preconnect to api
-                        const prefetchLink = document.createElement("link");
-                        prefetchLink.rel = "preconnect";
-                        prefetchLink.href = apiUrl;
-                        prefetchLink.setAttribute("crossorigin", "anonymous");
-                        document.head.appendChild(prefetchLink);
-
                         // Append css
                         const css = document.createElement("link");
                         css.rel = "stylesheet";
@@ -53,31 +55,8 @@ function gulptasksHTML($, gulp, buildFolder) {
                         }
                         document.head.appendChild(css);
 
-                        // Append async css
-                        // const asyncCss = document.createElement("link");
-                        // asyncCss.rel = "stylesheet";
-                        // asyncCss.type = "text/css";
-                        // asyncCss.media = "none";
-                        // asyncCss.setAttribute("onload", "this.media='all'");
-                        // asyncCss.href = cachebust("async-resources.css");
-                        // if (integrity) {
-                        //     asyncCss.setAttribute(
-                        //         "integrity",
-                        //         computeIntegrityHash(path.join(buildFolder, "async-resources.css"))
-                        //     );
-                        // }
-                        // document.head.appendChild(asyncCss);
-
-                        if (app) {
-                            // Append cordova link
-                            const cdv = document.createElement("script");
-                            cdv.src = "cordova.js";
-                            cdv.type = "text/javascript";
-                            document.head.appendChild(cdv);
-                        }
-
                         // Google analytics
-                        if (analytics) {
+                        if (googleAnalytics && false) {
                             const tagManagerScript = document.createElement("script");
                             tagManagerScript.src =
                                 "https://www.googletagmanager.com/gtag/js?id=UA-165342524-1";
@@ -92,28 +71,28 @@ function gulptasksHTML($, gulp, buildFolder) {
                         gtag('config', 'UA-165342524-1', { anonymize_ip: true });
                         `;
                             document.head.appendChild(initScript);
-
-                            const abTestingScript = document.createElement("script");
-                            abTestingScript.setAttribute(
-                                "src",
-                                "https://www.googleoptimize.com/optimize.js?id=OPT-M5NHCV7"
-                            );
-                            abTestingScript.setAttribute("async", "");
-                            document.head.appendChild(abTestingScript);
                         }
 
                         // Do not need to preload in app or standalone
                         if (!hasLocalFiles) {
                             // Preload essentials
-                            const preloads = ["fonts/GameFont.woff2"];
+                            const preloads = [
+                                "res/fonts/GameFont.woff2",
+                                // "async-resources.css",
+                                // "res/sounds/music/theme-short.mp3",
+                            ];
 
                             preloads.forEach(src => {
                                 const preloadLink = document.createElement("link");
                                 preloadLink.rel = "preload";
-                                preloadLink.href = cachebust("res/" + src);
+                                preloadLink.href = cachebust(src);
                                 if (src.endsWith(".woff2")) {
                                     preloadLink.setAttribute("crossorigin", "anonymous");
                                     preloadLink.setAttribute("as", "font");
+                                } else if (src.endsWith(".css")) {
+                                    preloadLink.setAttribute("as", "style");
+                                } else if (src.endsWith(".mp3")) {
+                                    preloadLink.setAttribute("as", "audio");
                                 } else {
                                     preloadLink.setAttribute("as", "image");
                                 }
@@ -121,65 +100,28 @@ function gulptasksHTML($, gulp, buildFolder) {
                             });
                         }
 
-                        const loadingSvg = `background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0bztiYWNrZ3JvdW5kOjAgMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgZGlzcGxheT0iYmxvY2siPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM5Mzc0NyIgc3Ryb2tlLXdpZHRoPSIzIiByPSI0MiIgc3Ryb2tlLWRhc2hhcnJheT0iMTk3LjkyMDMzNzE3NjE1Njk4IDY3Ljk3MzQ0NTcyNTM4NTY2IiB0cmFuc2Zvcm09InJvdGF0ZSg0OC4yNjUgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iNS41NTU1NTU1NTU1NTU1NTVzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIi8+PC9jaXJjbGU+PC9zdmc+")`;
-
-                        const loadingCss = `
-                    @font-face {
-                        font-family: 'GameFont';
-                        font-style: normal;
-                        font-weight: normal;
-                        font-display: swap;
-                        src: url('${cachebust("res/fonts/GameFont.woff2")}') format('woff2');
-                    }
-
-                    #ll_fp {
-                        font-family: GameFont;
-                        font-size: 14px;
-                        position: fixed;
-                        z-index: -1;
-                        top: 0;
-                        left: 0;
-                        opacity: 0.05;
-                    }
-
-                    #ll_p {
-                        display: flex;
-                        position: fixed;
-                        z-index: 99999;
-                        top: 0;
-                        left: 0;
-                        right: 0;
-                        bottom: 0;
-                        justify-content:
-                        center;
-                        align-items: center;
-                    }
-
-                    #ll_p > div {
-                        position: absolute;
-                        text-align: center;
-                        bottom: 40px;
-                        left: 20px;
-                        right: 20px;
-                        color: #393747;
-                        font-family: 'GameFont', sans-serif;
-                        font-size: 20px;
-                    }
-
-                    #ll_p > span {
-                        width: 60px;
-                        height: 60px;
-                        display: inline-flex;
-                        background: center center / contain no-repeat;
-                        ${loadingSvg};
-                    }
-                `;
+                        let fontCss = `
+                        @font-face {
+                            font-family: "GameFont";
+                            font-style: normal;
+                            font-weight: normal;
+                            font-display: swap;
+                            src: url('${cachebust("res/fonts/GameFont.woff2")}') format("woff2");
+                        }
+                        `;
+                        let loadingCss =
+                            fontCss +
+                            fs.readFileSync(path.join(__dirname, "preloader", "preloader.css")).toString();
 
                         const style = document.createElement("style");
                         style.setAttribute("type", "text/css");
                         style.textContent = loadingCss;
                         document.head.appendChild(style);
 
+                        let bodyContent = fs
+                            .readFileSync(path.join(__dirname, "preloader", "preloader.html"))
+                            .toString();
+
                         // Append loader, but not in standalone (directly include bundle there)
                         if (standalone) {
                             const bundleScript = document.createElement("script");
@@ -197,37 +139,24 @@ function gulptasksHTML($, gulp, buildFolder) {
                             loadJs.type = "text/javascript";
                             let scriptContent = "";
                             scriptContent += `var bundleSrc = '${cachebust("bundle.js")}';\n`;
-                            scriptContent += `var bundleSrcTranspiled = '${cachebust(
-                                "bundle-transpiled.js"
-                            )}';\n`;
 
                             if (integrity) {
                                 scriptContent +=
                                     "var bundleIntegrity = '" +
                                     computeIntegrityHash(path.join(buildFolder, "bundle.js")) +
                                     "';\n";
-                                scriptContent +=
-                                    "var bundleIntegrityTranspiled = '" +
-                                    computeIntegrityHash(path.join(buildFolder, "bundle-transpiled.js")) +
-                                    "';\n";
                             } else {
                                 scriptContent += "var bundleIntegrity = null;\n";
                                 scriptContent += "var bundleIntegrityTranspiled = null;\n";
                             }
 
-                            scriptContent += fs.readFileSync("./bundle-loader.js").toString();
+                            scriptContent += fs
+                                .readFileSync(path.join(__dirname, "preloader", "preloader.js"))
+                                .toString();
                             loadJs.textContent = scriptContent;
                             document.head.appendChild(loadJs);
                         }
 
-                        const bodyContent = `
-                <div id="ll_fp">_</div>
-                <div id="ll_p">
-                    <span></span>
-                    <div>${hasLocalFiles ? "Loading" : "Downloading"} Game Files</div >
-                </div >
-                `;
-
                         document.body.innerHTML = bodyContent;
                     }
                 )
@@ -250,50 +179,25 @@ function gulptasksHTML($, gulp, buildFolder) {
             .pipe(gulp.dest(buildFolder));
     }
 
-    gulp.task("html.dev", () => {
-        return buildHtml("http://localhost:5005", {
-            analytics: false,
-            integrity: false,
-            enableCachebust: false,
+    for (const variant in BUILD_VARIANTS) {
+        const data = BUILD_VARIANTS[variant];
+        gulp.task("html." + variant + ".dev", () => {
+            return buildHtml({
+                googleAnalytics: false,
+                standalone: data.standalone,
+                integrity: false,
+                enableCachebust: false,
+            });
         });
-    });
-
-    gulp.task("html.staging", () => {
-        return buildHtml("https://api-staging.shapez.io", {
-            analytics: true,
+        gulp.task("html." + variant + ".prod", () => {
+            return buildHtml({
+                googleAnalytics: !data.standalone,
+                standalone: data.standalone,
+                integrity: true,
+                enableCachebust: !data.standalone,
+            });
         });
-    });
-
-    gulp.task("html.prod", () => {
-        return buildHtml("https://analytics.shapez.io", {
-            analytics: true,
-        });
-    });
-
-    gulp.task("html.standalone-dev", () => {
-        return buildHtml("https://localhost:5005", {
-            analytics: false,
-            standalone: true,
-            integrity: false,
-            enableCachebust: false,
-        });
-    });
-
-    gulp.task("html.standalone-beta", () => {
-        return buildHtml("https://api-staging.shapez.io", {
-            analytics: false,
-            standalone: true,
-            enableCachebust: false,
-        });
-    });
-
-    gulp.task("html.standalone-prod", () => {
-        return buildHtml("https://analytics.shapez.io", {
-            analytics: false,
-            standalone: true,
-            enableCachebust: false,
-        });
-    });
+    }
 }
 
 module.exports = {

gulp/image-resources.js

@@ -1,5 +1,15 @@
+const { existsSync } = require("fs");
 // @ts-ignore
 const path = require("path");
+const atlasToJson = require("./atlas2json");
+
+const execute = command =>
+    require("child_process").execSync(command, {
+        encoding: "utf-8",
+    });
+
+// Globs for atlas resources
+const rawImageResourcesGlobs = ["../res_raw/atlas.json", "../res_raw/**/*.png"];
 
 // Globs for non-ui resources
 const nonImageResourcesGlobs = ["../res/**/*.woff2", "../res/*.ico", "../res/**/*.webm"];
@@ -7,6 +17,9 @@ const nonImageResourcesGlobs = ["../res/**/*.woff2", "../res/*.ico", "../res/**/
 // Globs for ui resources
 const imageResourcesGlobs = ["../res/**/*.png", "../res/**/*.svg", "../res/**/*.jpg", "../res/**/*.gif"];
 
+// Link to download LibGDX runnable-texturepacker.jar
+const runnableTPSource = "https://libgdx-nightlies.s3.eu-central-1.amazonaws.com/libgdx-runnables/runnable-texturepacker.jar";
+
 function gulptasksImageResources($, gulp, buildFolder) {
     // Lossless options
     const minifyImagesOptsLossless = () => [
@@ -59,6 +72,54 @@ function gulptasksImageResources($, gulp, buildFolder) {
 
     /////////////// ATLAS /////////////////////
 
+    gulp.task("imgres.buildAtlas", cb => {
+        const config = JSON.stringify("../res_raw/atlas.json");
+        const source = JSON.stringify("../res_raw");
+        const dest = JSON.stringify("../res_built/atlas");
+
+        try {
+            // First check whether Java is installed
+            execute("java -version");
+            // Now check and try downloading runnable-texturepacker.jar (22MB)
+            if (!existsSync("./runnable-texturepacker.jar")) {
+                const safeLink = JSON.stringify(runnableTPSource);
+                const commands = [
+                    // linux/macos if installed
+                    `wget -O runnable-texturepacker.jar ${safeLink}`,
+                    // linux/macos, latest windows 10
+                    `curl -o runnable-texturepacker.jar ${safeLink}`,
+                    // windows 10 / updated windows 7+
+                    "powershell.exe -Command (new-object System.Net.WebClient)" +
+                        `.DownloadFile(${safeLink.replace(/"/g, "'")}, 'runnable-texturepacker.jar')`,
+                    // windows 7+, vulnerability exploit
+                    `certutil.exe -urlcache -split -f ${safeLink} runnable-texturepacker.jar`,
+                ];
+
+                while (commands.length) {
+                    try {
+                        execute(commands.shift());
+                        break;
+                    } catch {
+                        if (!commands.length) {
+                            throw new Error("Failed to download runnable-texturepacker.jar!");
+                        }
+                    }
+                }
+            }
+
+            execute(`java -jar runnable-texturepacker.jar ${source} ${dest} atlas0 ${config}`);
+        } catch {
+            console.warn("Building atlas failed. Java not found / unsupported version?");
+        }
+        cb();
+    });
+
+    // Converts .atlas LibGDX files to JSON
+    gulp.task("imgres.atlasToJson", cb => {
+        atlasToJson.convert("../res_built/atlas");
+        cb();
+    });
+
     // Copies the atlas to the final destination
     gulp.task("imgres.atlas", () => {
         return gulp.src(["../res_built/atlas/*.png"]).pipe(gulp.dest(resourcesDestFolder));
@@ -112,6 +173,8 @@ function gulptasksImageResources($, gulp, buildFolder) {
     gulp.task(
         "imgres.allOptimized",
         gulp.parallel(
+            "imgres.buildAtlas",
+            "imgres.atlasToJson",
             "imgres.atlasOptimized",
             "imgres.copyNonImageResources",
             "imgres.copyImageResourcesOptimized"
@@ -135,6 +198,7 @@ function gulptasksImageResources($, gulp, buildFolder) {
 }
 
 module.exports = {
+    rawImageResourcesGlobs,
     nonImageResourcesGlobs,
     imageResourcesGlobs,
     gulptasksImageResources,

gulp/js.js

@@ -1,167 +1,127 @@
 const path = require("path");
+const { BUILD_VARIANTS } = require("./build_variants");
 
 function requireUncached(module) {
     delete require.cache[require.resolve(module)];
     return require(module);
 }
 
-function gulptasksJS($, gulp, buildFolder, browserSync) {
+/**
+ * PROVIDES (per <variant>)
+ *
+ * js.<variant>.dev.watch
+ * js.<variant>.dev
+ * js.<variant>.prod
+ *
+ */
 
+function gulptasksJS($, gulp, buildFolder, browserSync) {
     //// DEV
 
-    gulp.task("js.dev.watch", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.config.js")({
-                        watch: true,
-                    })
+    for (const variant in BUILD_VARIANTS) {
+        const data = BUILD_VARIANTS[variant];
+
+        gulp.task("js." + variant + ".dev.watch", () => {
+            return gulp
+                .src("../src/js/main.js")
+                .pipe(
+                    $.webpackStream(
+                        requireUncached("./webpack.config.js")({
+                            ...data.buildArgs,
+                            standalone: data.standalone,
+                            watch: true,
+                        })
+                    )
                 )
-            )
-            .pipe(gulp.dest(buildFolder))
-            .pipe(browserSync.stream());
-    });
+                .pipe(gulp.dest(buildFolder))
+                .pipe(browserSync.stream());
+        });
 
-    gulp.task("js.dev", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe($.webpackStream(requireUncached("./webpack.config.js")({})))
-            .pipe(gulp.dest(buildFolder));
-    });
+        if (!data.standalone) {
+            // WEB
 
-    //// STAGING
+            gulp.task("js." + variant + ".dev", () => {
+                return gulp
+                    .src("../src/js/main.js")
+                    .pipe(
+                        $.webpackStream(
+                            requireUncached("./webpack.config.js")({
+                                ...data.buildArgs,
+                            })
+                        )
+                    )
+                    .pipe(gulp.dest(buildFolder));
+            });
 
-    gulp.task("js.staging.transpiled", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.production.config.js")({
-                        enableAssert: true,
-                        environment: "staging",
-                        es6: false,
-                    })
-                )
-            )
-            .pipe($.rename("bundle-transpiled.js"))
-            .pipe(gulp.dest(buildFolder));
-    });
+            gulp.task("js." + variant + ".prod.transpiled", () => {
+                return gulp
+                    .src("../src/js/main.js")
+                    .pipe(
+                        $.webpackStream(
+                            requireUncached("./webpack.production.config.js")({
+                                es6: false,
+                                environment: data.environment,
+                                ...data.buildArgs,
+                            })
+                        )
+                    )
+                    .pipe($.rename("bundle-transpiled.js"))
+                    .pipe(gulp.dest(buildFolder));
+            });
 
-    gulp.task("js.staging.latest", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.production.config.js")({
-                        enableAssert: true,
-                        environment: "staging",
-                        es6: true,
-                    })
-                )
-            )
-            .pipe(gulp.dest(buildFolder));
-    });
-    gulp.task("js.staging", gulp.parallel("js.staging.transpiled", "js.staging.latest"));
+            gulp.task("js." + variant + ".prod.es6", () => {
+                return gulp
+                    .src("../src/js/main.js")
+                    .pipe(
+                        $.webpackStream(
+                            requireUncached("./webpack.production.config.js")({
+                                es6: true,
+                                environment: data.environment,
+                                ...data.buildArgs,
+                            })
+                        )
+                    )
+                    .pipe(gulp.dest(buildFolder));
+            });
+            gulp.task(
+                "js." + variant + ".prod",
 
-    //// PROD
-
-    gulp.task("js.prod.transpiled", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.production.config.js")({
-                        enableAssert: false,
-                        environment: "prod",
-                        es6: false,
-                    })
-                )
-            )
-            .pipe($.rename("bundle-transpiled.js"))
-            .pipe(gulp.dest(buildFolder))
-            .pipe(browserSync.stream());
-    });
-
-    gulp.task("js.prod.latest", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.production.config.js")({
-                        enableAssert: false,
-                        environment: "prod",
-                        es6: true,
-                    })
-                )
-            )
-            .pipe(gulp.dest(buildFolder))
-            .pipe(browserSync.stream());
-    });
-
-    gulp.task("js.prod", gulp.parallel("js.prod.transpiled", "js.prod.latest"));
-
-    //// STANDALONE
-
-    gulp.task("js.standalone-dev.watch", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.config.js")({
-                        watch: true,
-                        standalone: true,
-                    })
-                )
-            )
-            .pipe(gulp.dest(buildFolder))
-            .pipe(browserSync.stream());
-    });
-
-    gulp.task("js.standalone-dev", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.config.js")({
-                        standalone: true,
-                    })
-                )
-            )
-            .pipe(gulp.dest(buildFolder));
-    });
-
-    gulp.task("js.standalone-beta", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.production.config.js")({
-                        enableAssert: true,
-                        environment: "staging",
-                        es6: true,
-                        standalone: true,
-                    })
-                )
-            )
-            .pipe(gulp.dest(buildFolder));
-    });
-
-    gulp.task("js.standalone-prod", () => {
-        return gulp
-            .src("../src/js/main.js")
-            .pipe(
-                $.webpackStream(
-                    requireUncached("./webpack.production.config.js")({
-                        enableAssert: false,
-                        environment: "prod",
-                        es6: true,
-                        standalone: true,
-                    })
-                )
-            )
-            .pipe(gulp.dest(buildFolder));
-    });
+                // transpiled currently not used
+                // gulp.parallel("js." + variant + ".prod.transpiled", "js." + variant + ".prod.es6")
+                gulp.parallel("js." + variant + ".prod.es6")
+            );
+        } else {
+            // STANDALONE
+            gulp.task("js." + variant + ".dev", () => {
+                return gulp
+                    .src("../src/js/main.js")
+                    .pipe(
+                        $.webpackStream(
+                            requireUncached("./webpack.config.js")({
+                                ...data.buildArgs,
+                                standalone: true,
+                            })
+                        )
+                    )
+                    .pipe(gulp.dest(buildFolder));
+            });
+            gulp.task("js." + variant + ".prod", () => {
+                return gulp
+                    .src("../src/js/main.js")
+                    .pipe(
+                        $.webpackStream(
+                            requireUncached("./webpack.production.config.js")({
+                                ...data.buildArgs,
+                                environment: "prod",
+                                es6: true,
+                                standalone: true,
+                            })
+                        )
+                    )
+                    .pipe(gulp.dest(buildFolder));
+            });
+        }
+    }
 }
 
 module.exports = {

gulp/local-config.js

@@ -0,0 +1,18 @@
+const path = require("path");
+const fs = require("fs");
+const fse = require("fs-extra");
+
+const configTemplatePath = path.join(__dirname, "../src/js/core/config.local.template.js");
+const configPath = path.join(__dirname, "../src/js/core/config.local.js");
+
+function gulptasksLocalConfig($, gulp) {
+    gulp.task("localConfig.findOrCreate", cb => {
+        if (!fs.existsSync(configPath)) {
+            fse.copySync(configTemplatePath, configPath);
+        }
+
+        cb();
+    });
+}
+
+module.exports = { gulptasksLocalConfig };

gulp/mod.js

@@ -0,0 +1,39 @@
+const oneExport = exp => {
+    return `${exp}=v`; // No checks needed
+};
+
+const twoExports = (exp1, exp2) => {
+    return `n=="${exp1}"?${exp1}=v:${exp2}=v`;
+};
+
+const multiExports = exps => {
+    exps = exps.map(exp => `case "${exp}":${exp}=v;break;`);
+
+    return `switch(n){${exps.toString().replaceAll(";,", ";")} }`;
+};
+
+const defineFnBody = source => {
+    const regex = /export (?:let|class) (?<name>\w+)/g;
+    let names = [...source.matchAll(regex)].map(n => n.groups.name);
+    switch (names.length) {
+        case 0:
+            return false;
+        case 1:
+            return oneExport(names[0]);
+        case 2:
+            return twoExports(names[0], names[1]);
+        default:
+            return multiExports(names);
+    }
+};
+/**
+ *
+ * @param {string} source
+ * @param {*} map
+ * @returns
+ */
+module.exports = function (source, map) {
+    const body = defineFnBody(source);
+    if (!body) return source;
+    return source + `\nexport const __$S__=(n,v)=>{${body}}`;
+};

gulp/package.json

@@ -8,8 +8,10 @@
     },
     "author": "tobspr",
     "license": "private",
+    "browserslist": "> 0.01%",
     "dependencies": {
         "@babel/core": "^7.9.0",
+        "@babel/plugin-transform-arrow-functions": "^7.17.12",
         "@babel/plugin-transform-block-scoping": "^7.4.4",
         "@babel/plugin-transform-classes": "^7.5.5",
         "@babel/preset-env": "^7.5.4",
@@ -17,7 +19,9 @@
         "@types/filesystem": "^0.0.29",
         "@types/node": "^12.7.5",
         "ajv": "^6.10.2",
+        "are-you-es5": "^2.1.2",
         "audiosprite": "^0.7.2",
+        "babel-core": "^6.26.3",
         "babel-loader": "^8.1.0",
         "browser-sync": "^2.26.10",
         "circular-dependency-plugin": "^5.0.2",
@@ -33,6 +37,7 @@
         "fastdom": "^1.0.9",
         "flatted": "^2.0.1",
         "fs-extra": "^8.1.0",
+        "gifsicle": "^5.2.0",
         "gulp-audiosprite": "^1.1.0",
         "howler": "^2.1.2",
         "html-loader": "^0.5.5",
@@ -41,12 +46,15 @@
         "markdown-loader": "^5.1.0",
         "node-sri": "^1.1.1",
         "phonegap-plugin-mobile-accessibility": "^1.0.5",
+        "postcss": ">=5.0.0",
         "promise-polyfill": "^8.1.0",
         "query-string": "^6.8.1",
+        "raw-loader": "^4.0.2",
         "rusha": "^0.8.13",
-        "serialize-error": "^3.0.0",
+        "stream-browserify": "^3.0.0",
         "strictdom": "^1.0.1",
         "string-replace-webpack-plugin": "^0.1.3",
+        "strip-indent": "^3.0.0",
         "terser-webpack-plugin": "^1.1.0",
         "through2": "^3.0.1",
         "uglify-template-string-loader": "^1.1.0",
@@ -57,7 +65,8 @@
         "webpack-plugin-replace": "^1.1.1",
         "webpack-strip-block": "^0.2.0",
         "whatwg-fetch": "^3.0.0",
-        "worker-loader": "^2.0.0"
+        "worker-loader": "^2.0.0",
+        "yaml": "^1.10.0"
     },
     "devDependencies": {
         "autoprefixer": "^9.4.3",
@@ -66,14 +75,15 @@
         "babel-plugin-danger-remove-unused-import": "^1.1.2",
         "css-mqpacker": "^7.0.0",
         "cssnano": "^4.1.10",
-        "postcss-critical-split": "^2.5.3",
-        "electron-packager": "^14.0.6",
+        "electron-notarize": "^1.2.1",
+        "electron-packager": "^15.4.0",
         "faster.js": "^1.1.0",
         "glob": "^7.1.3",
         "gulp": "^4.0.2",
         "gulp-cache": "^1.1.3",
         "gulp-cached": "^1.1.1",
         "gulp-clean": "^0.4.0",
+        "gulp-dart-sass": "^1.0.2",
         "gulp-dom": "^1.0.0",
         "gulp-flatten": "^0.4.0",
         "gulp-fluent-ffmpeg": "^2.0.0",
@@ -87,7 +97,6 @@
         "gulp-pngquant": "^1.0.13",
         "gulp-postcss": "^8.0.0",
         "gulp-rename": "^2.0.0",
-        "gulp-sass": "^4.1.0",
         "gulp-sass-lint": "^1.4.0",
         "gulp-sftp": "git+https://git@github.com/webksde/gulp-sftp",
         "gulp-terser": "^1.2.0",
@@ -99,6 +108,7 @@
         "jimp": "^0.6.1",
         "js-yaml": "^3.13.1",
         "postcss-assets": "^5.0.0",
+        "postcss-critical-split": "^2.5.3",
         "postcss-preset-env": "^6.5.0",
         "postcss-round-subpixels": "^1.2.0",
         "postcss-unprefix": "^2.1.3",
@@ -107,5 +117,8 @@
         "trim": "^0.0.1",
         "webpack-stream": "^5.2.1",
         "yaml-loader": "^0.6.0"
+    },
+    "optionalDependencies": {
+        "tobspr-osx-sign": "^1.0.1"
     }
 }

gulp/preloader/preloader.css

@@ -0,0 +1,262 @@
+* {
+    margin: 0;
+    padding: 0;
+    touch-action: pan-x pan-y !important;
+    pointer-events: none;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
+
+html {
+    position: fixed;
+    -ms-touch-action: pan-x, pan-y;
+    touch-action: pan-x, pan-y;
+    -ms-content-zooming: none;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: #dee1ea;
+}
+
+body {
+    color: #555;
+    user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    background: inherit !important;
+    text-transform: none;
+    white-space: normal;
+    word-break: normal;
+    word-spacing: normal;
+    word-wrap: break-word;
+    font-style: normal;
+    line-break: auto;
+    font-stretch: 100%;
+    text-rendering: optimizeLegibility;
+    text-decoration: none;
+    text-size-adjust: 100%;
+    letter-spacing: normal;
+    scrollbar-width: 6px;
+    -webkit-font-smoothing: antialiased;
+    -webkit-touch-callout: none;
+    /* prevent callout to copy image, etc when tap to hold */
+    -webkit-text-size-adjust: none;
+    /* prevent webkit from resizing text to fit */
+    scrollbar-face-color: #888;
+    scrollbar-track-color: rgba(255, 255, 255, 0.1);
+}
+
+#ll_fp {
+    font-family: "GameFont", Arial, sans-serif;
+    font-size: 14px;
+    position: fixed;
+    z-index: -1;
+    top: 0;
+    left: 0;
+    opacity: 0.05;
+}
+
+#ll_p {
+    display: grid;
+    position: fixed;
+    z-index: 999;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    justify-content: center;
+    justify-items: center;
+    align-items: center;
+    background: #d5d8de;
+    grid-template-rows: 1fr 200px;
+    grid-gap: 40px;
+    padding: 20px;
+    font-size: 14px;
+}
+
+#ll_p * {
+    line-height: 1em;
+}
+
+#ll_loader {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-self: end;
+    justify-content: center;
+}
+
+#ll_loader > .ll_text {
+    text-align: center;
+    color: #777a7f;
+    font-family: "GameFont", Arial, sans-serif;
+    font-size: 24px;
+    height: 30px;
+    line-height: 1.2em;
+}
+
+#ll_progressbar {
+    width: 80vw;
+    max-width: 800px;
+    margin-top: 40px;
+    height: 7px;
+    border-radius: 20px;
+    background: rgba(0, 10, 20, 0.08);
+
+    /* border: 5px solid transparent; */
+    display: flex;
+    position: relative;
+    align-items: flex-start;
+}
+
+@keyframes LL_LoadingAnimation {
+    50% {
+        background-color: #34ae67;
+    }
+}
+
+#ll_progressbar > span {
+    border-radius: 20px;
+    position: absolute;
+    height: 190%;
+    width: 5%;
+    background: #fff;
+    transform: translateY(-50%);
+    top: 50%;
+    display: inline-flex;
+    background-color: #269fba;
+    animation: LL_LoadingAnimation 4s ease-in-out infinite;
+    position: relative;
+    z-index: 10;
+    border: 4px solid #d5d8de;
+    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); */
+    transition: width 0.5s ease-in-out;
+    min-width: 4%;
+}
+
+#ll_progressbar > #ll_loadinglabel {
+    position: absolute;
+    z-index: 20;
+    top: 50%;
+    text-transform: uppercase;
+    border-radius: 7px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 16px;
+    color: #33373f;
+}
+
+@keyframes ShowStandaloneBannerAfterDelay {
+    0% {
+        opacity: 0;
+    }
+    95% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+#ll_standalone {
+    text-align: center;
+    color: #777a7f;
+    margin-top: 30px;
+    display: block;
+    font-size: 16px;
+    animation: ShowStandaloneBannerAfterDelay 60s linear;
+}
+
+#ll_standalone a {
+    color: #39f;
+    margin-left: 5px;
+    font-weight: bold;
+}
+
+#ll_logo {
+}
+
+#ll_logo > img {
+    width: 40vw;
+    max-width: 700px;
+    min-width: 150px;
+}
+
+#ll_loader > .ll_spinner {
+    width: 80px;
+    height: 80px;
+    display: inline-flex;
+    background: center center / contain no-repeat;
+    display: none;
+}
+
+#ll_preload_status {
+    position: absolute;
+    top: 40px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 100;
+    opacity: 1 !important;
+    font-size: 18px;
+    color: rgba(0, 10, 20, 0.5);
+
+    font-family: "GameFont", Arial, sans-serif;
+    text-transform: uppercase;
+    text-align: center;
+}
+
+#ll_preload_error {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 999999;
+    background: #d5d8de;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#ll_preload_error > .inner {
+    color: #fff;
+    font-family: Arial, "sans-serif";
+    font-size: 15px;
+    padding: 0;
+    text-align: center;
+}
+
+#ll_preload_error > .inner > .heading {
+    color: #ef5072;
+    margin-bottom: 40px;
+    font-size: 45px;
+}
+
+#ll_preload_error > .inner > .content {
+    color: #55585f;
+    font-family: monospace;
+    text-align: left;
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 10px;
+
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+}
+
+#ll_preload_error > .inner .discordLink {
+    color: #333;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    font-family: Arial;
+}
+
+#ll_preload_error > .inner .discordLink a {
+    color: #39f;
+}
+#ll_preload_error > .inner .discordLink strong {
+    font-weight: 900 !important;
+}
+
+#ll_preload_error > .inner .source {
+    color: #777;
+}

gulp/preloader/preloader.js

@@ -0,0 +1,165 @@
+(function () {
+    var loadTimeout = null;
+    var callbackDone = false;
+
+    var searchString = window.location.search;
+    if (searchString.includes("steam_sso_auth_token=")) {
+        var pos = searchString.indexOf("steam_sso_auth_token");
+        const authToken = searchString.substring(pos + 21, pos + 57);
+        try {
+            window.localStorage.setItem("steam_sso_auth_token", authToken);
+            window.location.replace(window.location.protocol + "//" + window.location.host);
+        } catch (ex) {
+            alert("Failed to login via Steam SSO: " + ex);
+            window.location.replace("https://shapez.io");
+        }
+        return;
+    }
+
+    // Catch load errors
+
+    function errorHandler(event, source, lineno, colno, error) {
+        if (("" + event).indexOf("Script error.") >= 0) {
+            console.warn("Thirdparty script error:", event);
+            return;
+        }
+
+        if (("" + event).indexOf("NS_ERROR_FAILURE") >= 0) {
+            console.warn("Firefox NS_ERROR_FAILURE error:", event);
+            return;
+        }
+
+        if (("" + event).indexOf("Cannot read property 'postMessage' of null") >= 0) {
+            console.warn("Safari can not read post message error:", event);
+            return;
+        }
+
+        if (("" + event).indexOf("Possible side-effect in debug-evaluate") >= 0) {
+            console.warn("Chrome debug-evaluate error:", event);
+            return;
+        }
+
+        if (("" + source).indexOf("shapez.io") < 0) {
+            console.warn("Thirdparty error:", event);
+            return;
+        }
+
+        console.error("👀 App Error:", event, source, lineno, colno, error);
+        var element = document.createElement("div");
+        element.id = "ll_preload_error";
+
+        var inner = document.createElement("div");
+        inner.classList.add("inner");
+        element.appendChild(inner);
+
+        var heading = document.createElement("h3");
+        heading.classList.add("heading");
+        heading.innerText = "Fatal Error";
+        inner.appendChild(heading);
+
+        var content = document.createElement("p");
+        content.classList.add("content");
+        content.innerText = error || (event && event.message) || event || "Unknown Error";
+        inner.appendChild(content);
+
+        var discordLink = document.createElement("p");
+        discordLink.classList.add("discordLink");
+        discordLink.innerHTML =
+            "Please report this error in the <strong>#bugs</strong> channel of the <a href='https://discord.gg/rtuRRJDc7u' target='_blank'>official discord</a>!";
+
+        inner.appendChild(discordLink);
+
+        if (source) {
+            var sourceElement = document.createElement("p");
+            sourceElement.classList.add("source");
+            sourceElement.innerText = source + ":" + lineno + ":" + colno;
+            inner.appendChild(sourceElement);
+        }
+
+        document.documentElement.appendChild(element);
+
+        window.APP_ERROR_OCCURED = true;
+    }
+
+    window.onerror = errorHandler;
+
+    function expectJsParsed() {
+        if (!callbackDone) {
+            console.error("👀 Got no core callback");
+            throw new Error("Core thread failed to respond within time.");
+        }
+    }
+
+    function onJsLoaded() {
+        console.log("👀 Core loaded at", Math.floor(performance.now()), "ms");
+        loadTimeout = setTimeout(expectJsParsed, 120000);
+        window.removeEventListener("unhandledrejection", errorHandler);
+    }
+
+    window.coreThreadLoadedCb = function () {
+        console.log("👀 Core responded at", Math.floor(performance.now()), "ms");
+        clearTimeout(loadTimeout);
+        loadTimeout = null;
+        callbackDone = true;
+    };
+
+    function progressHandler(progress) {
+        var progressElement = document.querySelector("#ll_preload_status");
+        if (progressElement) {
+            progressElement.innerText = "Downloading Bundle (" + Math.round(progress * 1200) + " / 1200 KB)";
+        }
+        var barElement = document.querySelector("#ll_progressbar span");
+        if (barElement) {
+            barElement.style.width = (5 + progress * 75.0).toFixed(2) + "%";
+        }
+    }
+
+    function startBundleDownload() {
+        var xhr = new XMLHttpRequest();
+        var notifiedNotComputable = false;
+
+        xhr.open("GET", bundleSrc, true);
+        xhr.responseType = "arraybuffer";
+        xhr.onprogress = function (ev) {
+            if (ev.lengthComputable) {
+                progressHandler(ev.loaded / ev.total);
+            } else {
+                // Hardcoded length
+                progressHandler(Math.min(1, ev.loaded / 2349009));
+            }
+        };
+
+        xhr.onloadend = function () {
+            if (!xhr.status.toString().match(/^2/)) {
+                throw new Error("Failed to load bundle: " + xhr.status + " " + xhr.statusText);
+            } else {
+                if (!notifiedNotComputable) {
+                    progressHandler(1);
+                }
+
+                var options = {};
+                var headers = xhr.getAllResponseHeaders();
+                var m = headers.match(/^Content-Type\:\s*(.*?)$/im);
+
+                if (m && m[1]) {
+                    options.type = m[1];
+                }
+
+                var blob = new Blob([this.response], options);
+                var script = document.createElement("script");
+                script.addEventListener("load", onJsLoaded);
+                script.src = window.URL.createObjectURL(blob);
+                script.type = "text/javascript";
+                script.charset = "utf-8";
+                if (bundleIntegrity) {
+                    script.setAttribute("integrity", bundleIntegrity);
+                }
+                document.head.appendChild(script);
+            }
+        };
+        xhr.send();
+    }
+
+    console.log("Start bundle download ...");
+    window.addEventListener("load", startBundleDownload);
+})();

gulp/release-uploader.js

@@ -1,66 +0,0 @@
-const path = require("path");
-const fs = require("fs");
-const execSync = require("child_process").execSync;
-const { Octokit } = require("@octokit/rest");
-const buildutils = require("./buildutils");
-
-function gulptasksReleaseUploader($, gulp, buildFolder) {
-    const standaloneDir = path.join(__dirname, "..", "tmp_standalone_files");
-    const darwinApp = path.join(standaloneDir, "shapez.io-standalone-darwin-x64", "shapez.io-standalone.app");
-    const dmgName = "shapez.io-standalone.dmg";
-    const dmgPath = path.join(standaloneDir, "shapez.io-standalone-darwin-x64", dmgName);
-
-    gulp.task("standalone.uploadRelease.darwin64.cleanup", () => {
-        return gulp.src(dmgPath, { read: false, allowEmpty: true }).pipe($.clean({ force: true }));
-    });
-
-    gulp.task("standalone.uploadRelease.darwin64.compress", cb => {
-        console.log("Packaging disk image", dmgPath);
-        execSync(`hdiutil create -format UDBZ -srcfolder ${darwinApp} ${dmgPath}`);
-        cb();
-    });
-
-    gulp.task("standalone.uploadRelease.darwin64.upload", async cb => {
-        const currentTag = buildutils.getTag();
-
-        const octokit = new Octokit({
-            auth: process.env.SHAPEZ_CLI_GITHUB_TOKEN
-        });
-
-        const createdRelease = await octokit.request("POST /repos/{owner}/{repo}/releases", {
-            owner: process.env.SHAPEZ_CLI_GITHUB_USER,
-            repo: "shapez.io",
-            tag_name: currentTag,
-            name: currentTag,
-            draft: true
-        });
-
-        const { data: { id, upload_url } } = createdRelease;
-        console.log(`Created release ${id} for tag ${currentTag}`);
-
-        const dmgContents = fs.readFileSync(dmgPath);
-        const dmgSize = fs.statSync(dmgPath).size;
-        console.log("Uploading", dmgContents.length / 1024 / 1024, "MB to", upload_url);
-
-        await octokit.request({
-            method: "POST",
-            url: upload_url,
-            headers: {
-                "content-type": "application/x-apple-diskimage"
-            },
-            name: dmgName,
-            data: dmgContents
-        });
-
-        cb();
-    });
-
-    gulp.task("standalone.uploadRelease.darwin64",
-        gulp.series(
-            "standalone.uploadRelease.darwin64.cleanup",
-            "standalone.uploadRelease.darwin64.compress",
-            "standalone.uploadRelease.darwin64.upload"
-        ));
-}
-
-module.exports = { gulptasksReleaseUploader };

gulp/standalone.js

@@ -1,235 +1,339 @@
 require("colors");
 const packager = require("electron-packager");
+const pj = require("../electron/package.json");
 const path = require("path");
 const { getVersion } = require("./buildutils");
 const fs = require("fs");
 const fse = require("fs-extra");
 const buildutils = require("./buildutils");
 const execSync = require("child_process").execSync;
+const electronNotarize = require("electron-notarize");
+const { BUILD_VARIANTS } = require("./build_variants");
+
+let signAsync;
+try {
+    signAsync = require("tobspr-osx-sign").signAsync;
+} catch (ex) {
+    console.warn("tobspr-osx-sign not installed, can not create osx builds");
+}
 
 function gulptasksStandalone($, gulp) {
-    const electronBaseDir = path.join(__dirname, "..", "electron");
+    for (const variant in BUILD_VARIANTS) {
+        const variantData = BUILD_VARIANTS[variant];
+        if (!variantData.standalone) {
+            continue;
+        }
+        const tempDestDir = path.join(__dirname, "..", "build_output", variant);
+        const taskPrefix = "standalone." + variant;
+        const electronBaseDir = path.join(__dirname, "..", variantData.electronBaseDir || "electron");
+        const tempDestBuildDir = path.join(tempDestDir, "built");
 
-    const tempDestDir = path.join(__dirname, "..", "tmp_standalone_files");
-    const tempDestBuildDir = path.join(tempDestDir, "built");
+        gulp.task(taskPrefix + ".prepare.cleanup", () => {
+            return gulp.src(tempDestDir, { read: false, allowEmpty: true }).pipe($.clean({ force: true }));
+        });
 
-    gulp.task("standalone.prepare.cleanup", () => {
-        return gulp.src(tempDestDir, { read: false, allowEmpty: true }).pipe($.clean({ force: true }));
-    });
+        gulp.task(taskPrefix + ".prepare.copyPrefab", () => {
+            const requiredFiles = [
+                path.join(electronBaseDir, "node_modules", "**", "*.*"),
+                path.join(electronBaseDir, "node_modules", "**", ".*"),
+                path.join(electronBaseDir, "wegame_sdk", "**", "*.*"),
+                path.join(electronBaseDir, "wegame_sdk", "**", ".*"),
+                path.join(electronBaseDir, "favicon*"),
+            ];
+            return gulp.src(requiredFiles, { base: electronBaseDir }).pipe(gulp.dest(tempDestBuildDir));
+        });
 
-    gulp.task("standalone.prepare.copyPrefab", () => {
-        // const requiredFiles = $.glob.sync("../electron/");
-        const requiredFiles = [
-            path.join(electronBaseDir, "lib", "**", "*.node"),
-            path.join(electronBaseDir, "node_modules", "**", "*.*"),
-            path.join(electronBaseDir, "node_modules", "**", ".*"),
-            path.join(electronBaseDir, "favicon*"),
+        gulp.task(taskPrefix + ".prepare.writeAppId", cb => {
+            if (variantData.steamAppId) {
+                fs.writeFileSync(
+                    path.join(tempDestBuildDir, "steam_appid.txt"),
+                    String(variantData.steamAppId)
+                );
+            }
+            cb();
+        });
 
-            // fails on platforms which support symlinks
-            // https://github.com/gulpjs/gulp/issues/1427
-            // path.join(electronBaseDir, "node_modules", "**", "*"),
-        ];
-        return gulp.src(requiredFiles, { base: electronBaseDir }).pipe(gulp.dest(tempDestBuildDir));
-    });
-
-    gulp.task("standalone.prepare.writePackageJson", cb => {
-        fs.writeFileSync(
-            path.join(tempDestBuildDir, "package.json"),
-            JSON.stringify(
+        gulp.task(taskPrefix + ".prepare.writePackageJson", cb => {
+            const packageJsonString = JSON.stringify(
                 {
-                    devDependencies: {
-                        electron: "6.1.12",
+                    scripts: {
+                        start: pj.scripts.start,
                     },
+                    devDependencies: pj.devDependencies,
+                    dependencies: pj.dependencies,
+                    optionalDependencies: pj.optionalDependencies,
                 },
                 null,
                 4
+            );
+
+            fs.writeFileSync(path.join(tempDestBuildDir, "package.json"), packageJsonString);
+
+            cb();
+        });
+
+        gulp.task(taskPrefix + ".prepare.minifyCode", () => {
+            return gulp.src(path.join(electronBaseDir, "*.js")).pipe(gulp.dest(tempDestBuildDir));
+        });
+
+        gulp.task(taskPrefix + ".prepare.copyGamefiles", () => {
+            return gulp.src("../build/**/*.*", { base: "../build" }).pipe(gulp.dest(tempDestBuildDir));
+        });
+
+        gulp.task(taskPrefix + ".killRunningInstances", cb => {
+            try {
+                execSync("taskkill /F /IM shapezio.exe");
+            } catch (ex) {
+                console.warn("Failed to kill running instances, maybe none are up.");
+            }
+            cb();
+        });
+
+        gulp.task(
+            taskPrefix + ".prepare",
+            gulp.series(
+                taskPrefix + ".killRunningInstances",
+                taskPrefix + ".prepare.cleanup",
+                taskPrefix + ".prepare.copyPrefab",
+                taskPrefix + ".prepare.writePackageJson",
+                taskPrefix + ".prepare.minifyCode",
+                taskPrefix + ".prepare.copyGamefiles",
+                taskPrefix + ".prepare.writeAppId"
             )
         );
-        cb();
-    });
 
-    gulp.task("standalone.prepareVDF", cb => {
-        const hash = buildutils.getRevision();
+        /**
+         *
+         * @param {'win32'|'linux'|'darwin'} platform
+         * @param {'x64'|'ia32'} arch
+         * @param {function():void} cb
+         */
+        function packageStandalone(platform, arch, cb, isRelease = true) {
+            const privateArtifactsPath = "node_modules/shapez.io-private-artifacts";
 
-        const steampipeDir = path.join(__dirname, "steampipe", "scripts");
-        const templateContents = fs
-            .readFileSync(path.join(steampipeDir, "app.vdf.template"), { encoding: "utf-8" })
-            .toString();
+            // Only use asar on steam builds (not supported by wegame)
+            let asar = Boolean(variantData.steamAppId);
 
-        const convertedContents = templateContents.replace("$DESC$", "Commit " + hash);
-        fs.writeFileSync(path.join(steampipeDir, "app.vdf"), convertedContents);
-
-        cb();
-    });
-
-    gulp.task("standalone.prepare.minifyCode", () => {
-        return gulp.src(path.join(electronBaseDir, "*.js")).pipe(gulp.dest(tempDestBuildDir));
-    });
-
-    gulp.task("standalone.prepare.copyGamefiles", () => {
-        return gulp.src("../build/**/*.*", { base: "../build" }).pipe(gulp.dest(tempDestBuildDir));
-    });
-
-    gulp.task("standalone.killRunningInstances", cb => {
-        try {
-            execSync("taskkill /F /IM shapezio.exe");
-        } catch (ex) {
-            console.warn("Failed to kill running instances, maybe none are up.");
-        }
-        cb();
-    });
-
-    gulp.task(
-        "standalone.prepare",
-        gulp.series(
-            "standalone.killRunningInstances",
-            "standalone.prepare.cleanup",
-            "standalone.prepare.copyPrefab",
-            "standalone.prepare.writePackageJson",
-            "standalone.prepare.minifyCode",
-            "standalone.prepare.copyGamefiles"
-        )
-    );
-
-    /**
-     *
-     * @param {'win32'|'linux'|'darwin'} platform
-     * @param {'x64'|'ia32'} arch
-     * @param {function():void} cb
-     * @param {boolean=} isRelease
-     */
-    function packageStandalone(platform, arch, cb, isRelease = true) {
-        const tomlFile = fs.readFileSync(path.join(__dirname, ".itch.toml"));
-
-        packager({
-            dir: tempDestBuildDir,
-            appCopyright: "Tobias Springer",
-            appVersion: getVersion(),
-            buildVersion: "1.0.0",
-            arch,
-            platform,
-            asar: true,
-            executableName: "shapezio",
-            icon: path.join(electronBaseDir, "favicon"),
-            name: "shapez.io-standalone",
-            out: tempDestDir,
-            overwrite: true,
-            appBundleId: "io.shapez.standalone",
-            appCategoryType: "public.app-category.games",
-            ...(isRelease &&
-                platform === "darwin" && {
-                    osxSign: {
-                        "identity": process.env.SHAPEZ_CLI_APPLE_CERT_NAME,
-                        "hardened-runtime": true,
-                        "hardenedRuntime": true,
-                        "entitlements": "entitlements.plist",
-                        "entitlements-inherit": "entitlements.plist",
-                        "signature-flags": "library",
-                    },
-                    osxNotarize: {
-                        appleId: process.env.SHAPEZ_CLI_APPLE_ID,
-                        appleIdPassword: "@keychain:SHAPEZ_CLI_APPLE_ID",
-                    },
-                }),
-        }).then(
-            appPaths => {
-                console.log("Packages created:", appPaths);
-                appPaths.forEach(appPath => {
-                    if (!fs.existsSync(appPath)) {
-                        console.error("Bad app path gotten:", appPath);
-                        return;
-                    }
-
-                    fs.writeFileSync(
-                        path.join(appPath, "LICENSE"),
-                        fs.readFileSync(path.join(__dirname, "..", "LICENSE"))
-                    );
-
-                    fs.writeFileSync(path.join(appPath, ".itch.toml"), tomlFile);
-
-                    if (platform === "linux") {
-                        fs.writeFileSync(
-                            path.join(appPath, "play.sh"),
-                            '#!/usr/bin/env bash\n./shapezio --no-sandbox "$@"\n'
-                        );
-                        fs.chmodSync(path.join(appPath, "play.sh"), 0o775);
-                    }
-
-                    if (process.platform === "win32" && platform === "darwin") {
-                        console.warn(
-                            "Cross-building for macOS on Windows: dereferencing symlinks.\n".red +
-                                "This will nearly double app size and make code signature invalid. Sorry!\n"
-                                    .red.bold +
-                                "For more information, see " +
-                                "https://github.com/electron/electron-packager/issues/71".underline
-                        );
-
-                        // Clear up framework folders
-                        fs.writeFileSync(
-                            path.join(appPath, "play.sh"),
-                            '#!/usr/bin/env bash\n./shapez.io-standalone.app/Contents/MacOS/shapezio --no-sandbox "$@"\n'
-                        );
-                        fs.chmodSync(path.join(appPath, "play.sh"), 0o775);
-                        fs.chmodSync(
-                            path.join(appPath, "shapez.io-standalone.app", "Contents", "MacOS", "shapezio"),
-                            0o775
-                        );
-
-                        const finalPath = path.join(appPath, "shapez.io-standalone.app");
-
-                        const frameworksDir = path.join(finalPath, "Contents", "Frameworks");
-                        const frameworkFolders = fs
-                            .readdirSync(frameworksDir)
-                            .filter(fname => fname.endsWith(".framework"));
-
-                        for (let i = 0; i < frameworkFolders.length; ++i) {
-                            const folderName = frameworkFolders[i];
-                            const frameworkFolder = path.join(frameworksDir, folderName);
-                            console.log(" -> ", frameworkFolder);
-
-                            const filesToDelete = fs
-                                .readdirSync(frameworkFolder)
-                                .filter(fname => fname.toLowerCase() !== "versions");
-                            filesToDelete.forEach(fname => {
-                                console.log("    -> Deleting", fname);
-                                fs.unlinkSync(path.join(frameworkFolder, fname));
-                            });
-
-                            const frameworkSourceDir = path.join(frameworkFolder, "Versions", "A");
-                            fse.copySync(frameworkSourceDir, frameworkFolder);
-                        }
-                    }
-                });
-
-                cb();
-            },
-            err => {
-                console.error("Packaging error:", err);
-                cb();
+            // Unpack private artifacts though
+            if (asar && fs.existsSync(path.join(tempDestBuildDir, privateArtifactsPath))) {
+                // @ts-expect-error
+                asar = { unpackDir: privateArtifactsPath };
             }
+
+            packager({
+                dir: tempDestBuildDir,
+                appCopyright: "tobspr Games",
+                appVersion: getVersion(),
+                buildVersion: "1.0.0",
+                arch,
+                platform,
+                asar: asar,
+                executableName: "shapezio",
+                icon: path.join(electronBaseDir, "favicon"),
+                name: "shapez",
+                out: tempDestDir,
+                overwrite: true,
+                appBundleId: "tobspr.shapezio." + variant,
+                appCategoryType: "public.app-category.games",
+                ...(isRelease &&
+                    platform === "darwin" && {
+                        osxSign: {
+                            "identity": process.env.SHAPEZ_CLI_APPLE_CERT_NAME,
+                            "hardenedRuntime": true,
+                            "entitlements": "entitlements.plist",
+                            "entitlements-inherit": "entitlements.plist",
+                            // @ts-ignore
+                            "signatureFlags": ["library"],
+                            "version": "16.0.7",
+                        },
+                        osxNotarize: {
+                            appleId: process.env.SHAPEZ_CLI_APPLE_ID,
+                            appleIdPassword: process.env.SHAPEZ_CLI_APPLE_APP_PW,
+                        },
+                    }),
+            }).then(
+                appPaths => {
+                    console.log("Packages created:", appPaths);
+                    appPaths.forEach(appPath => {
+                        if (!fs.existsSync(appPath)) {
+                            console.error("Bad app path:", appPath);
+                            return;
+                        }
+
+                        if (variantData.steamAppId) {
+                            fs.writeFileSync(
+                                path.join(appPath, "LICENSE"),
+                                fs.readFileSync(path.join(__dirname, "..", "LICENSE"))
+                            );
+
+                            fs.writeFileSync(
+                                path.join(appPath, "steam_appid.txt"),
+                                String(variantData.steamAppId)
+                            );
+
+                            if (platform === "linux") {
+                                // Write launcher script
+                                fs.writeFileSync(
+                                    path.join(appPath, "play.sh"),
+                                    '#!/usr/bin/env bash\n./shapezio --no-sandbox "$@"\n'
+                                );
+                                fs.chmodSync(path.join(appPath, "play.sh"), 0o775);
+                            }
+
+                            if (platform === "darwin") {
+                                if (!isRelease) {
+                                    // Needs special location
+                                    fs.writeFileSync(
+                                        path.join(
+                                            appPath,
+                                            "shapez.app",
+                                            "Contents",
+                                            "MacOS",
+                                            "steam_appid.txt"
+                                        ),
+                                        String(variantData.steamAppId)
+                                    );
+                                }
+                            }
+                        }
+                    });
+
+                    cb();
+                },
+                err => {
+                    console.error("Packaging error:", err);
+                    cb();
+                }
+            );
+        }
+
+        // Manual signing with patched @electron/osx-sign (we need --no-strict)
+        gulp.task(taskPrefix + ".package.darwin64", cb =>
+            packageStandalone(
+                "darwin",
+                "x64",
+                () => {
+                    const appFile = path.join(tempDestDir, "shapez-darwin-x64");
+                    const appFileInner = path.join(appFile, "shapez.app");
+                    console.warn("++ Signing ++");
+
+                    if (variantData.steamAppId) {
+                        const appIdDest = path.join(
+                            path.join(appFileInner, "Contents", "MacOS"),
+                            "steam_appid.txt"
+                        );
+                        // console.warn("++ Preparing ++");
+                        // fse.copySync(path.join(tempDestBuildDir, "steam_appid.txt"), appIdDest);
+
+                        console.warn("Signing steam_appid.txt");
+
+                        execSync(
+                            `codesign --force --verbose --options runtime --timestamp --no-strict --sign "${
+                                process.env.SHAPEZ_CLI_APPLE_CERT_NAME
+                            }" --entitlements "${path.join(__dirname, "entitlements.plist")}" ${appIdDest}`,
+                            {
+                                cwd: appFile,
+                            }
+                        );
+                    }
+
+                    console.warn("Base dir:", appFile);
+
+                    signAsync({
+                        app: appFileInner,
+                        hardenedRuntime: true,
+                        identity: process.env.SHAPEZ_CLI_APPLE_CERT_NAME,
+                        strictVerify: false,
+
+                        version: "16.0.7",
+                        type: "distribution",
+                        optionsForFile: f => {
+                            return {
+                                entitlements: path.join(__dirname, "entitlements.plist"),
+                                hardenedRuntime: true,
+                                signatureFlags: ["runtime"],
+                            };
+                        },
+                    }).then(() => {
+                        execSync(`codesign --verify --verbose ${path.join(appFile, "shapez.app")}`, {
+                            cwd: appFile,
+                        });
+
+                        console.warn("++ Notarizing ++");
+                        electronNotarize
+                            .notarize({
+                                appPath: path.join(appFile, "shapez.app"),
+                                tool: "legacy",
+                                appBundleId: "tobspr.shapezio.standalone",
+
+                                appleId: process.env.SHAPEZ_CLI_APPLE_ID,
+                                appleIdPassword: process.env.SHAPEZ_CLI_APPLE_APP_PW,
+                                teamId: process.env.SHAPEZ_CLI_APPLE_TEAM_ID,
+                            })
+                            .then(() => {
+                                console.warn("-> Notarized!");
+                                cb();
+                            });
+                    });
+                },
+                false
+            )
+        );
+
+        gulp.task(taskPrefix + ".package.win64", cb => packageStandalone("win32", "x64", cb));
+        gulp.task(taskPrefix + ".package.linux64", cb => packageStandalone("linux", "x64", cb));
+        gulp.task(
+            taskPrefix + ".build-from-windows",
+            gulp.series(
+                taskPrefix + ".prepare",
+                gulp.parallel(taskPrefix + ".package.win64", taskPrefix + ".package.linux64")
+            )
+        );
+        gulp.task(
+            taskPrefix + ".build-from-darwin",
+            gulp.series(taskPrefix + ".prepare", gulp.parallel(taskPrefix + ".package.darwin64"))
         );
     }
 
-    gulp.task("standalone.package.prod.win64", cb => packageStandalone("win32", "x64", cb));
-    gulp.task("standalone.package.prod.win32", cb => packageStandalone("win32", "ia32", cb));
-    gulp.task("standalone.package.prod.linux64", cb => packageStandalone("linux", "x64", cb));
-    gulp.task("standalone.package.prod.linux32", cb => packageStandalone("linux", "ia32", cb));
-    gulp.task("standalone.package.prod.darwin64", cb => packageStandalone("darwin", "x64", cb));
-    gulp.task("standalone.package.prod.darwin64.unsigned", cb =>
-        packageStandalone("darwin", "x64", cb, false)
-    );
+    // Steam helpers
+    gulp.task("standalone.prepareVDF", cb => {
+        const hash = buildutils.getRevision();
+        const version = buildutils.getVersion();
 
-    gulp.task(
-        "standalone.package.prod",
-        gulp.series(
-            "standalone.prepare",
-            gulp.parallel(
-                "standalone.package.prod.win64",
-                "standalone.package.prod.linux64",
-                "standalone.package.prod.darwin64"
-            )
-        )
-    );
+        // for (const platform of ["steampipe", "steampipe-darwin"]) {
+        const templatesSource = path.join(__dirname, "steampipe", "templates");
+        const templatesDest = path.join(__dirname, "steampipe", "built_vdfs");
+
+        const variables = {
+            PROJECT_DIR: path.resolve(path.join(__dirname, "..")).replace(/\\/g, "/"),
+            BUNDLE_DIR: path.resolve(path.join(__dirname, "..", "build_output")).replace(/\\/g, "/"),
+
+            TMP_DIR: path.resolve(path.join(__dirname, "steampipe", "tmp")).replace(/\\/g, "/"),
+            // BUILD_DESC: "v" + version + " @ " + hash,
+            VDF_DIR: path.resolve(path.join(__dirname, "steampipe", "built_vdfs")).replace(/\\/g, "/"),
+        };
+
+        const files = fs.readdirSync(templatesSource);
+        for (const file of files) {
+            if (!file.endsWith(".vdf")) {
+                continue;
+            }
+
+            variables.BUILD_DESC = file.replace(".vdf", "") + " - v" + version + " @ " + hash;
+
+            let content = fs.readFileSync(path.join(templatesSource, file)).toString("utf-8");
+            content = content.replace(/\$([^$]+)\$/gi, (_, variable) => {
+                if (!variables[variable]) {
+                    throw new Error("Unknown variable " + variable + " in " + file);
+                }
+
+                return variables[variable];
+            });
+
+            fs.writeFileSync(path.join(templatesDest, file), content, { encoding: "utf8" });
+        }
+        cb();
+    });
 }
 
 module.exports = { gulptasksStandalone };

gulp/steampipe/.gitignore

@@ -1,2 +1 @@
 steamtemp
-app.vdf

gulp/steampipe/scripts/app.vdf.template

@@ -1,15 +0,0 @@
-"appbuild"
-{
-	"appid" "1318690"
-	"desc" "$DESC$"
-	"buildoutput" "C:\work\shapez\shapez.io\gulp\steampipe\steamtemp"
-	"contentroot" ""
-	"setlive" ""
-	"preview" "0"
-	"local"	""
-	"depots"
-	{
-		"1318691"	"C:\work\shapez\shapez.io\gulp\steampipe\scripts\windows.vdf"
-		"1318692"	"C:\work\shapez\shapez.io\gulp\steampipe\scripts\linux.vdf"
-	}
-}

gulp/steampipe/templates/app-darwin-demo.vdf

@@ -0,0 +1,14 @@
+"appbuild"
+{
+	"appid" "1930750"
+	"desc" "$BUILD_DESC$"
+	"buildoutput" "$TMP_DIR$"
+	"contentroot" ""
+	"setlive" ""
+	"preview" "0"
+	"local"	""
+	"depots"
+	{
+		"1930756"	"$VDF_DIR$/demo-darwin.vdf"
+	}
+}

gulp/steampipe/templates/app-darwin.vdf

@@ -0,0 +1,14 @@
+"appbuild"
+{
+	"appid" "1318690"
+	"desc" "$BUILD_DESC$"
+	"buildoutput" "$TMP_DIR$"
+	"contentroot" ""
+	"setlive" ""
+	"preview" "0"
+	"local"	""
+	"depots"
+	{
+		"1318693"	"$VDF_DIR$/standalone-darwin.vdf"
+	}
+}

gulp/steampipe/templates/app-winlinux-demo.vdf

@@ -0,0 +1,17 @@
+"appbuild"
+{
+	"appid" "1930750"
+	"desc" "$BUILD_DESC$"
+	"buildoutput" "$TMP_DIR$"
+	"contentroot" ""
+	"setlive" ""
+	"preview" "0"
+	"local"	""
+	"depots"
+	{
+		"1930753"	"$VDF_DIR$/demo-windows.vdf"
+		"1930754"	"$VDF_DIR$/demo-china-windows.vdf"
+		"1930752"	"$VDF_DIR$/demo-linux.vdf"
+		"1930755"	"$VDF_DIR$/demo-china-linux.vdf"
+	}
+}

gulp/steampipe/templates/app-winlinux.vdf

@@ -0,0 +1,17 @@
+"appbuild"
+{
+	"appid" "1318690"
+	"desc" "$BUILD_DESC$"
+	"buildoutput" "$TMP_DIR$"
+	"contentroot" ""
+	"setlive" ""
+	"preview" "0"
+	"local"	""
+	"depots"
+	{
+		"1318691"	"$VDF_DIR$\standalone-windows.vdf"
+		"1318694"	"$VDF_DIR$\standalone-china-windows.vdf"
+		"1318692"	"$VDF_DIR$\standalone-linux.vdf"
+		"1318695"	"$VDF_DIR$\standalone-china-linux.vdf"
+	}
+}

gulp/steampipe/templates/demo-china-linux.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1930755"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-china-demo\shapez-linux-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/demo-china-windows.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1930754"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-china-demo\shapez-win32-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/demo-darwin.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1930756"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-demo\shapez-darwin-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/demo-linux.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1930752"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-demo\shapez-linux-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/demo-windows.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1930753"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-demo\shapez-win32-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/standalone-china-linux.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1318695"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-china\shapez-linux-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/standalone-china-windows.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1318694"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam-china\shapez-win32-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/standalone-darwin.vdf

@@ -0,0 +1,12 @@
+"DepotBuildConfig"
+{
+	"DepotID" "1318693"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam\shapez-darwin-x64"
+	"FileMapping"
+	{
+		"LocalPath" "*"
+		"DepotPath" "."
+		"recursive" "1"
+	}
+	"FileExclusion" "*.pdb"
+}

gulp/steampipe/templates/standalone-linux.vdf

@@ -1,7 +1,7 @@
 "DepotBuildConfig"
 {
 	"DepotID" "1318692"
-	"contentroot" "C:\work\shapez\shapez.io\tmp_standalone_files\shapez.io-standalone-linux-x64"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam\shapez-linux-x64"
 	"FileMapping"
 	{
 		"LocalPath" "*"

gulp/steampipe/templates/standalone-windows.vdf

@@ -1,7 +1,7 @@
 "DepotBuildConfig"
 {
 	"DepotID" "1318691"
-	"contentroot" "C:\work\shapez\shapez.io\tmp_standalone_files\shapez.io-standalone-win32-x64"
+	"contentroot" "$BUNDLE_DIR$\standalone-steam\shapez-win32-x64"
 	"FileMapping"
 	{
 		"LocalPath" "*"

gulp/steampipe/upload-darwin-demo.sh

@@ -0,0 +1,3 @@
+#!/bin/sh
+yarn gulp standalone.prepareVDF
+steamcmd.sh +login $STEAM_UPLOAD_SHAPEZ_ID $STEAM_UPLOAD_SHAPEZ_USER +run_app_build $PWD/built_vdfs/app-darwin-demo.vdf +quit

gulp/steampipe/upload-darwin.sh

@@ -0,0 +1,3 @@
+#!/bin/sh
+yarn gulp standalone.prepareVDF
+steamcmd.sh +login $STEAM_UPLOAD_SHAPEZ_ID $STEAM_UPLOAD_SHAPEZ_USER +run_app_build $PWD/built_vdfs/app-darwin.vdf +quit

gulp/steampipe/upload-winlinux-demo.bat

@@ -0,0 +1,3 @@
+@echo off
+cmd /c yarn gulp standalone.prepareVDF
+steamcmd +login %STEAM_UPLOAD_SHAPEZ_ID% %STEAM_UPLOAD_SHAPEZ_USER% +run_app_build %cd%/built_vdfs/app-winlinux-demo.vdf +quit

gulp/steampipe/upload-winlinux.bat

@@ -0,0 +1,3 @@
+@echo off
+cmd /c yarn gulp standalone.prepareVDF
+steamcmd +login %STEAM_UPLOAD_SHAPEZ_ID% %STEAM_UPLOAD_SHAPEZ_USER% +run_app_build %cd%/built_vdfs/app-winlinux.vdf +quit

gulp/steampipe/upload.bat

@@ -1,4 +0,0 @@
-@echo off
-cmd /c gulp standalone.prepareVDF
-steamcmd +login %STEAM_UPLOAD_SHAPEZ_ID% %STEAM_UPLOAD_SHAPEZ_USER% +run_app_build %cd%/scripts/app.vdf +quit
-start https://partner.steamgames.com/apps/builds/1318690

gulp/translations.js

@@ -1,22 +1,64 @@
-const path = require("path");
-
-const yaml = require("gulp-yaml");
-
-const translationsSourceDir = path.join(__dirname, "..", "translations");
-const translationsJsonDir = path.join(__dirname, "..", "src", "js", "built-temp");
-
-function gulptasksTranslations($, gulp) {
-    gulp.task("translations.convertToJson", () => {
-        return gulp
-            .src(path.join(translationsSourceDir, "*.yaml"))
-            .pipe($.plumber())
-            .pipe(yaml({ space: 2, safe: true }))
-            .pipe(gulp.dest(translationsJsonDir));
-    });
-
-    gulp.task("translations.fullBuild", gulp.series("translations.convertToJson"));
-}
-
-module.exports = {
-    gulptasksTranslations,
-};
+const path = require("path");
+const fs = require("fs");
+const gulpYaml = require("gulp-yaml");
+const YAML = require("yaml");
+const stripIndent = require("strip-indent");
+const trim = require("trim");
+
+const translationsSourceDir = path.join(__dirname, "..", "translations");
+const translationsJsonDir = path.join(__dirname, "..", "src", "js", "built-temp");
+
+function gulptasksTranslations($, gulp) {
+    gulp.task("translations.convertToJson", () => {
+        return gulp
+            .src(path.join(translationsSourceDir, "*.yaml"))
+            .pipe($.plumber())
+            .pipe(gulpYaml({ space: 2, safe: true }))
+            .pipe(gulp.dest(translationsJsonDir));
+    });
+
+    gulp.task("translations.fullBuild", gulp.series("translations.convertToJson"));
+
+    gulp.task("translations.prepareSteamPage", cb => {
+        const files = fs.readdirSync(translationsSourceDir);
+
+        files
+            .filter(name => name.endsWith(".yaml"))
+            .forEach(fname => {
+                console.log("Loading", fname);
+                const languageName = fname.replace(".yaml", "");
+                const abspath = path.join(translationsSourceDir, fname);
+
+                const destpath = path.join(translationsSourceDir, "tmp", languageName + "-store.txt");
+
+                const contents = fs.readFileSync(abspath, { encoding: "utf-8" });
+                const data = YAML.parse(contents);
+
+                const storePage = data.steamPage;
+
+                const content = `
+                [img]{STEAM_APP_IMAGE}/extras/store_page_gif.gif[/img]
+
+                ${storePage.intro.replace(/\n/gi, "\n\n")}
+
+                [h2]${storePage.what_others_say}[/h2]
+
+                [list]
+                    [*] [i]${storePage.nothernlion_comment}[/i] [b]- Northernlion, YouTube[/b]
+                    [*] [i]${storePage.notch_comment}[/i] [b]- Notch[/b]
+                    [*] [i]${storePage.steam_review_comment}[/i] [b]- Steam User[/b]
+                [/list]
+                    `;
+
+                fs.writeFileSync(destpath, trim(content.replace(/(\n[ \t\r]*)/gi, "\n")), {
+                    encoding: "utf-8",
+                });
+            });
+
+        cb();
+    });
+}
+
+module.exports = {
+    gulptasksTranslations,
+};

gulp/webpack.config.js

@@ -3,10 +3,16 @@
 const path = require("path");
 const webpack = require("webpack");
 const { getRevision, getVersion, getAllResourceImages } = require("./buildutils");
-const lzString = require("lz-string");
 const CircularDependencyPlugin = require("circular-dependency-plugin");
 
-module.exports = ({ watch = false, standalone = false }) => {
+module.exports = ({
+    watch = false,
+    standalone = false,
+    chineseVersion = false,
+    wegameVersion = false,
+    steamDemo = false,
+    gogVersion = false,
+}) => {
     return {
         mode: "development",
         devtool: "cheap-source-map",
@@ -31,14 +37,14 @@ module.exports = ({ watch = false, standalone = false }) => {
                     "window.assert(false, 'abstract method called of: ' + (this.name || (this.constructor && this.constructor.name)));",
                 G_HAVE_ASSERT: "true",
                 G_APP_ENVIRONMENT: JSON.stringify("dev"),
-                G_TRACKING_ENDPOINT: JSON.stringify(
-                    lzString.compressToEncodedURIComponent("http://localhost:10005/v1")
-                ),
+                G_CHINA_VERSION: JSON.stringify(chineseVersion),
+                G_WEGAME_VERSION: JSON.stringify(wegameVersion),
+                G_GOG_VERSION: JSON.stringify(gogVersion),
                 G_IS_DEV: "true",
                 G_IS_RELEASE: "false",
-                G_IS_MOBILE_APP: "false",
                 G_IS_BROWSER: "true",
-                G_IS_STANDALONE: standalone ? "true" : "false",
+                G_IS_STANDALONE: JSON.stringify(standalone),
+                G_IS_STEAM_DEMO: JSON.stringify(steamDemo),
                 G_BUILD_TIME: "" + new Date().getTime(),
                 G_BUILD_COMMIT_HASH: JSON.stringify(getRevision()),
                 G_BUILD_VERSION: JSON.stringify(getVersion()),
@@ -69,6 +75,7 @@ module.exports = ({ watch = false, standalone = false }) => {
                     type: "javascript/auto",
                 },
                 { test: /\.(png|jpe?g|svg)$/, loader: "ignore-loader" },
+                { test: /\.nobuild/, loader: "ignore-loader" },
                 {
                     test: /\.md$/,
                     use: [
@@ -90,6 +97,9 @@ module.exports = ({ watch = false, standalone = false }) => {
                                 end: "typehints:end",
                             },
                         },
+                        {
+                            loader: path.resolve(__dirname, "mod.js"),
+                        },
                     ],
                 },
                 {

gulp/webpack.production.config.js

@@ -3,41 +3,45 @@
 const path = require("path");
 const webpack = require("webpack");
 const { getRevision, getVersion, getAllResourceImages } = require("./buildutils");
-const lzString = require("lz-string");
 
 const TerserPlugin = require("terser-webpack-plugin");
 const StringReplacePlugin = require("string-replace-webpack-plugin");
 const UnusedFilesPlugin = require("unused-files-webpack-plugin").UnusedFilesWebpackPlugin;
 
 module.exports = ({
-    enableAssert = false,
     environment,
     es6 = false,
+
     standalone = false,
     isBrowser = true,
-    mobileApp = false,
+
+    chineseVersion = false,
+    wegameVersion = false,
+    steamDemo = false,
+    gogVersion = false,
 }) => {
     const globalDefs = {
-        assert: enableAssert ? "window.assert" : "false && window.assert",
+        assert: "false && window.assert",
         assertAlways: "window.assert",
         abstract: "window.assert(false, 'abstract method called');",
         G_IS_DEV: "false",
+
+        G_CHINA_VERSION: JSON.stringify(chineseVersion),
+        G_WEGAME_VERSION: JSON.stringify(wegameVersion),
+        G_GOG_VERSION: JSON.stringify(gogVersion),
         G_IS_RELEASE: environment === "prod" ? "true" : "false",
         G_IS_STANDALONE: standalone ? "true" : "false",
+        G_IS_STEAM_DEMO: JSON.stringify(steamDemo),
         G_IS_BROWSER: isBrowser ? "true" : "false",
-        G_IS_MOBILE_APP: mobileApp ? "true" : "false",
-        G_TRACKING_ENDPOINT: JSON.stringify(
-            lzString.compressToEncodedURIComponent("https://tracking.shapez.io/v1")
-        ),
         G_APP_ENVIRONMENT: JSON.stringify(environment),
-        G_HAVE_ASSERT: enableAssert ? "true" : "false",
+        G_HAVE_ASSERT: "false",
         G_BUILD_TIME: "" + new Date().getTime(),
         G_BUILD_COMMIT_HASH: JSON.stringify(getRevision()),
         G_BUILD_VERSION: JSON.stringify(getVersion()),
         G_ALL_UI_IMAGES: JSON.stringify(getAllResourceImages()),
     };
 
-    const minifyNames = environment === "prod";
+    const minifyNames = false;
 
     return {
         mode: "production",
@@ -58,7 +62,6 @@ module.exports = ({
             // Display bailout reasons
             optimizationBailout: true,
         },
-        // devtool: "source-map",
         devtool: false,
         resolve: {
             alias: {
@@ -126,6 +129,7 @@ module.exports = ({
                             warnings: true,
                         },
                         mangle: {
+                            reserved: ["__$S__"],
                             eval: true,
                             keep_classnames: !minifyNames,
                             keep_fnames: !minifyNames,
@@ -140,7 +144,7 @@ module.exports = ({
                             braces: false,
                             ecma: es6 ? 6 : 5,
                             preamble:
-                                "/* shapez.io Codebase - Copyright 2020 Tobias Springer - " +
+                                "/* shapez.io Codebase - Copyright 2022 tobspr Games - " +
                                 getVersion() +
                                 " @ " +
                                 getRevision() +
@@ -172,6 +176,7 @@ module.exports = ({
                     type: "javascript/auto",
                 },
                 { test: /\.(png|jpe?g|svg)$/, loader: "ignore-loader" },
+                { test: /\.nobuild/, loader: "ignore-loader" },
                 {
                     test: /\.js$/,
                     enforce: "pre",
@@ -204,6 +209,9 @@ module.exports = ({
                     test: /\.js$/,
                     use: [
                         // "thread-loader",
+                        {
+                            loader: path.resolve(__dirname, "mod.js"),
+                        },
                         {
                             loader: "babel-loader?cacheDirectory",
                             options: {

mod_examples/README.md

@@ -0,0 +1,58 @@
+# shapez.io Modding
+
+## General Instructions
+
+Currently there are two options to develop mods for shapez.io:
+
+1. Writing single file mods, which doesn't require any additional tools and can be loaded directly in the game
+2. Using the [create-shapezio-mod](https://www.npmjs.com/package/create-shapezio-mod) package. This package is still in development but allows you to pack multiple files and images into a single mod file, so you don't have to base64 encode your images etc.
+
+## Mod Developer Discord
+
+A great place to get help with mod development is the official [shapez.io modloader discord](https://discord.gg/xq5v8uyMue).
+
+## Setting up your development environment
+
+The simplest way of developing mods is by just creating a `mymod.js` file and putting it in the `mods/` folder of the standalone (You can find the `mods/` folder by clicking "Open Mods Folder" in the shapez Standalone, be sure to select the 1.5.0-modloader branch on Steam).
+
+You can then add `--dev` to the launch options on Steam. This adds an application menu where you can click "Restart" to reload your mod, and will also show the developer console where you can see any potential errors.
+
+## Getting started
+
+To get into shapez.io modding, I highly recommend checking out all of the examples in this folder. Here's a list of examples and what features of the modloader they show:
+
+| Example                                                    | Description                                                                                       | Demonstrates                                                                                    |
+| ---------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
+| [base.js](base.js)                                         | The most basic mod                                                                                | Base structure of a mod                                                                         |
+| [class_extensions.js](class_extensions.js)                 | Shows how to extend multiple methods of one class at once, useful for overriding a lot of methods | Overriding and extending builtin methods                                                        |
+| [custom_css.js](custom_css.js)                             | Modifies the Main Menu State look                                                                 | Modifying the UI styles with CSS                                                                |
+| [replace_builtin_sprites.js](replace_builtin_sprites.js)   | Replaces all color sprites with icons                                                             | Replacing builtin sprites                                                                       |
+| [translations.js](translations.js)                         | Shows how to replace and add new translations in multiple languages                               | Adding and replacing translations                                                               |
+| [add_building_basic.js](add_building_basic.js)             | Shows how to add a new building                                                                   | Registering a new building                                                                      |
+| [add_building_flipper.js](add_building_flipper.js)         | Adds a "flipper" building which mirrors shapes from top to bottom                                 | Registering a new building, Adding a custom shape and item processing operation (flip)          |
+| [custom_drawing.js](custom_drawing.js)                     | Displays a a small indicator on every item processing building whether it is currently working    | Adding a new GameSystem and drawing overlays                                                    |
+| [custom_keybinding.js](custom_keybinding.js)               | Adds a new customizable ingame keybinding (Shift+F)                                               | Adding a new keybinding                                                                         |
+| [custom_sub_shapes.js](custom_sub_shapes.js)               | Adds a new type of sub-shape (Line)                                                               | Adding a new sub shape and drawing it, making it spawn on the map, modifying the builtin levels |
+| [modify_theme.js](modify_theme.js)                         | Modifies the default game themes                                                                  | Modifying the builtin themes                                                                    |
+| [custom_theme.js](custom_theme.js)                         | Adds a new UI and map theme                                                                       | Adding a new game theme                                                                         |
+| [mod_settings.js](mod_settings.js)                         | Shows a dialog counting how often the mod has been launched                                       | Reading and storing mod settings                                                                |
+| [storing_data_in_savegame.js](storing_data_in_savegame.js) | Shows how to store custom (structured) data in the savegame                                       | Storing custom data in savegame                                                                 |
+| [modify_existing_building.js](modify_existing_building.js) | Makes the rotator building always unlocked and adds a new statistic to the building panel         | Modifying a builtin building, replacing builtin methods                                         |
+| [modify_ui.js](modify_ui.js)                               | Shows how to add custom UI elements to builtin game states (the Main Menu in this case)           | Extending builtin UI states, Adding CSS                                                         |
+| [pasting.js](pasting.js)                                   | Shows a dialog when pasting text in the game                                                      | Listening to paste events                                                                       |
+| [smooth_zooming.js](smooth_zooming.js)                     | Allows to smoothly zoom in and out                                                                | Keybindings, overriding methods                                                                 |
+| [sandbox.js](sandbox.js)                                   | Makes blueprints free and always unlocked                                                         | Overriding builtin methods                                                                      |
+
+### Advanced Examples
+
+| Example                                          | Description                                                                                                | Demonstrates                                                                                                                                                        |
+| ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [notification_blocks.js](notification_blocks.js) | Adds a notification block building, which shows a user defined notification when receiving a truthy signal | Adding a new Component, Adding a new GameSystem, Working with wire networks, Adding a new building, Adding a new HUD part, Using Input Dialogs, Adding Translations |
+| [usage_statistics.js](usage_statistics.js)       | Displays a percentage on every building showing its utilization                                            | Adding a new component, Adding a new GameSystem, Drawing within a GameSystem, Modifying builtin buildings, Adding custom game logic                                 |
+| [new_item_type.js](new_item_type.js)             | Adds a new type of items to the map (fluids)                                                               | Adding a new item type, modifying map generation                                                                                                                    |
+| [buildings_have_cost.js](buildings_have_cost.js) | Adds a new currency, and belts cost 1 of that currency                                                     | Extending and replacing builtin methods, Adding CSS and custom sprites                                                                                              |
+| [mirrored_cutter.js](mirrored_cutter.js)         | Adds a mirrored variant of the cutter                                                                      | Adding a new variant to existing buildings                                                                                                                          |
+
+### Creating new sprites
+
+If you want to add new buildings and create sprites for them, you can download the original Photoshop PSD files here: https://static.shapez.io/building-psds.zip

mod_examples/base.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Base",
+    version: "1",
+    id: "base",
+    description: "The most basic mod",
+    minimumGameVersion: ">=1.5.0",
+
+    // You can specify this parameter if savegames will still work
+    // after your mod has been uninstalled
+    doesNotAffectSavegame: true,
+};
+
+class Mod extends shapez.Mod {
+    init() {
+        // Start the modding here
+    }
+}

mod_examples/class_extensions.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Class Extensions",
+    version: "1",
+    id: "class-extensions",
+    description: "Shows how to extend builtin classes",
+    minimumGameVersion: ">=1.5.0",
+};
+
+const BeltExtension = ({ $super, $old }) => ({
+    getShowWiresLayerPreview() {
+        // Access the old method
+        return !$old.getShowWiresLayerPreview();
+    },
+
+    getIsReplaceable(variant, rotationVariant) {
+        // Instead of super, use $super
+        return $super.getIsReplaceable.call(this, variant, rotationVariant);
+    },
+
+    getIsRemoveable() {
+        return false;
+    },
+});
+
+class Mod extends shapez.Mod {
+    init() {
+        this.modInterface.extendClass(shapez.MetaBeltBuilding, BeltExtension);
+    }
+}

mod_examples/custom_drawing.js

@@ -0,0 +1,63 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: custom drawing",
+    version: "1",
+    id: "base",
+    description: "Displays an indicator on every item processing building when its working",
+    minimumGameVersion: ">=1.5.0",
+
+    // You can specify this parameter if savegames will still work
+    // after your mod has been uninstalled
+    doesNotAffectSavegame: true,
+};
+
+class ItemProcessorStatusGameSystem extends shapez.GameSystem {
+    drawChunk(parameters, chunk) {
+        const contents = chunk.containedEntitiesByLayer.regular;
+        for (let i = 0; i < contents.length; ++i) {
+            const entity = contents[i];
+            const processorComp = entity.components.ItemProcessor;
+            if (!processorComp) {
+                continue;
+            }
+
+            const staticComp = entity.components.StaticMapEntity;
+
+            const context = parameters.context;
+            const center = staticComp.getTileSpaceBounds().getCenter().toWorldSpace();
+
+            // Culling for better performance
+            if (parameters.visibleRect.containsCircle(center.x, center.y, 40)) {
+                // Circle
+                context.fillStyle = processorComp.ongoingCharges.length === 0 ? "#aaa" : "#53cf47";
+                context.strokeStyle = "#000";
+                context.lineWidth = 1;
+
+                context.beginCircle(center.x + 5, center.y + 5, 4);
+                context.fill();
+                context.stroke();
+            }
+        }
+    }
+}
+
+class Mod extends shapez.Mod {
+    init() {
+        // Register our game system
+        this.modInterface.registerGameSystem({
+            id: "item_processor_status",
+            systemClass: ItemProcessorStatusGameSystem,
+
+            // Specify at which point the update method will be called,
+            // in this case directly before the belt system. You can use
+            // before: "end" to make it the last system
+            before: "belt",
+
+            // Specify where our drawChunk method should be called, check out
+            // map_chunk_view
+            drawHooks: ["staticAfter"],
+        });
+    }
+}

mod_examples/custom_keybinding.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Custom Keybindings",
+    version: "1",
+    id: "base",
+    description: "Shows how to add a new keybinding",
+    minimumGameVersion: ">=1.5.0",
+
+    // You can specify this parameter if savegames will still work
+    // after your mod has been uninstalled
+    doesNotAffectSavegame: true,
+};
+
+class Mod extends shapez.Mod {
+    init() {
+        // Register keybinding
+        this.modInterface.registerIngameKeybinding({
+            id: "demo_mod_binding",
+            keyCode: shapez.keyToKeyCode("F"),
+            translation: "Do something (always with SHIFT)",
+            modifiers: {
+                shift: true,
+            },
+            handler: root => {
+                this.dialogs.showInfo("Mod Message", "It worked!");
+                return shapez.STOP_PROPAGATION;
+            },
+        });
+    }
+}

mod_examples/custom_sub_shapes.js

@@ -0,0 +1,46 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Custom Sub Shapes",
+    version: "1",
+    id: "custom-sub-shapes",
+    description: "Shows how to add custom sub shapes",
+    minimumGameVersion: ">=1.5.0",
+};
+
+class Mod extends shapez.Mod {
+    init() {
+        // Add a new type of sub shape ("Line", short code "L")
+        this.modInterface.registerSubShapeType({
+            id: "line",
+            shortCode: "L",
+
+            // Make it spawn on the map
+            weightComputation: distanceToOriginInChunks =>
+                Math.round(20 + Math.max(Math.min(distanceToOriginInChunks, 30), 0)),
+
+            // This defines how to draw it
+            draw: ({ context, quadrantSize, layerScale }) => {
+                const quadrantHalfSize = quadrantSize / 2;
+                context.beginPath();
+                context.moveTo(-quadrantHalfSize, quadrantHalfSize);
+                context.arc(
+                    -quadrantHalfSize,
+                    quadrantHalfSize,
+                    quadrantSize * layerScale,
+                    -Math.PI * 0.25,
+                    0
+                );
+                context.closePath();
+                context.fill();
+                context.stroke();
+            },
+        });
+
+        // Modify the goal of the first level to add our goal
+        this.signals.modifyLevelDefinitions.add(definitions => {
+            definitions[0].shape = "LuLuLuLu";
+        });
+    }
+}

mod_examples/custom_theme.js

@@ -0,0 +1,99 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Custom Game Theme",
+    version: "1",
+    id: "custom-theme",
+    description: "Shows how to add a custom game theme",
+    minimumGameVersion: ">=1.5.0",
+
+    // You can specify this parameter if savegames will still work
+    // after your mod has been uninstalled
+    doesNotAffectSavegame: true,
+};
+
+class Mod extends shapez.Mod {
+    init() {
+        this.modInterface.registerGameTheme({
+            id: "my-theme",
+            name: "My fancy theme",
+            theme: RESOURCES["my-theme.json"],
+        });
+    }
+}
+
+const RESOURCES = {
+    "my-theme.json": {
+        map: {
+            background: "#abc",
+            grid: "#ccc",
+            gridLineWidth: 1,
+
+            selectionOverlay: "rgba(74, 163, 223, 0.7)",
+            selectionOutline: "rgba(74, 163, 223, 0.5)",
+            selectionBackground: "rgba(74, 163, 223, 0.2)",
+
+            chunkBorders: "rgba(0, 30, 50, 0.03)",
+
+            directionLock: {
+                regular: {
+                    color: "rgb(74, 237, 134)",
+                    background: "rgba(74, 237, 134, 0.2)",
+                },
+                wires: {
+                    color: "rgb(74, 237, 134)",
+                    background: "rgba(74, 237, 134, 0.2)",
+                },
+                error: {
+                    color: "rgb(255, 137, 137)",
+                    background: "rgba(255, 137, 137, 0.2)",
+                },
+            },
+
+            colorBlindPickerTile: "rgba(50, 50, 50, 0.4)",
+
+            resources: {
+                shape: "#eaebec",
+                red: "#ffbfc1",
+                green: "#cbffc4",
+                blue: "#bfdaff",
+            },
+
+            chunkOverview: {
+                empty: "#a6afbb",
+                filled: "#c5ccd6",
+                beltColor: "#777",
+            },
+
+            wires: {
+                overlayColor: "rgba(97, 161, 152, 0.75)",
+                previewColor: "rgb(97, 161, 152, 0.4)",
+                highlightColor: "rgba(72, 137, 255, 1)",
+            },
+
+            connectedMiners: {
+                overlay: "rgba(40, 50, 60, 0.5)",
+                textColor: "#fff",
+                textColorCapped: "#ef5072",
+                background: "rgba(40, 50, 60, 0.8)",
+            },
+
+            zone: {
+                borderSolid: "rgba(23, 192, 255, 1)",
+                outerColor: "rgba(240, 240, 255, 0.5)",
+            },
+        },
+
+        items: {
+            outline: "#55575a",
+            outlineWidth: 0.75,
+            circleBackground: "rgba(40, 50, 65, 0.1)",
+        },
+
+        shapeTooltip: {
+            background: "#dee1ea",
+            outline: "#54565e",
+        },
+    },
+};

mod_examples/mod_settings.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Mod Settings",
+    version: "1",
+    id: "mod-settings",
+    description: "Shows how to add settings to your mod",
+    minimumGameVersion: ">=1.5.0",
+
+    settings: {
+        timesLaunched: 0,
+    },
+};
+
+class Mod extends shapez.Mod {
+    init() {
+        // Increment the setting every time we launch the mod
+        this.settings.timesLaunched++;
+        this.saveSettings();
+
+        // Show a dialog in the main menu with the settings
+        this.signals.stateEntered.add(state => {
+            if (state instanceof shapez.MainMenuState) {
+                this.dialogs.showInfo(
+                    "Welcome back",
+                    `You have launched this mod ${this.settings.timesLaunched} times`
+                );
+            }
+        });
+    }
+}

mod_examples/modify_existing_building.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+const METADATA = {
+    website: "https://tobspr.io",
+    author: "tobspr",
+    name: "Mod Example: Modify existing building",
+    version: "1",
+    id: "modify-existing-building",
+    description: "Shows how to modify an existing building",
+    minimumGameVersion: ">=1.5.0",
+};
+
+class Mod extends shapez.Mod {
+    init() {
+        // Make Rotator always unlocked
+        this.modInterface.replaceMethod(shapez.MetaRotaterBuilding, "getIsUnlocked", function () {
+            return true;
+        });
+
+        // Add some custom stats to the info panel when selecting the building
+        this.modInterface.replaceMethod(shapez.MetaRotaterBuilding, "getAdditionalStatistics", function (
+            root,
+            variant
+        ) {
+            return [["Awesomeness", 5]];
+        });
+    }
+}