Merge pull request #47 from Chia-Network/develop

Release 0.1.0

Author: TheLastCicada

.github/workflows/build-installers.yaml

@@ -62,12 +62,12 @@ jobs:
       - name: Notarize
         run: |
           DMG_FILE=$(find ${{ github.workspace }}/dist/ -type f -name '*.dmg')
-          npm install -g notarize-cli
-          notarize-cli \
-            --file="$DMG_FILE" \
-            --bundle-id net.chia.$APP_NAME \
-            --username "${{ secrets.APPLE_NOTARIZE_USERNAME }}" \
-            --password "${{ secrets.APPLE_NOTARIZE_PASSWORD }}"
+          xcrun notarytool submit \
+          --wait \
+          --apple-id "${{ secrets.APPLE_NOTARIZE_USERNAME }}" \
+          --password "${{ secrets.APPLE_NOTARIZE_PASSWORD }}" \
+          --team-id "${{ secrets.APPLE_TEAM_ID }}" \
+          "$DMG_FILE"
 
       - name: Upload Mac Installer
         uses: actions/upload-artifact@v3

.repo-content-updater.yaml

@@ -1,4 +1,4 @@
-pr_target_grant: develop
+pr_target_branch: develop
 assign_users:
   - TheLastCicada
 commit_prefix: "chore: "

app-builds.js

