feat: desktop build

.depcheckrc

@@ -21,6 +21,10 @@ ignores: [
   "@pinata/sdk",
   "expo-optimize",
   "sharp-cli",
+  "cross-env",
+  "electron",
+  "rimraf",
+  "assert",
 ]
 ignorePatterns: [
   "/cache", 

.eslintignore

@@ -16,3 +16,4 @@
 /.github
 /cache
 /.git
+/electron

.github/workflows/desktop-build.yml

@@ -0,0 +1,37 @@
+name: Build Desktop App
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  build-mac-amd64:
+    runs-on: macos-12
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+          node-version: 18
+
+      - uses: actions/setup-go@v3
+        with:
+          go-version: "1.19"
+
+      - name: Install node modules
+        run: yarn
+
+      - name: Prepare
+        run: make prepare-electron
+
+      - name: Build
+        run: make build-electron-mac-amd64
+
+      - name: Upload artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: teritori-desktop-mac-amd64
+          path: electron/dist/artifacts/local/Teritori-*.dmg

Makefile

@@ -1,5 +1,6 @@
 CANDYMACHINE_REPO=teritori-nfts
 BUNKER_MINTER_PACKAGE=teritori-bunker-minter
+GO?=go
 
 TOKEN_REPO=teritori-nfts
 TOKEN_PACKAGE=teritori-nft
@@ -260,3 +261,45 @@ networks.json: node_modules validate-networks
 unused-exports: node_modules
 	## TODO unexclude all paths except packages/api;packages/contracts-clients;packages/evm-contracts-clients
 	npx ts-unused-exports ./tsconfig.json --excludePathsFromReport="packages/api;packages/contracts-clients;packages/evm-contracts-clients;packages/components/socialFeed/RichText/inline-toolbar;./App.tsx;.*\.web|.electron|.d.ts" --ignoreTestFiles 
+
+.PHONY: prepare-electron
+prepare-electron: node_modules
+	yarn rimraf ./web-build
+	yarn cross-env isElectron=prod expo export:web
+	yarn rimraf ./electron/web-build
+	mkdir ./electron/web-build
+	cp -r ./web-build/* ./electron/web-build
+	cd ./electron && npm i
+
+# requires prepare-electron
+.PHONY: build-electron-mac-amd64
+build-electron-mac-amd64:
+	yarn rimraf ./electron/dist
+	yarn rimraf ./electron/build
+	cd ./electron && GOOS=darwin GOARCH=amd64 $(GO) build -o ./build/mac ./prod.go
+	cd ./electron && node ./builder/mac.js
+
+# requires prepare-electron
+.PHONY: build-electron-mac-arm64
+build-electron-mac-arm64:
+	yarn rimraf ./electron/dist
+	yarn rimraf ./electron/build
+	cd ./electron && GOOS=darwin GOARCH=arm64 $(GO) build -o ./build/mac ./prod.go
+	cd ./electron && node ./builder/mac.js
+
+# requires prepare-electron
+.PHONY: build-electron-win
+build-electron-win:
+	yarn rimraf ./electron/dist
+	yarn rimraf ./electron/build
+	cd ./electron && GOOS=windows GOARCH=amd64 $(GO) build -o ./build/win.exe ./prod.go
+	cd ./electron && node ./builder/win.js
+
+# requires prepare-electron
+.PHONY: build-electron-linux
+build-electron-linux:
+	yarn rimraf ./electron/dist
+	yarn rimraf ./electron/build
+	cd ./electron && GOOS=linux GOARCH=amd64 $(GO) build -o ./build/linux ./prod.go
+	cd ./electron && node ./builder/linux.js
+

electron/builder/linux.js

@@ -0,0 +1,64 @@
+"use strict";
+
+const builder = require("electron-builder");
+const Platform = builder.Platform;
+
+// Let's get that intellisense working
+/**
+ * @type {import('electron-builder').Configuration}
+ * @see https://www.electron.build/configuration/configuration
+ */
+const options = {
+  appId: `com.teritori`,
+  productName: "Teritori",
+  compression: "normal",
+  removePackageScripts: true,
+  files: [
+    "build/linux",
+    "web-build/**/*",
+    "node_modules/**/*",
+    "package.json",
+    "main.js",
+    "icon.icns",
+    "splash.html",
+    "splash.png",
+    "preload.js",
+  ],
+  nodeGypRebuild: false,
+  buildDependenciesFromSource: false,
+  directories: {
+    output: "dist/artifacts/local",
+    buildResources: "installer/resources",
+  },
+
+  linux: {
+    desktop: {
+      StartupNotify: "false",
+      Encoding: "UTF-8",
+      MimeType: "x-scheme-handler/deeplink",
+    },
+    target: ["AppImage", "rpm", "deb"],
+    asar: true,
+    asarUnpack: ["build/*"],
+  },
+  deb: {
+    priority: "optional",
+    afterInstall: "installer/linux/after-install.tpl",
+  },
+  rpm: {
+    fpm: ["--before-install", "installer/linux/before-install.tpl"],
+    afterInstall: "installer/linux/after-install.tpl",
+  },
+};
+
+builder
+  .build({
+    targets: Platform.LINUX.createTarget(),
+    config: options,
+  })
+  .then((result) => {
+    console.log(JSON.stringify(result));
+  })
+  .catch((error) => {
+    console.error(error);
+  });

electron/builder/mac.js

@@ -0,0 +1,77 @@
+"use strict";
+
+const builder = require("electron-builder");
+const Platform = builder.Platform;
+
+// Let's get that intellisense working
+/**
+ * @type {import('electron-builder').Configuration}
+ * @see https://www.electron.build/configuration/configuration
+ */
+const options = {
+  appId: `com.teritori`,
+  productName: "Teritori",
+  compression: "normal",
+  removePackageScripts: true,
+  files: [
+    "build/mac",
+    "web-build/**/*",
+    "node_modules/**/*",
+    "package.json",
+    "main.js",
+    "icon.icns",
+    "splash.html",
+    "splash.png",
+    "preload.js",
+  ],
+
+  nodeGypRebuild: false,
+  buildDependenciesFromSource: false,
+
+  directories: {
+    output: "dist/artifacts/local",
+    buildResources: "installer/resources",
+  },
+
+  mac: {
+    target: "dmg",
+    asar: true,
+    asarUnpack: ["build/*"],
+    hardenedRuntime: true,
+    gatekeeperAssess: true,
+    icon: "./icon.icns",
+    extendInfo: {
+      // NSAppleEventsUsageDescription: "Let me use Apple Events.",
+      // NSCameraUsageDescription: "Let me use the camera.",
+      // NSScreenCaptureDescription: "Let me take screenshots.",
+    },
+  },
+  dmg: {
+    iconSize: 100,
+    contents: [
+      {
+        x: 255,
+        y: 85,
+        type: "file",
+      },
+      {
+        x: 253,
+        y: 325,
+        type: "link",
+        path: "/Applications",
+      },
+    ],
+  },
+};
+
+builder
+  .build({
+    targets: Platform.MAC.createTarget(),
+    config: options,
+  })
+  .then((result) => {
+    console.log(JSON.stringify(result));
+  })
+  .catch((error) => {
+    console.error(error);
+  });

electron/builder/win.js

@@ -0,0 +1,58 @@
+"use strict";
+
+const builder = require("electron-builder");
+const Platform = builder.Platform;
+
+// Let's get that intellisense working
+/**
+ * @type {import('electron-builder').Configuration}
+ * @see https://www.electron.build/configuration/configuration
+ */
+const options = {
+  appId: `com.teritori`,
+  productName: "Teritori",
+
+  compression: "normal",
+  removePackageScripts: true,
+  files: [
+    "build/win.exe",
+    "web-build/**/*",
+    "node_modules/**/*",
+    "package.json",
+    "main.js",
+    "icon.icns",
+    "splash.html",
+    "splash.png",
+    "preload.js",
+  ],
+
+  nodeGypRebuild: false,
+  buildDependenciesFromSource: false,
+
+  directories: {
+    output: "dist/artifacts/local",
+    buildResources: "installer/resources",
+  },
+
+  win: {
+    target: "nsis",
+    asar: true,
+    asarUnpack: ["build/*"],
+  },
+  nsis: {
+    deleteAppDataOnUninstall: true,
+    include: "installer/win/nsis-installer.nsh",
+  },
+};
+
+builder
+  .build({
+    targets: Platform.WINDOWS.createTarget(),
+    config: options,
+  })
+  .then((result) => {
+    console.log(JSON.stringify(result));
+  })
+  .catch((error) => {
+    console.error(error);
+  });