Upload static files as artifact

decioferreira · decioferreira · commit aa2f45dd5e8e · 2025-01-30T22:31:36.000Z
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -12,20 +12,28 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
+      name: Build static files
+        id: build
+        uses: actions/checkout@v4
+        uses: actions/setup-node@v4
+          with:
+            node-version-file: ".nvmrc"
+            cache: "npm"
+        run: npm ci
+        run: npm run build
+      - name: Upload static files as artifact
+        id: deployment
+        uses: actions/upload-pages-artifact@v3
         with:
-          node-version-file: ".nvmrc"
-          cache: "npm"
-      - run: npm ci
-      - run: npm run build
+          path: public/
 
   deploy:
     needs: build
 
     permissions:
       pages: write
       id-token: write
+      actions: read
 
     environment:
       name: github-pages
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,7 @@
 node_modules
 elm-stuff
 .DS_Store
-.idea
+.idea
+
+# Build output
+public/main.js
diff --git a/package.json b/package.json
@@ -2,9 +2,9 @@
   "name": "guida-lang.org",
   "version": "1.0.0",
   "scripts": {
-    "build": "elm make src/Main.elm"
+    "build": "elm make src/Main.elm --output=public/main.js"
   },
   "dependencies": {
     "elm": "^0.19.1-6"
   }
-}
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>Guida</title>
+    <link rel="stylesheet" href="main.css">
+    <script src="main.js"></script>
+</head>
+
+<body>
+    <script>var app = Elm.Main.init();</script>
+</body>
+
+</html>
diff --git a/public/main.css b/public/main.css
@@ -0,0 +1,5 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
diff --git a/src/Main.elm b/src/Main.elm
@@ -4,10 +4,17 @@ import Browser
 import Html
 
 
-main : Program () {} ()
+main : Program () () ()
 main =
-    Browser.sandbox
-        { init = {}
-        , update = \_ _ -> {}
-        , view = \_ -> Html.h1 [] [ Html.text "Hello Guida!" ]
+    Browser.document
+        { init = \_ -> ( (), Cmd.none )
+        , view =
+            \_ ->
+                { title = "Guida"
+                , body =
+                    [ Html.h1 [] [ Html.text "Hello Guida!" ]
+                    ]
+                }
+        , update = \_ _ -> ( (), Cmd.none )
+        , subscriptions = \_ -> Sub.none
         }
