working files for hanging in broswer

oceanbluesky · Dec 13, 2024 · 5397000 · 5397000
1 parent 10fb97b
commit 5397000
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/__about_these_files.md b/__about_these_files.md
@@ -39,7 +39,7 @@ the 'npm commands' are in package.json (if files are moved update the package.js
 
 * this needs 'npm install concurrently --save-dev' to ensure CSS watching and dx server run simultaneously 
 
-* this alos needs 'cargo add manganis' to be run in the termiinal to ensure Dioxus can link the compoiled tailwind.css file from the index.html file Dioxus compiles
+* this also needs 'cargo add manganis' to be run in the termiinal to ensure Dioxus can link the compoiled tailwind.css file from the index.html file Dioxus compiles
 ( src/styles/input.css is used to create the output css file dist/assets/styles/tailwind.css)
 
 * 'tailwind.config.js' is used to tell tailwind where to find files to compile

diff --git a/dist/assets/styles/tailwind.css b/dist/assets/styles/tailwind.css
@@ -108,7 +108,7 @@
   --tw-contain-style:  ;
 }
 
-/* ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com */
+/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)

diff --git a/dist/index.html b/dist/index.html
@@ -11,8 +11,8 @@
 <body>
   <div id="main"></div>
   <script type="module">
-    import init from "/./assets/dioxus/name.js";
-    init("/./assets/dioxus/name_bg.wasm").then(wasm => {
+    import init from "./assets/dioxus/name.js";
+    init("./assets/dioxus/name_bg.wasm").then(wasm => {
       if (wasm.__wbindgen_start == undefined) {
         wasm.main();
       }

diff --git a/package.json b/package.json
@@ -0,0 +1,12 @@
+{
+  "dependencies": {
+    "concurrently": "^9.1.0"
+  },
+  "scripts": {
+    "build:css": "npx tailwindcss -i src/styles/input.css -o dist/assets/styles/tailwind.css --watch",
+    "serve": "concurrently \"npm run build:css\" \"dx build && dx serve\""
+  },
+  "devDependencies": {
+    "tailwindcss": "^3.4.16"
+  }
+}