feat: revision 0.0.19 (#12)

* change: moved files
* change: drop webpack
* change: start using typescript
* feat: bump engine 0.0.19
* docs: meta
* docs: contribuing in readme
* ci/cd: fixing version gh pages

Author: RodrigoDornelles

.github/workflows/docs.yml

@@ -29,11 +29,11 @@ jobs:
         run: |
           npm run build
       -
-        uses: actions/configure-pages@v3
+        uses: actions/configure-pages@v4
       -
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@v3
         with:
           path: 'dist'
       -
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4

README.md

@@ -6,22 +6,14 @@
   "funding": "https://github.com/sponsors/RodrigoDornelles",
   "bugs": "https://github.com/gamelly/tool-img-gen/issues",
   "devDependencies": {
-    "@gamely/core-native-html5": "^0.0.17",
-    "@gamely/gly-engine-lite": "^0.0.17",
-    "copy-webpack-plugin": "11.0.0",
-    "css-loader": "6.7.3",
-    "html-webpack-plugin": "5.5.0",
-    "monaco-editor": "0.35.0",
-    "monaco-editor-webpack-plugin": "7.0.1",
-    "style-loader": "3.3.1",
+    "@gamely/core-native-html5": "^0.0.19",
+    "@gamely/gly-engine-lite": "^0.0.19",
     "wasmoon": "1.16.0",
-    "webpack": "^5.95.0",
-    "webpack-cli": "5.0.1",
-    "webpack-dev-server": "^5.1.0"
+    "monaco-editor": "0.35.0",
+    "bun": "^1.2.4"
   },
   "scripts": {
-    "serve": "webpack serve --mode=development --watch --progress --open",
-    "start": "webpack --mode=development --watch --progress",
-    "build": "webpack --mode=production"
+    "build": "bun build --external=module --outdir=dist --entrypoint index.html",
+    "start": "bun run build --chunk-naming '[dir]/[name].[ext]' --watch"
   }
 }

src/assets/CascadiaMono.ttf renamed to assets/fonts/CascadiaMono.ttf

@@ -0,0 +1,14 @@
+declare module "*.lua" {
+    const content: string;
+    export default content;
+}
+
+declare module 'wasmoon/dist/glue.wasm' {
+    const content: string;
+    export default content;
+}
+
+declare module '@gamely/gly-engine-lite' {
+    const content: string;
+    export default content;
+}

src/assets/fonts/OFL.txt renamed to assets/fonts/OFL.txt

@@ -1,23 +1,26 @@
 import wasmFile from 'wasmoon/dist/glue.wasm';
 import { LuaFactory, LuaMultiReturn } from 'wasmoon'
-import { editor } from 'monaco-editor'
+import { editor, languages } from 'monaco-editor/esm/vs/editor/editor.api'
+import * as lualang from 'monaco-editor/esm/vs/basic-languages/lua/lua'
 import gly from '@gamely/core-native-html5'
-import gly_engine from '@gamely/gly-engine-lite/dist/main.lua'
-import defaultScript from './default.lua'
+import gly_engine from '@gamely/gly-engine-lite' assert {type: "text"}
+import defaultScript from './default.lua' assert {type: "text"}
 
-let monacoTimeout;
+let monacoTimeout: number;
 
 document.addEventListener('DOMContentLoaded', async () => {
-    const elInpWidth = document.querySelector('#width')
-    const elInpHeight = document.querySelector('#height')
-    const elInpStroke = document.querySelector('#stroke')
-    const elSelFormat = document.querySelector('#resolution')
-    const elBtnDownload = document.querySelector('#download')
-    const elChkAntiAliasing = document.querySelector('#antialiasing')
-    const elSelResolution = document.querySelector('#resolution')
-    const elMonacoEditor = document.querySelector('#editor')
-    const elCanvas = document.querySelector('#gameCanvas')
-
+    const elInpWidth = document.querySelector('#width') as HTMLInputElement
+    const elInpHeight = document.querySelector('#height') as HTMLInputElement
+    const elInpStroke = document.querySelector('#stroke') as HTMLInputElement
+    const elSelFormat = document.querySelector('#resolution') as HTMLInputElement
+    const elBtnDownload = document.querySelector('#download') as HTMLElement
+    const elChkAntiAliasing = document.querySelector('#antialiasing') as HTMLInputElement
+    const elSelResolution = document.querySelector('#resolution') as HTMLInputElement 
+    const elMonacoEditor = document.querySelector('#editor') as HTMLElement
+    const elCanvas = document.querySelector('#gameCanvas') as HTMLCanvasElement
+
+    languages.register({ id: 'lua' })
+    languages.setMonarchTokensProvider('lua', lualang.language)
     const monacoEditor = editor.create(elMonacoEditor, {
         language: 'lua',
         theme: 'vs-dark',