Migrate Conf

Website/package.json

@@ -30,6 +30,8 @@
     "@types/webpack": "^5.28.0"
   },
   "dependencies": {
+    "@babel/runtime": "^7.23.2",
+    "@babel/standalone": "^7.23.2",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@giscus/react": "^2.3.0",
@@ -83,6 +85,8 @@
     "@babel/core": "^7.16.5",
     "@babel/preset-env": "^7.16.5",
     "@babel/preset-react": "^7.16.5",
+    "@types/babel__core": "^7.20.2",
+    "@types/babel__standalone": "^7.1.5",
     "@types/fs-extra": "^11.0.1",
     "@types/node": "^18.0.6",
     "@types/object-assign": "^4.0.30",
@@ -103,6 +107,7 @@
     "license-checker": "^25.0.1",
     "mini-css-extract-plugin": "^2.5.3",
     "postcss-loader": "^7.0.0",
+    "raw-loader": "^4.0.2",
     "sass": "^1.49.8",
     "sass-loader": "^13.0.2",
     "style-loader": "^3.3.3",

Website/src/activitys/ConfigureActivity.tsx

@@ -1,13 +1,11 @@
 import { Page } from "@Components/onsenui/Page";
 import { Toolbar } from "@Components/onsenui/Toolbar";
 import { useActivity } from "@Hooks/useActivity";
-import { useStrings } from "@Hooks/useStrings";
 import React from "react";
 import { SuFile } from "@Native/SuFile";
-import { useLog } from "@Hooks/native/useLog";
-import { useTheme } from "@Hooks/useTheme";
 import { useSettings } from "@Hooks/useSettings";
 import { ConfigureView } from "@Components/ConfigureView";
+import { PreviewErrorBoundary } from "./PlaygroundsActivity";
 
 type Extra = {
   raw_data?: string;
@@ -16,15 +14,12 @@ type Extra = {
 };
 
 const ConfigureActivity = () => {
-  const log = useLog("ConfigureActivity");
-  const { strings } = useStrings();
-  const { settings, modConf } = useSettings();
-  const { theme } = useTheme();
+  const { modConf } = useSettings();
   const { context, extra } = useActivity<Extra>();
 
   const config: string = React.useMemo(() => {
     if (!extra.raw_data) {
-      const file = new SuFile(modConf("CONFIG", { MODID: extra.moduleid }));
+      const file = new SuFile(modConf("CONFINDEX", { MODID: extra.moduleid }));
 
       if (file.exist()) {
         return file.read();
@@ -49,7 +44,7 @@ const ConfigureActivity = () => {
 
   return (
     <Page renderToolbar={renderToolbar}>
-      <ConfigureView modid={extra.moduleid}>{config}</ConfigureView>
+      <PreviewErrorBoundary modid={extra.moduleid} children={config} renderElement={ConfigureView} />
     </Page>
   );
 };

Website/src/activitys/FetchTextActivity.tsx

@@ -11,7 +11,7 @@ import { useNetwork } from "@Hooks/useNetwork";
 import { MissingInternet } from "@Components/MissingInternet";
 
 export type FetchTextActivityExtra = {
-  rendering?(props: React.PropsWithChildren): React.JSX.Element;
+  rendering?: React.FunctionComponent<any> | React.ComponentType<any>;
   modulename: string;
   raw_data?: string;
   url?: string;