@@ -1,14 +1,14 @@
 module.exports = {
   cadt: {
-    tag: "1.3.9",
+    tag: "1.3.10",
     url: "https://github.com/Chia-Network/core-registry-cadt-ui/releases/download/{{tag}}/core-registry-cadt-ui-web-build.tar.gz",
   },
   climate_explorer: {
-    tag: "1.1.11",
+    tag: "1.1.13",
     url: "https://github.com/Chia-Network/climate-explorer-ui/releases/download/{{tag}}/climate-explorer-ui-web-build.tar.gz",
   },
   climate_tokenization_engine: {
-    tag: "1.1.8",
+    tag: "1.1.9",
     url: "https://github.com/Chia-Network/Climate-Tokenization-Engine-UI/releases/download/{{tag}}/climate-tokenization-engine-ui-web-build.tar.gz",
   },
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "core-registry-ui",
-  "version": "0.0.15",
+  "version": "0.1.0",
   "scripts": {
     "start": "nf start -p 3001",
     "electron": "electron .",

src/App.jsx

@@ -6,6 +6,7 @@ import { ExplorerLogo } from "./components/ExplorerLogo";
 import { TokenizationLogo } from "./components/TokenizationLogo";
 import { Flowbite, Button, Modal } from "flowbite-react";
 import flowbiteThemeSettings from "./flowbite.theme";
+import { LocaleSwitcher } from "./components/LocalSwitcher";
 
 const appLinks = {
   cadt: {
@@ -37,9 +38,36 @@ const App = () => {
   }, [flowbiteThemeSettings]);
 
   const ActiveLogo = activeApp.logo;
-  const TokenizationLogo = appLinks["climateTokenization"].logo;
-  const ExplorerLogo = appLinks["climateExplorer"].logo;
-  const CadtLogo = appLinks["cadt"].logo;
+
+  function getIframeOrigin(iframe) {
+    try {
+      const url = new URL(iframe.src);
+      return url.origin;
+    } catch (error) {
+      console.error("Invalid iframe URL", error);
+      return null;
+    }
+  }
+
+  function sendMessageToIframe(iframe, message) {
+    const targetOrigin = getIframeOrigin(iframe);
+    if (targetOrigin && iframe.contentWindow) {
+      iframe.contentWindow.postMessage(message, targetOrigin);
+    } else {
+      console.error(
+        "Failed to determine target origin or iframe is not available"
+      );
+    }
+  }
+
+  const handleLocaleChange = (event) => {
+    const message = { changeLocale: event };
+    [cadtRef, climateExplorerRef, climateTokenizationRef].forEach((ref) => {
+      if (ref.current) {
+        sendMessageToIframe(ref.current, message);
+      }
+    });
+  };
 
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -48,12 +76,9 @@ const App = () => {
     const formData = new FormData(form);
     const data = Object.fromEntries(formData.entries());
 
-    // Validation function for host
     const isValidHost = (host) => /^https?:\/\/.+(:\d{1,5})?$/.test(host);
-    // Validation function for API key (adjust as needed)
     const isValidApiKey = (key) => key.trim() !== "";
 
-    // Array containing the field names, corresponding error element IDs, and validation functions
     const fields = [
       {
         name: "cadtRegistryHost",
@@ -180,17 +205,18 @@ const App = () => {
           ) : (
             <div></div>
           )}
-
-          {validateLocalStorage() ? (
-            <Button color="gray" onClick={handleDisconnect}>
-              Disconnect
-            </Button>
-          ) : (
-            <Button color="gray" onClick={() => setShowConnect(true)}>
-              Connect
-            </Button>
-          )}
-
+          <div className="flex gap-8 items-center">
+            <LocaleSwitcher handleLocaleChange={handleLocaleChange} />
+            {validateLocalStorage() ? (
+              <Button color="gray" onClick={handleDisconnect}>
+                Disconnect
+              </Button>
+            ) : (
+              <Button color="gray" onClick={() => setShowConnect(true)}>
+                Connect
+              </Button>
+            )}
+          </div>
           {showConnect && (
             <Modal show={true} onClose={() => setShowConnect(false)}>
               <Modal.Header>Connect to Core Registry</Modal.Header>

src/components/LocalSwitcher.jsx

@@ -0,0 +1,39 @@
+import React, { useState } from "react";
+import styled, { withTheme } from "styled-components";
+import { Dropdown } from "flowbite-react";
+
+const LANGUAGE_CODES = Object.freeze({
+  ENGLISH: "en-US",
+  SPANISH: "es-ES",
+  FRENCH: "fr-FR",
+  GERMAN: "de-DE",
+  CHINESE: "cn",
+});
+
+const LocaleSwitcher = ({ handleLocaleChange }) => {
+  const [currentLanguage, setCurrentLanguage] = useState(
+    LANGUAGE_CODES["ENGLISH"]
+  );
+
+  const handleChange = (value) => {
+    setCurrentLanguage(value);
+    handleLocaleChange(value);
+  };
+  return (
+    <Dropdown
+      label={currentLanguage}
+    >
+      {Object.keys(LANGUAGE_CODES).map((key) => (
+        <Dropdown.Item
+          key={LANGUAGE_CODES[key]}
+          onClick={() => handleChange(LANGUAGE_CODES[key])}
+          value={LANGUAGE_CODES[key]}
+        >
+          {key}
+        </Dropdown.Item>
+      ))}
+    </Dropdown>
+  );
+};
+
+export { LocaleSwitcher };

src/flowbite.theme.js

@@ -1,8 +1,8 @@
 export default () => ({
   theme: {
     dropdown: {
-      arrowIcon: "ml-2 h-11 w-4 items-center justify-center",
-      content: "py-1 focus:outline-none",
+      arrowIcon: "ml-2 w-4 self-center justify-center",
+      content: "items-center  py-1 focus:outline-none",
       floating: {
         animation: "transition-opacity",
         arrow: {
@@ -23,7 +23,7 @@ export default () => ({
         hidden: "invisible opacity-0",
         item: {
           container: "focus:outline-none",
-          base: "focus:outline-none flex items-center justify-start py-2 px-4 text-sm text-gray-700 cursor-pointer w-full hover:bg-gray-900 focus:outline-none dark:text-gray-200 dark:hover:bg-gray-900 focus:outline-none dark:hover:text-white dark:focus:bg-gray-600 dark:focus:text-white",
+          base: "focus:outline-none flex items-center justify-start py-2 px-4 text-sm text-white cursor-pointer w-full hover:bg-gray-900 focus:outline-none dark:text-gray-200 dark:hover:bg-gray-900 focus:outline-none dark:hover:text-white dark:focus:bg-gray-600 dark:focus:text-white",
           icon: "mr-2 h-4 w-4 focus:outline-none",
         },
         style: {