Merge pull request #10 from FireAndIceFrog/feature/translationtions

Feature/translationtions

Author: FireAndIceFrog

.github/workflows/build.yml

@@ -30,7 +30,7 @@ jobs:
 
     - name: Install Node.js dependencies
       run: npm install
-      working-directory: string-art-demo
+      working-directory: string-art-website
 
     - name: Set up Rust
       uses: actions-rs/toolchain@v1
@@ -49,7 +49,7 @@ jobs:
     - name: Build static files
       id: build
       run: npm run build
-      working-directory: string-art-demo
+      working-directory: string-art-website
 
     - name: Upload static files as artifact
       id: deployment

build-wasm.sh

@@ -13,16 +13,16 @@ wasm-pack build --release --target web --features wasm
 echo "✅ WASM package built successfully!"
 
 # Copy the package to the React app's src directory for proper importing
-if [ -d "../string-art-demo/src" ]; then
+if [ -d "../string-art-website/src" ]; then
     echo "📦 Copying WASM files to React app..."
-    mkdir -p ../string-art-demo/src/wasm
-    cp -r pkg/* ../string-art-demo/src/wasm/
+    mkdir -p ../string-art-website/src/wasm
+    cp -r pkg/* ../string-art-website/src/wasm/
     echo "✅ WASM files copied to React app!"
 fi
 
 echo "🎉 Build complete! You can now use the WASM module in your React app."
 echo ""
 echo "To test:"
-echo "1. Make sure the React dev server is running: cd string-art-demo && npm run dev"
+echo "1. Make sure the React dev server is running: cd string-art-website && npm run dev"
 echo "2. Open http://localhost:5173 in your browser"
 echo "3. Upload an image and click 'Generate String Art'"

string-art-demo/src/features/1Upload/components/ImageUploader.tsx

@@ -0,0 +1,40 @@
+var fs = require('fs');
+var chalk = require('chalk');
+const typescriptTransform = require('i18next-scanner-typescript');
+
+module.exports = {
+  output: './public/locales',
+  options: {
+    func: {
+      // don't pass ts or tsx here!
+      extensions: ['.js', '.jsx'],
+    },
+    trans: {
+      // don't pass ts or tsx here!
+      extensions: ['.js', '.jsx'],
+    },
+    
+  },
+  // your i18next-scanner config
+  // ...
+  transform: typescriptTransform(
+    // options
+    {
+      // default value for extensions
+      extensions: [".ts", ".tsx"],
+      // optional ts configuration
+      tsOptions: {
+        target: "es2017",
+      },
+    },
+
+    // optional custom transform function
+    function customTransform(outputText, file, enc, done) {
+      // do something custom with the transpiled `outputText`
+      this.parser.parseTransFromString(outputText);
+      this.parser.parseFuncFromString(outputText);
+
+      done();
+    },
+  ),
+};