chore: Add ci workflow to github actions (#1)

Author: jespertheend

.editorconfig

@@ -6,3 +6,7 @@ indent_style = tab
 insert_final_newline = true
 charset = utf-8
 trim_trailing_whitespace = true
+
+[*.yml]
+indent_size = 2
+indent_style = space

.eslintignore

@@ -1,4 +1,8 @@
 dist
 editor/dist/js/*
-editor/libs/
+editor/deps/
 *.ts
+.coverage
+.denoTypes
+node_modules
+npm_packages

.github/workflows/ci.yml

@@ -0,0 +1,46 @@
+# This workflow will install Deno then run Deno lint and test.
+
+name: ci
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Setup repo
+        uses: actions/checkout@v2
+
+      - name: Setup Deno
+        # For more information see: https://github.com/denoland/setup-deno
+        uses: denoland/[email protected]
+        with:
+          deno-version: "1.24.1"
+
+      - name: npm install
+        run: npm install
+
+      - name: Setup Renda
+        # Sets up a development environment required for type the next steps to pass.
+        run: deno task dev --no-serve
+
+      - name: Install editor dependencies
+        run: deno task build-editor-dependencies
+
+      - name: Type check
+        run: deno task check
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Install puppeteer
+        run: PUPPETEER_PRODUCT=chrome deno run -A --unstable https://deno.land/x/[email protected]/install.ts
+
+      - name: Test
+        run: deno task test
+

editor/src/keyboardShortcuts/ShorcutConditionValueSetter.js

@@ -1,5 +1,3 @@
-import {ShortcutCondition} from "./ShortcutCondition.js";
-
 /**
  * A single valueSetter is used to control the value of ShortcutConditions.
  * This is to ensure multiple places in the code can control the value of a
@@ -8,7 +6,7 @@ import {ShortcutCondition} from "./ShortcutCondition.js";
  */
 export class ShorcutConditionValueSetter {
 	/**
-	 * @param {ShortcutCondition} condition
+	 * @param {import("./ShortcutCondition.js").ShortcutCondition} condition
 	 * @param {number} priority
 	 */
 	constructor(condition, priority = 0) {

editor/src/keyboardShortcuts/ShortcutCommand.js

@@ -1,5 +1,3 @@
-import {KeyboardShortcutManager} from "./KeyboardShortcutManager.js";
-
 /**
  * - `single` Only fire command once.
  * - `hold` Activate when the key is down, and deactivate when it is up.
@@ -25,7 +23,7 @@ import {KeyboardShortcutManager} from "./KeyboardShortcutManager.js";
  */
 export class ShortcutCommand {
 	/**
-	 * @param {KeyboardShortcutManager} shortcutManager
+	 * @param {import("./KeyboardShortcutManager.js").KeyboardShortcutManager} shortcutManager
 	 * @param {ShortcutCommandOptions} opts
 	 */
 	constructor(shortcutManager, {

editor/src/propertiesWindowContent/EntityPropertiesWindowContent.js

@@ -235,11 +235,11 @@ export class EntityPropertiesWindowContent extends PropertiesWindowContent {
 	 * @param {any} object
 	 * @param {string | number} propertyName
 	 * @param {any} scriptValue
-	 * @param {import("../ui/PropertiesTreeView/PropertiesTreeViewEntry.js").PropertiesTreeViewEntry<any>} guiEntry
+	 * @param {import("../ui/propertiesTreeView/PropertiesTreeViewEntry.js").PropertiesTreeViewEntry<any>} guiEntry
 	 */
 	mapFromDroppableGuiValues(object, propertyName, scriptValue, guiEntry) {
 		if (Array.isArray(scriptValue)) {
-			const castGuiEntry = /** @type {import("../ui/PropertiesTreeView/PropertiesTreeViewEntry.js").PropertiesTreeViewEntry<import("../ui/ArrayGui.js").ArrayGui<any>>} */ (guiEntry);
+			const castGuiEntry = /** @type {import("../ui/propertiesTreeView/PropertiesTreeViewEntry.js").PropertiesTreeViewEntry<import("../ui/ArrayGui.js").ArrayGui<any>>} */ (guiEntry);
 			/** @type {unknown[]} */
 			const newScriptValue = [];
 			for (const [i, item] of scriptValue.entries()) {

editor/src/ui/TreeView.js

@@ -140,10 +140,10 @@ export class TreeView {
 	#textFieldVisible = false;
 	#lastTextFocusOutWasFromRow = false;
 	#lastTextFocusOutTime = 0;
-	/** @type {import("../KeyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>?} */
+	/** @type {import("../keyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>?} */
 	#renamingShortcutCondition = null;
 
-	/** @type {import("../KeyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>?} */
+	/** @type {import("../keyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>?} */
 	#focusSelectedShortcutCondition = null;
 
 	/**
@@ -276,10 +276,10 @@ export class TreeView {
 		const editor = getMaybeEditorInstance();
 		if (editor && editor.keyboardShortcutManager) {
 			const renamingCondition = editor.keyboardShortcutManager.getCondition("treeView.renaming");
-			this.#renamingShortcutCondition = /** @type {import("../KeyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>} */ (renamingCondition.requestValueSetter());
+			this.#renamingShortcutCondition = /** @type {import("../keyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>} */ (renamingCondition.requestValueSetter());
 
 			const focusSelectedCondition = editor.keyboardShortcutManager.getCondition("treeView.focusSelected");
-			this.#focusSelectedShortcutCondition = /** @type {import("../KeyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>} */ (focusSelectedCondition.requestValueSetter());
+			this.#focusSelectedShortcutCondition = /** @type {import("../keyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<boolean>} */ (focusSelectedCondition.requestValueSetter());
 		}
 
 		this.updateArrowHidden();

editor/src/windowManagement/contentWindows/BuiltInAssetsContentWindow.js

@@ -1,6 +1,5 @@
 import {ContentWindow} from "./ContentWindow.js";
 import {TreeView} from "../../ui/TreeView.js";
-import {SelectionGroup} from "../../misc/SelectionGroup.js";
 
 export class BuiltInAssetsContentWindow extends ContentWindow {
 	static contentWindowTypeId = "builtInAssets";
@@ -28,7 +27,7 @@ export class BuiltInAssetsContentWindow extends ContentWindow {
 
 		this.contentEl.appendChild(this.treeView.el);
 
-		/** @type {SelectionGroup<import("../../assets/ProjectAsset.js").ProjectAssetAny>} */
+		/** @type {import("../../misc/SelectionGroup.js").SelectionGroup<import("../../assets/ProjectAsset.js").ProjectAssetAny>} */
 		this.selectionManager = this.editorInstance.selectionManager.createSelectionGroup();
 
 		this.init();

editor/src/windowManagement/contentWindows/ConnectionsContentWindow.js

@@ -5,7 +5,7 @@ import {ContentWindow} from "./ContentWindow.js";
 /**
  * @typedef {Object} ConectionGui
  * @property {PropertiesTreeView<any>} treeView
- * @property {import("../../ui/PropertiesTreeView/PropertiesTreeViewEntry.js").PropertiesTreeViewEntry<import("../../ui/LabelGui.js").LabelGui>} statusLabel
+ * @property {import("../../ui/propertiesTreeView/PropertiesTreeViewEntry.js").PropertiesTreeViewEntry<import("../../ui/LabelGui.js").LabelGui>} statusLabel
  */
 
 export class ConnectionsContentWindow extends ContentWindow {

package.json

@@ -6,7 +6,7 @@
 	"type": "module",
 	"scripts": {
 		"lint": "eslint .",
-		"test": "playwright test"
+		"lint-fix": "npm run lint -- --fix"
 	},
 	"devDependencies": {
 		"@babel/eslint-parser": "^7.16.3",

scripts/dev.js

@@ -45,8 +45,10 @@ const buildProcess = Deno.run({
 });
 await buildProcess.status();
 
-const server = new DevServer({
-	port: 8080,
-	serverName: "development server",
-});
-server.start();
+if (!Deno.args.includes("--no-serve")) {
+	const server = new DevServer({
+		port: 8080,
+		serverName: "development server",
+	});
+	server.start();
+}

src/gizmos/draggables/GizmoDraggable.js

@@ -65,7 +65,7 @@ export class GizmoDraggable {
 	}
 
 	/**
-	 * @param {import("../../Components/builtIn/CameraComponent.js").CameraComponent} camera
+	 * @param {import("../../components/builtIn/CameraComponent.js").CameraComponent} camera
 	 */
 	getScreenPos(camera) {
 		return camera.worldToScreenPos(this.entity.pos);

test/e2e/shared/browser.js

@@ -35,7 +35,6 @@ export async function initBrowser() {
 		headless,
 		args: ["--enable-unsafe-webgpu"],
 		devtools,
-		executablePath: "/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary",
 	});
 }
 

test/unit/editor/shared/mockKeyboardShortcutManager.js

@@ -1,9 +1,9 @@
 export function createMockKeyboardShortcutManager() {
-	const keyboardShortcutManager = /** @type {import("../../../../editor/src/KeyboardShortcuts/KeyboardShortcutManager.js").KeyboardShortcutManager} */ ({
+	const keyboardShortcutManager = /** @type {import("../../../../editor/src/keyboardShortcuts/KeyboardShortcutManager.js").KeyboardShortcutManager} */ ({
 		getCondition(name) {
-			const mockCondition = /** @type {import("../../../../editor/src/KeyboardShortcuts/ShortcutCondition.js").ShortcutCondition} */ ({
+			const mockCondition = /** @type {import("../../../../editor/src/keyboardShortcuts/ShortcutCondition.js").ShortcutCondition} */ ({
 				requestValueSetter(priority) {
-					const mockValueSetter = /** @type {import("../../../../editor/src/KeyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<any>} */ ({
+					const mockValueSetter = /** @type {import("../../../../editor/src/keyboardShortcuts/ShorcutConditionValueSetter.js").ShorcutConditionValueSetter<any>} */ ({
 						setValue(value) {},
 					});
 					return mockValueSetter;

test/unit/editor/src/tasks/TaskManager.test.js

@@ -98,7 +98,7 @@ Deno.test({
 Deno.test({
 	name: "running a task",
 	async fn() {
-		injectMockEditorInstance(/** @type {import("../../../../../editor/src/editor.js").Editor} */ ({}));
+		injectMockEditorInstance(/** @type {import("../../../../../editor/src/Editor.js").Editor} */ ({}));
 
 		try {
 			const manager = new TaskManager();

test/unit/editor/src/ui/NumericGui.test.js

@@ -1,5 +1,5 @@
 import {assertEquals} from "std/testing/asserts.ts";
-import {NumericGui} from "../../../../../editor/src/UI/NumericGui.js";
+import {NumericGui} from "../../../../../editor/src/ui/NumericGui.js";
 import {initializeDom} from "../../shared/initializeDom.js";
 
 Deno.test({