add externals

deploy.js

@@ -14,6 +14,7 @@ program
   .option("-b, --branch [BRANCH]", "Use another branch", "master")
   .option("-o, --owner [OWNER]", "Use repo owner", "DerGoogler")
   .option("-n, --name [NAME]", "Use repo name", "mmrl-web")
+  .option("-a, --add", "Only add, and never remove existing files.")
   .option("-l, --blog <BLOG>", "Add a blog link to the release (Placeholder)")
   .action((opt) => {
     const __dir = ["app/src/main/assets/www"];
@@ -29,7 +30,7 @@ program
         name: "github-actions[bot]",
         email: "github-actions[bot]@users.noreply.github.com",
       },
-      add: true,
+      add: false,
     });
   });
 
@@ -110,4 +111,4 @@ program
     createReleaseAndUploadAPKFiles();
   });
 
-program.parse();
+program.parse();

package.json

@@ -6,8 +6,8 @@
     "application_id": "com.dergoogler.mmrl",
     "min_sdk": 26,
     "target_sdk": 34,
-    "version_name": "3.24.32",
-    "version_code": 32432,
+    "version_name": "3.24.33",
+    "version_code": 32433,
     "verified_hosts": [
       [
         "mmrl",

src/external/telegram-pusher/App.tsx

@@ -0,0 +1,314 @@
+import { TextField, Stack, Button, Box, ButtonGroup, Typography, MenuItem, Select, InputLabel, FormControl } from "@mui/material";
+import { Send, Add, Delete } from "@mui/icons-material";
+import React from "react";
+import { useNativeStorage } from "@Hooks/useNativeStorage";
+import { os } from "@Native/Os";
+import { Toolbar } from "@Components/onsenui/Toolbar";
+import { Page } from "@Components/onsenui/Page";
+import { Chooser } from "@Native/Chooser";
+
+const App: React.FC = () => {
+  const [content, setContent] = useNativeStorage("tgs_content", "");
+  const [botToken, setBotToken] = useNativeStorage("tgs_bot_token", "");
+  const [chatId, setChatId] = useNativeStorage("tgs_chat_id", "");
+
+  const [buttons, setButtons] = useNativeStorage("tgs_buttons", [
+    [{ text: "📦 Download", url: "https://google.com" }],
+    [
+      { text: "Source", url: "https://google.com" },
+      { text: "Support", url: "https://google.com" },
+    ],
+    [{ text: "Donate", url: "https://google.com" }],
+  ]);
+
+  const [newButtonText, setNewButtonText] = React.useState("");
+  const [newButtonUrl, setNewButtonUrl] = React.useState("");
+  const [selectedRow, setSelectedRow] = React.useState(0);
+  const [image, setImage] = React.useState("");
+
+  const validBotToken = React.useMemo(() => {
+    return botToken.length >= 43;
+  }, [botToken]);
+
+  const validChatId = React.useMemo(() => {
+    return chatId.length >= 1;
+  }, [chatId]);
+
+  const newButtonValidText = React.useMemo(() => {
+    return newButtonText.length >= 1;
+  }, [newButtonText]);
+
+  const newButtonValidUrl = React.useMemo(() => {
+    const regex = /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(:[0-9]{1,5})?(\/.*)?$/;
+    return regex.test(newButtonUrl);
+  }, [newButtonUrl]);
+
+  const handleRowChange = (event) => {
+    setSelectedRow(event.target.value);
+  };
+
+  const addNewButton = () => {
+    if (newButtonText && newButtonUrl) {
+      const newButton = { text: newButtonText, url: newButtonUrl };
+      const updatedButtons = [...buttons];
+
+      // Check if selected row is valid
+      if (selectedRow >= updatedButtons.length) {
+        // If selected row is out of bounds, add new rows if needed
+        updatedButtons.push([newButton]);
+      } else {
+        // Add button to the selected row
+        updatedButtons[selectedRow] = [...updatedButtons[selectedRow], newButton];
+      }
+
+      setButtons(updatedButtons);
+      setNewButtonText("");
+      setNewButtonUrl("");
+    }
+  };
+
+  const removeButton = (rowIndex, buttonIndex) => {
+    const updatedButtons = buttons
+      .map((row, i) => (i === rowIndex ? row.filter((_, j) => j !== buttonIndex) : row))
+      .filter((row) => row.length > 0); // Filter out empty rows
+
+    setButtons(updatedButtons);
+  };
+
+  const handleSave = React.useCallback(async () => {
+    if (botToken.length <= (43 || 45) || chatId.length <= 1) {
+      os.toast("Cannot send a message without Chat ID or Bot Token", Toast.LENGTH_SHORT);
+      return;
+    }
+
+    console.log(image);
+
+    const type = image ? "caption" : "text";
+
+    try {
+      const response = await fetch(`https://api.telegram.org/bot${botToken}/sendMessage`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          chat_id: chatId,
+          [type]: content,
+          parse_mode: "Markdown",
+          photo: image,
+          disable_web_page_preview: false,
+          reply_markup: JSON.stringify({
+            inline_keyboard: buttons || {},
+          }),
+        }),
+      });
+
+      if (response.ok) {
+        os.toast("Message sent successfully", Toast.LENGTH_SHORT);
+      } else {
+        os.toast("Error sending message: " + response.statusText, Toast.LENGTH_SHORT);
+      }
+    } catch (error) {
+      os.toast("Error sending message: " + (error as Error).message, Toast.LENGTH_SHORT);
+    }
+  }, [botToken, chatId, content, buttons, image]);
+
+  const renderToolbar = () => {
+    return (
+      <Toolbar
+        modifier="noshadow"
+        sx={{
+          backgroundColor: "rgb(36,161,222)",
+        }}
+      >
+        <Toolbar.Center>Telegram Pusher</Toolbar.Center>
+        <Toolbar.Right>
+          <Toolbar.Button disabled={!(validBotToken && validChatId)} icon={Send} onClick={handleSave} />
+        </Toolbar.Right>
+      </Toolbar>
+    );
+  };
+
+  return (
+    <Page sx={{ p: 2 }} renderToolbar={renderToolbar}>
+      <Page.RelativeContent>
+        <Stack
+          direction="row"
+          spacing={2}
+          sx={{
+            mt: 2,
+            justifyContent: "space-between",
+            alignItems: "center",
+          }}
+        >
+          <TextField
+            fullWidth
+            required
+            label="Bot Token"
+            value={botToken}
+            error={!validBotToken}
+            onChange={(e) => {
+              setBotToken(e.target.value);
+            }}
+            variant="filled"
+          />
+          <TextField
+            fullWidth
+            label="Chat ID"
+            required
+            value={chatId}
+            error={!validChatId}
+            onChange={(e) => {
+              setChatId(e.target.value);
+            }}
+            variant="filled"
+          />
+        </Stack>
+        <TextField
+          fullWidth
+          label="Message content"
+          variant="filled"
+          onChange={(e) => {
+            setContent(e.target.value);
+          }}
+          value={content}
+          sx={{
+            mt: 2,
+            height: "25% !important",
+            "& .MuiFilledInput-root": {
+              height: "100% !important",
+            },
+          }}
+          inputProps={{
+            style: {
+              height: "100% !important",
+              fontFamily: "monospace",
+            },
+          }}
+          multiline
+        />
+        {/* <Box sx={{ mt: 2 }}>
+        <Typography variant="h5" gutterBottom>
+          Image
+        </Typography>
+
+        <Button
+          variant="contained"
+          onClick={async () => {
+            const chooseModule = new Chooser("image/*");
+
+            chooseModule.onChose = (files) => {
+              if (Chooser.isSuccess(files)) {
+                setImage(files[0]);
+              }
+            };
+            chooseModule.getFiles();
+          }}
+        >
+          Add Image
+        </Button>
+      </Box> */}
+        <Box sx={{ mt: 2 }}>
+          <Typography variant="h5" gutterBottom>
+            Buttons
+          </Typography>
+
+          <Box mt={1} mb={2}>
+            <FormControl fullWidth variant="filled">
+              <InputLabel>Choose Row</InputLabel>
+              <Select value={selectedRow} onChange={handleRowChange} label="Choose Row">
+                {buttons.map((_, index) => (
+                  <MenuItem key={index} value={index}>
+                    Row {index + 1}
+                  </MenuItem>
+                ))}
+                <MenuItem value={buttons.length}>Add New Row</MenuItem>
+              </Select>
+            </FormControl>
+          </Box>
+
+          <Stack
+            direction="column"
+            spacing={1}
+            sx={{
+              width: "100%",
+              justifyContent: "center",
+              alignItems: "center",
+            }}
+          >
+            {buttons.map((buttonRow, rowIndex) => (
+              <Stack
+                key={rowIndex}
+                direction="row"
+                spacing={1}
+                sx={{
+                  width: "100%",
+                  justifyContent: "center",
+                  alignItems: "center",
+                }}
+              >
+                {buttonRow.map((button, buttonIndex) => (
+                  <ButtonGroup variant="contained" sx={{ width: "100%" }}>
+                    <Button sx={{ width: "100%" }}>{button.text}</Button>
+                    <Button onClick={() => removeButton(rowIndex, buttonIndex)}>
+                      <Delete />
+                    </Button>
+                  </ButtonGroup>
+                ))}
+              </Stack>
+            ))}
+          </Stack>
+
+          <Stack
+            direction="column"
+            spacing={2}
+            sx={{
+              mt: 2,
+              justifyContent: "center",
+              alignItems: "center",
+            }}
+          >
+            <Stack
+              direction="row"
+              spacing={2}
+              sx={{
+                width: "100%",
+                justifyContent: "space-between",
+                alignItems: "center",
+              }}
+            >
+              <TextField
+                label="Button Text"
+                variant="filled"
+                value={newButtonText}
+                error={!newButtonValidText}
+                onChange={(e) => setNewButtonText(e.target.value)}
+                fullWidth
+              />
+              <TextField
+                label="Button URL"
+                value={newButtonUrl}
+                variant="filled"
+                error={!newButtonValidUrl}
+                onChange={(e) => setNewButtonUrl(e.target.value)}
+                fullWidth
+              />
+            </Stack>
+            <Button
+              variant="outlined"
+              fullWidth
+              disabled={!(newButtonValidText && newButtonValidUrl)}
+              color="primary"
+              onClick={addNewButton}
+              endIcon={<Add />}
+            >
+              Add new Button
+            </Button>
+          </Stack>
+        </Box>
+      </Page.RelativeContent>
+    </Page>
+  );
+};
+
+export default App;

src/external/telegram-pusher/index.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import ons from "onsenui";
+import { CssBaseline } from "@mui/material";
+import { LightTheme } from "@Styles/light_theme";
+import { ConfirmProvider } from "material-ui-confirm";
+import { ThemeProvider } from "@Hooks/useTheme";
+import { Preventer, render } from "react-render-tools";
+import { ModFSProvider } from "@Hooks/useModFS";
+
+import "@Styles/onsenui.scss";
+import "@Styles/default.scss";
+
+ons.platform.select("android");
+
+import { configureSingle } from "@zenfs/core";
+import { IndexedDB } from "@zenfs/dom";
+import App from "./App";
+await configureSingle({ backend: IndexedDB });
+
+ons.ready(() => {
+  render(
+    <React.StrictMode>
+      <ThemeProvider>
+        <CssBaseline />
+        <LightTheme />
+        <ModFSProvider>
+          <Preventer prevent="contextmenu">
+            <ConfirmProvider>
+              <App />
+            </ConfirmProvider>
+          </Preventer>
+        </ModFSProvider>
+      </ThemeProvider>
+    </React.StrictMode>,
+    "div"
+  );
+});