From 1ebef7ec292f83ff6d9af7f8d910f836252833a7 Mon Sep 17 00:00:00 2001
From: KaWaite <34051327+KaWaite@users.noreply.github.com>
Date: Fri, 28 Jul 2023 21:45:56 +0900
Subject: [PATCH] chore(web): unsafe plugin support (#576)

Co-authored-by: YK <81808708+yk-eukarya@users.noreply.github.com>
---
 server/.env.example                           |  2 +-
 web/src/beta/components/TabButton/index.tsx   | 10 ++--
 .../Editor/tabs/widgets/Nav/Devices/index.tsx | 12 ++---
 .../lib/core/Crust/Infobox/Block/builtin.ts   | 19 --------
 .../{ => builtin}/DataList/index.stories.tsx  |  0
 .../Block/{ => builtin}/DataList/index.tsx    |  4 +-
 .../{ => builtin}/HTML/index.stories.tsx      |  0
 .../Block/{ => builtin}/HTML/index.tsx        |  4 +-
 .../{ => builtin}/Image/index.stories.tsx     |  0
 .../Block/{ => builtin}/Image/index.tsx       |  4 +-
 .../Block/{ => builtin}/Location/icon.svg     |  0
 .../{ => builtin}/Location/index.stories.tsx  |  0
 .../Block/{ => builtin}/Location/index.tsx    |  4 +-
 .../{ => builtin}/Text/index.stories.tsx      |  0
 .../Block/{ => builtin}/Text/index.tsx        |  4 +-
 .../{ => builtin}/Video/index.stories.tsx     |  0
 .../Block/{ => builtin}/Video/index.tsx       |  4 +-
 .../core/Crust/Infobox/Block/builtin/index.ts | 47 +++++++++++++++++++
 .../Infobox/Block/builtin/unsafeBlocks.ts     | 35 ++++++++++++++
 .../lib/core/Crust/Infobox/Block/index.tsx    |  8 ++--
 .../{ => builtin}/Button/MenuButton.tsx       |  4 +-
 .../{ => builtin}/Button/index.stories.tsx    |  2 +-
 .../Widget/{ => builtin}/Button/index.tsx     |  5 +-
 .../{ => builtin}/LegacyMenu/MenuButton.tsx   |  2 +-
 .../LegacyMenu/index.stories.tsx              |  2 +-
 .../Widget/{ => builtin}/LegacyMenu/index.tsx |  2 +-
 .../{ => builtin}/Navigator/UI/hooks.ts       |  0
 .../Navigator/UI/index.stories.tsx            |  0
 .../{ => builtin}/Navigator/UI/index.test.tsx |  0
 .../{ => builtin}/Navigator/UI/index.tsx      |  2 +-
 .../{ => builtin}/Navigator/UI/types.ts       |  0
 .../{ => builtin}/Navigator/UI/utils.test.ts  |  0
 .../{ => builtin}/Navigator/UI/utils.ts       |  0
 .../Widget/{ => builtin}/Navigator/hooks.ts   |  4 +-
 .../{ => builtin}/Navigator/index.stories.tsx |  2 +-
 .../Widget/{ => builtin}/Navigator/index.tsx  |  4 +-
 .../SplashScreen/index.stories.tsx            |  2 +-
 .../{ => builtin}/SplashScreen/index.tsx      |  6 +--
 .../{ => builtin}/Storytelling/hooks.ts       |  2 +-
 .../Storytelling/index.stories.tsx            |  2 +-
 .../{ => builtin}/Storytelling/index.tsx      |  4 +-
 .../Timeline/UI/ScaleList.test.tsx            |  0
 .../{ => builtin}/Timeline/UI/ScaleList.tsx   |  0
 .../{ => builtin}/Timeline/UI/constants.ts    |  0
 .../Widget/{ => builtin}/Timeline/UI/hooks.ts |  0
 .../Timeline/UI/index.stories.tsx             |  0
 .../{ => builtin}/Timeline/UI/index.test.tsx  |  0
 .../{ => builtin}/Timeline/UI/index.tsx       |  0
 .../Widget/{ => builtin}/Timeline/UI/types.ts |  0
 .../{ => builtin}/Timeline/UI/utils.test.ts   |  0
 .../Widget/{ => builtin}/Timeline/UI/utils.ts |  0
 .../Widget/{ => builtin}/Timeline/hooks.ts    |  6 +--
 .../{ => builtin}/Timeline/index.stories.tsx  |  2 +-
 .../Widget/{ => builtin}/Timeline/index.tsx   |  6 +--
 .../Widget/{builtin.ts => builtin/index.ts}   | 31 ++++++++----
 .../Widgets/Widget/builtin/unsafeWidgets.ts   | 37 +++++++++++++++
 web/src/beta/lib/core/Crust/types.ts          | 18 +++++++
 .../beta/lib/unsafeBuiltinPlugins/.gitignore  |  4 ++
 .../beta/lib/unsafeBuiltinPlugins/README.md   | 34 ++++++++++++++
 .../beta/lib/unsafeBuiltinPlugins/index.ts    |  5 ++
 web/src/services/config/index.ts              |  4 +-
 web/src/services/i18n/translations/en.yml     |  2 -
 web/src/services/i18n/translations/ja.yml     |  2 -
 web/tsconfig.json                             |  3 ++
 64 files changed, 263 insertions(+), 93 deletions(-)
 delete mode 100644 web/src/beta/lib/core/Crust/Infobox/Block/builtin.ts
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/DataList/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/DataList/index.tsx (96%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/HTML/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/HTML/index.tsx (98%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Image/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Image/index.tsx (97%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Location/icon.svg (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Location/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Location/index.tsx (96%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Text/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Text/index.tsx (98%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Video/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Infobox/Block/{ => builtin}/Video/index.tsx (97%)
 create mode 100644 web/src/beta/lib/core/Crust/Infobox/Block/builtin/index.ts
 create mode 100644 web/src/beta/lib/core/Crust/Infobox/Block/builtin/unsafeBlocks.ts
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Button/MenuButton.tsx (98%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Button/index.stories.tsx (95%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Button/index.tsx (86%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/LegacyMenu/MenuButton.tsx (99%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/LegacyMenu/index.stories.tsx (98%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/LegacyMenu/index.tsx (97%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/hooks.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/index.test.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/index.tsx (99%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/types.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/utils.test.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/UI/utils.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/hooks.ts (96%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/index.stories.tsx (87%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Navigator/index.tsx (88%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/SplashScreen/index.stories.tsx (96%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/SplashScreen/index.tsx (96%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Storytelling/hooks.ts (99%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Storytelling/index.stories.tsx (95%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Storytelling/index.tsx (98%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/ScaleList.test.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/ScaleList.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/constants.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/hooks.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/index.stories.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/index.test.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/index.tsx (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/types.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/utils.test.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/UI/utils.ts (100%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/hooks.ts (97%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/index.stories.tsx (93%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{ => builtin}/Timeline/index.tsx (91%)
 rename web/src/beta/lib/core/Crust/Widgets/Widget/{builtin.ts => builtin/index.ts} (70%)
 create mode 100644 web/src/beta/lib/core/Crust/Widgets/Widget/builtin/unsafeWidgets.ts
 create mode 100644 web/src/beta/lib/unsafeBuiltinPlugins/.gitignore
 create mode 100644 web/src/beta/lib/unsafeBuiltinPlugins/README.md
 create mode 100644 web/src/beta/lib/unsafeBuiltinPlugins/index.ts

diff --git a/server/.env.example b/server/.env.example
index 660da16c9e..39303e2761 100644
--- a/server/.env.example
+++ b/server/.env.example
@@ -76,5 +76,5 @@ REEARTH_SES_NAME=
 #REEARTH_GCS_PUBLICATIONCACHECONTROL=
 
 # Extension plugin url as csv
-# each path should contais `reearth.yml` file
+# each path should contain `reearth.yml` file
 REEARTH_EXT_PLUGIN=http://fileserve.local:8090/pluging-01,http://fileserve.local:8090/pluging-02
diff --git a/web/src/beta/components/TabButton/index.tsx b/web/src/beta/components/TabButton/index.tsx
index 135f8a3ce8..6684de430f 100644
--- a/web/src/beta/components/TabButton/index.tsx
+++ b/web/src/beta/components/TabButton/index.tsx
@@ -1,9 +1,9 @@
 import type { FC } from "react";
 
+import Text from "@reearth/beta/components/Text";
 import { styled } from "@reearth/services/theme";
 
 import Icon, { Icons } from "../Icon";
-import Text from "../Text";
 
 export type Props = {
   label: string;
@@ -14,7 +14,7 @@ export type Props = {
 
 const TabButton: FC<Props> = ({ label, icon, onClick, selected }) => {
   return (
-    <Button onClick={onClick} disabled={selected}>
+    <Button onClick={onClick} selected={selected} disabled={selected}>
       {icon && <Icon icon={icon} size={20} />}
       <Text size="body" customColor>
         {label}
@@ -24,7 +24,7 @@ const TabButton: FC<Props> = ({ label, icon, onClick, selected }) => {
 };
 
 type ButtonProps = {
-  disabled?: boolean;
+  selected?: boolean;
 };
 
 const Button = styled.button<ButtonProps>`
@@ -35,10 +35,8 @@ const Button = styled.button<ButtonProps>`
   padding: 4px 8px;
   gap: 8px;
   border-radius: 4px;
-  color: ${({ disabled, theme }) => (disabled ? theme.content.main : theme.content.weak)};
+  color: ${({ selected, theme }) => (selected ? theme.content.main : theme.content.weak)};
   background: ${({ disabled, theme }) => (disabled ? theme.bg[3] : theme.bg[0])};
-  font-weight: 700;
-  font-size: 14px;
   line-height: 19px;
   white-space: nowrap;
   overflow: hidden;
diff --git a/web/src/beta/features/Editor/tabs/widgets/Nav/Devices/index.tsx b/web/src/beta/features/Editor/tabs/widgets/Nav/Devices/index.tsx
index 04c0363711..695487bc41 100644
--- a/web/src/beta/features/Editor/tabs/widgets/Nav/Devices/index.tsx
+++ b/web/src/beta/features/Editor/tabs/widgets/Nav/Devices/index.tsx
@@ -1,5 +1,5 @@
-import TabButton from "@reearth/beta/components/TabButton";
-import { useT } from "@reearth/services/i18n";
+// import TabButton from "@reearth/beta/components/TabButton";
+// import { useT } from "@reearth/services/i18n";
 import { styled } from "@reearth/services/theme";
 
 export type Device = "desktop" | "mobile";
@@ -18,11 +18,11 @@ type Props = {
   onDeviceChange: (device: Device) => void;
 };
 
-const Devices: React.FC<Props> = ({ selectedDevice, onDeviceChange }) => {
-  const t = useT();
+const Devices: React.FC<Props> = () => {
+  // const t = useT();
   return (
     <DeviceWrapper>
-      <TabButton
+      {/* <TabButton
         label={t("Desktop")}
         icon="desktop"
         selected={selectedDevice === "desktop"}
@@ -33,7 +33,7 @@ const Devices: React.FC<Props> = ({ selectedDevice, onDeviceChange }) => {
         icon="mobile"
         selected={selectedDevice === "mobile"}
         onClick={() => onDeviceChange("mobile")}
-      />
+      /> */}
     </DeviceWrapper>
   );
 };
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/builtin.ts b/web/src/beta/lib/core/Crust/Infobox/Block/builtin.ts
deleted file mode 100644
index 9b65473a21..0000000000
--- a/web/src/beta/lib/core/Crust/Infobox/Block/builtin.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import DataList from "./DataList";
-import HTML from "./HTML";
-import Image from "./Image";
-import Location from "./Location";
-import Text from "./Text";
-import Video from "./Video";
-
-import type { Component } from ".";
-
-const builtin: Record<string, Component> = {
-  "reearth/dlblock": DataList,
-  "reearth/imageblock": Image,
-  "reearth/locationblock": Location,
-  "reearth/textblock": Text,
-  "reearth/videoblock": Video,
-  "reearth/htmlblock": HTML,
-};
-
-export default builtin;
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/DataList/index.stories.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/DataList/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/DataList/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/DataList/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/DataList/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/DataList/index.tsx
similarity index 96%
rename from web/src/beta/lib/core/Crust/Infobox/Block/DataList/index.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/DataList/index.tsx
index 717858e511..d587c52985 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/DataList/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/DataList/index.tsx
@@ -4,8 +4,8 @@ import Icon from "@reearth/beta/components/Icon";
 import { Typography, typographyStyles } from "@reearth/beta/utils/value";
 import { styled } from "@reearth/services/theme";
 
-import { CommonProps as BlockProps } from "..";
-import { Border, Title } from "../utils";
+import { CommonProps as BlockProps } from "../..";
+import { Border, Title } from "../../utils";
 
 export type Props = BlockProps<Property>;
 
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/HTML/index.stories.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/HTML/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/HTML/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/HTML/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/HTML/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/HTML/index.tsx
similarity index 98%
rename from web/src/beta/lib/core/Crust/Infobox/Block/HTML/index.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/HTML/index.tsx
index 9507ea05e6..e9efc3c51b 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/HTML/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/HTML/index.tsx
@@ -5,8 +5,8 @@ import { useT } from "@reearth/services/i18n";
 import { styled } from "@reearth/services/theme";
 import fonts from "@reearth/services/theme/reearthTheme/common/fonts";
 
-import { CommonProps as BlockProps } from "..";
-import { Border } from "../utils";
+import { CommonProps as BlockProps } from "../..";
+import { Border } from "../../utils";
 
 export type Props = BlockProps<Property>;
 
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Image/index.stories.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Image/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Image/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Image/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Image/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Image/index.tsx
similarity index 97%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Image/index.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Image/index.tsx
index eb46c56af9..23bfe8fb06 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/Image/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Image/index.tsx
@@ -3,8 +3,8 @@ import React, { useCallback, useState } from "react";
 import Icon from "@reearth/beta/components/Icon";
 import { styled } from "@reearth/services/theme";
 
-import { CommonProps as BlockProps } from "..";
-import { Border, Title } from "../utils";
+import { CommonProps as BlockProps } from "../..";
+import { Border, Title } from "../../utils";
 
 export type Props = BlockProps<Property>;
 
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Location/icon.svg b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/icon.svg
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Location/icon.svg
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/icon.svg
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Location/index.stories.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Location/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Location/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/index.tsx
similarity index 96%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Location/index.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/index.tsx
index 893174b9ae..bb22145d26 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/Location/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Location/index.tsx
@@ -5,8 +5,8 @@ import "leaflet/dist/leaflet.css";
 
 import { styled } from "@reearth/services/theme";
 
-import { CommonProps as BlockProps, LatLng } from "..";
-import { Border, Title } from "../utils";
+import { CommonProps as BlockProps, LatLng } from "../..";
+import { Border, Title } from "../../utils";
 
 import iconSvg from "./icon.svg?raw";
 
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Text/index.stories.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Text/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Text/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Text/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Text/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Text/index.tsx
similarity index 98%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Text/index.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Text/index.tsx
index 3980293968..830560cec4 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/Text/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Text/index.tsx
@@ -7,8 +7,8 @@ import { useT } from "@reearth/services/i18n";
 import { styled, useTheme } from "@reearth/services/theme";
 import fonts from "@reearth/services/theme/reearthTheme/common/fonts";
 
-import { CommonProps as BlockProps, Typography } from "..";
-import { Border, typographyStyles } from "../utils";
+import { CommonProps as BlockProps, Typography } from "../..";
+import { Border, typographyStyles } from "../../utils";
 
 export type Props = BlockProps<Property>;
 
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Video/index.stories.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Video/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Video/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Video/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/Video/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Video/index.tsx
similarity index 97%
rename from web/src/beta/lib/core/Crust/Infobox/Block/Video/index.tsx
rename to web/src/beta/lib/core/Crust/Infobox/Block/builtin/Video/index.tsx
index e9a74d1c70..3903d45b7a 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/Video/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/Video/index.tsx
@@ -4,8 +4,8 @@ import Player from "react-player";
 import Icon from "@reearth/beta/components/Icon";
 import { styled } from "@reearth/services/theme";
 
-import { CommonProps as BlockProps } from "..";
-import { Border, Title } from "../utils";
+import { CommonProps as BlockProps } from "../..";
+import { Border, Title } from "../../utils";
 
 export type Props = BlockProps<Property>;
 
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/builtin/index.ts b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/index.ts
new file mode 100644
index 0000000000..0ac87605ef
--- /dev/null
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/index.ts
@@ -0,0 +1,47 @@
+import { merge } from "lodash-es";
+
+import type { Component } from "..";
+
+import DataList from "./DataList";
+import HTML from "./HTML";
+import Image from "./Image";
+import Location from "./Location";
+import Text from "./Text";
+import { unsafeBuiltinBlocks, type UnsafeBuiltinBlocks } from "./unsafeBlocks";
+import Video from "./Video";
+
+export const DATALIST_BUILTIN_BLOCK_ID = "reearth/dlblock";
+export const IMAGE_BUILTIN_BLOCK_ID = "reearth/imageblock";
+export const LOCATION_BUILTIN_BLOCK_ID = "reearth/locationblock";
+export const TEXT_BUILTIN_BLOCK_ID = "reearth/textblock";
+export const VIDEO_BUILTIN_BLOCK_ID = "reearth/videoblock";
+export const HTML_BUILTIN_BLOCK_ID = "reearth/htmlblock";
+
+export type ReEarthBuiltinBlocks<T = unknown> = Record<
+  | typeof DATALIST_BUILTIN_BLOCK_ID
+  | typeof IMAGE_BUILTIN_BLOCK_ID
+  | typeof LOCATION_BUILTIN_BLOCK_ID
+  | typeof TEXT_BUILTIN_BLOCK_ID
+  | typeof VIDEO_BUILTIN_BLOCK_ID
+  | typeof HTML_BUILTIN_BLOCK_ID,
+  T
+>;
+
+export type BuiltinBlocks<T = unknown> = ReEarthBuiltinBlocks<T> & UnsafeBuiltinBlocks<T>;
+
+const reearthBuiltin: BuiltinBlocks<Component> = {
+  [DATALIST_BUILTIN_BLOCK_ID]: DataList,
+  [IMAGE_BUILTIN_BLOCK_ID]: Image,
+  [LOCATION_BUILTIN_BLOCK_ID]: Location,
+  [TEXT_BUILTIN_BLOCK_ID]: Text,
+  [VIDEO_BUILTIN_BLOCK_ID]: Video,
+  [HTML_BUILTIN_BLOCK_ID]: HTML,
+};
+
+const builtin = merge({}, reearthBuiltin, unsafeBuiltinBlocks);
+
+export const isBuiltinBlock = (id: string): id is keyof BuiltinBlocks => {
+  return !!builtin[id as keyof BuiltinBlocks];
+};
+
+export default builtin;
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/builtin/unsafeBlocks.ts b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/unsafeBlocks.ts
new file mode 100644
index 0000000000..abebd3fc7f
--- /dev/null
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/builtin/unsafeBlocks.ts
@@ -0,0 +1,35 @@
+import { merge } from "lodash-es";
+
+import { Component } from "..";
+import { UnsafeBuiltinPlugin } from "../../../types";
+
+export type UnsafeBuiltinBlocks<T = unknown> = Record<string, T>;
+
+const unsafeBuiltinPlugins = (
+  await import(/* @vite-ignore */ "@reearth/beta/lib/unsafeBuiltinPlugins")
+).default;
+
+export const unsafeBuiltinBlocks = processUnsafeBuiltinBlocks(unsafeBuiltinPlugins);
+
+function processUnsafeBuiltinBlocks(plugin?: UnsafeBuiltinPlugin[]) {
+  if (!plugin) return;
+
+  const unsafeBlocks: UnsafeBuiltinBlocks<Component> | undefined = plugin
+    .map(p =>
+      p.widgets.map(w => {
+        return {
+          widgetId: `${p.id}/${w.extensionId}`,
+          ...w,
+        };
+      }),
+    )
+    .reduce((a, b) => {
+      const newObject: { [key: string]: Component } = {};
+      b.forEach(w => {
+        newObject[w.widgetId] = w.component;
+      });
+      return merge(a, newObject);
+    }, {});
+
+  return unsafeBlocks;
+}
diff --git a/web/src/beta/lib/core/Crust/Infobox/Block/index.tsx b/web/src/beta/lib/core/Crust/Infobox/Block/index.tsx
index faf43dec76..dfa6f25434 100644
--- a/web/src/beta/lib/core/Crust/Infobox/Block/index.tsx
+++ b/web/src/beta/lib/core/Crust/Infobox/Block/index.tsx
@@ -7,7 +7,7 @@ import { styled } from "@reearth/services/theme";
 import { Theme } from "../../types";
 import type { Block, BlockProps, InfoboxProperty } from "../types";
 
-import builtin from "./builtin";
+import builtin, { isBuiltinBlock } from "./builtin";
 
 export type { InfoboxProperty, Typography, LatLng } from "../types";
 
@@ -38,10 +38,8 @@ export default function BlockComponent<P = any>({
   renderBlock,
   ...props
 }: Props<P>): JSX.Element | null {
-  const Builtin =
-    props.block?.pluginId && props.block.extensionId
-      ? builtin[`${props.block.pluginId}/${props.block.extensionId}`]
-      : undefined;
+  const builtinBlockId = `${props.block?.pluginId}/${props.block?.extensionId}`;
+  const Builtin = isBuiltinBlock(builtinBlockId) ? builtin[builtinBlockId] : undefined;
 
   return Builtin ? (
     <Builtin {...props} />
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Button/MenuButton.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/MenuButton.tsx
similarity index 98%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Button/MenuButton.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/MenuButton.tsx
index 3fbae10d0e..8e385661f3 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Button/MenuButton.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/MenuButton.tsx
@@ -6,8 +6,8 @@ import Icon from "@reearth/beta/components/Icon";
 import Text from "@reearth/beta/components/Text";
 import { styled, metricsSizes, mask } from "@reearth/services/theme";
 
-import type { Camera, FlyToDestination, Theme } from "../types";
-import { Visible } from "../useVisible";
+import type { Camera, FlyToDestination, Theme } from "../../types";
+import { Visible } from "../../useVisible";
 
 export type Button = {
   id: string;
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Button/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/index.stories.tsx
similarity index 95%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Button/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/index.stories.tsx
index f0ea972007..789a44b485 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Button/index.stories.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/index.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, Story } from "@storybook/react";
 import { Math as CesiumMath } from "cesium";
 
-import { contextEvents } from "../storybook";
+import { contextEvents } from "../../storybook";
 
 import Button, { Props } from ".";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Button/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/index.tsx
similarity index 86%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Button/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/index.tsx
index 55a93d0e24..f5042a093d 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Button/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Button/index.tsx
@@ -1,7 +1,7 @@
 import { styled } from "@reearth/services/theme";
 
-import type { ComponentProps as WidgetProps } from "..";
-import { useVisible } from "../useVisible";
+import type { ComponentProps as WidgetProps } from "../..";
+import { useVisible } from "../../useVisible";
 
 import MenuButton, { Button as ButtonType, MenuItem as MenuItemType } from "./MenuButton";
 
@@ -27,6 +27,7 @@ const Menu = ({
     isMobile,
     onVisibilityChange,
   });
+  // console.log("BOKOSDFJ CONTEXT:", onFlyTo);
 
   return visible ? (
     <Wrapper>
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/MenuButton.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/MenuButton.tsx
similarity index 99%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/MenuButton.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/MenuButton.tsx
index e688bb83a9..23b2dfcf9a 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/MenuButton.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/MenuButton.tsx
@@ -8,7 +8,7 @@ import Icon from "@reearth/beta/components/Icon";
 import { Camera } from "@reearth/beta/utils/value";
 import { fonts, styled } from "@reearth/services/theme";
 
-import type { FlyToDestination, Theme } from "../types";
+import type { FlyToDestination, Theme } from "../../types";
 
 export type Position = "topleft" | "topright" | "bottomleft" | "bottomright";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/index.stories.tsx
similarity index 98%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/index.stories.tsx
index 083302fc7b..df6c539508 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/index.stories.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/index.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, Story } from "@storybook/react";
 import { Math as CesiumMath } from "cesium";
 
-import { contextEvents } from "../storybook";
+import { contextEvents } from "../../storybook";
 
 import Menu, { Props } from ".";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/index.tsx
similarity index 97%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/index.tsx
index 54edc8e206..891dd8ad6c 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/LegacyMenu/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/LegacyMenu/index.tsx
@@ -4,7 +4,7 @@ import { useMemo } from "react";
 import Flex from "@reearth/beta/components/Flex";
 import { styled } from "@reearth/services/theme";
 
-import type { ComponentProps as WidgetProps } from "..";
+import type { ComponentProps as WidgetProps } from "../..";
 
 import MenuButton, {
   Button as ButtonType,
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/hooks.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/hooks.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/hooks.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/hooks.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.test.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.test.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.test.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.test.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.tsx
similarity index 99%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.tsx
index 644829af06..577ac813a6 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/index.tsx
@@ -4,7 +4,7 @@ import Icon from "@reearth/beta/components/Icon";
 import { useT } from "@reearth/services/i18n";
 import { styled } from "@reearth/services/theme";
 
-import type { Theme } from "../../types";
+import type { Theme } from "../../../types";
 
 import { useNavigator } from "./hooks";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/types.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/types.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/types.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/types.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/utils.test.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/utils.test.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/utils.test.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/utils.test.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/utils.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/utils.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/UI/utils.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/UI/utils.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/hooks.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/hooks.ts
similarity index 96%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/hooks.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/hooks.ts
index 120bdade58..0ff0bbf0df 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/hooks.ts
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/hooks.ts
@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback, useRef } from "react";
 
-import type { Camera, FlyToDestination, Widget } from "../types";
-import { useVisible } from "../useVisible";
+import type { Camera, FlyToDestination, Widget } from "../../types";
+import { useVisible } from "../../useVisible";
 
 import { degreeToRadian, radianToDegree } from "./UI";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/index.stories.tsx
similarity index 87%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/index.stories.tsx
index fd506996ab..6dc4ed3f49 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/index.stories.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, Story } from "@storybook/react";
 
-import { contextEvents } from "../storybook";
+import { contextEvents } from "../../storybook";
 
 import Component, { Props } from ".";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/index.tsx
similarity index 88%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/index.tsx
index 8916fcd2ab..75d1aec7e5 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Navigator/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Navigator/index.tsx
@@ -1,5 +1,5 @@
-import type { ComponentProps as WidgetProps } from "..";
-import { Visible } from "../useVisible";
+import type { ComponentProps as WidgetProps } from "../..";
+import { Visible } from "../../useVisible";
 
 import useHooks from "./hooks";
 import NavigatorUI from "./UI";
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/SplashScreen/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/SplashScreen/index.stories.tsx
similarity index 96%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/SplashScreen/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/SplashScreen/index.stories.tsx
index 05c0c7cd31..220c10c5bd 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/SplashScreen/index.stories.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/SplashScreen/index.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, Story } from "@storybook/react";
 import { Math as CesiumMath } from "cesium";
 
-import { contextEvents } from "../storybook";
+import { contextEvents } from "../../storybook";
 
 import SplashScreen, { Props } from ".";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/SplashScreen/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/SplashScreen/index.tsx
similarity index 96%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/SplashScreen/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/SplashScreen/index.tsx
index aef99bd656..bb7d277162 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/SplashScreen/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/SplashScreen/index.tsx
@@ -4,9 +4,9 @@ import { useTimeoutFn } from "react-use";
 
 import { styled } from "@reearth/services/theme";
 
-import type { ComponentProps as WidgetProps } from "..";
-import type { Camera } from "../types";
-import { useVisible, Visible } from "../useVisible";
+import type { ComponentProps as WidgetProps } from "../..";
+import type { Camera } from "../../types";
+import { useVisible, Visible } from "../../useVisible";
 
 export type Props = WidgetProps<Property>;
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/hooks.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/hooks.ts
similarity index 99%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/hooks.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/hooks.ts
index 92eec98953..c46a7cec0f 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/hooks.ts
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/hooks.ts
@@ -1,7 +1,7 @@
 import { Math as CesiumMath } from "cesium";
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";
 
-import { Camera, FlyToDestination, LookAtDestination } from "../types";
+import { Camera, FlyToDestination, LookAtDestination } from "../../types";
 
 export type Story = {
   title: string;
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/index.stories.tsx
similarity index 95%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/index.stories.tsx
index c998e5bb96..86a224355f 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/index.stories.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, Story } from "@storybook/react";
 
-import { contextEvents } from "../storybook";
+import { contextEvents } from "../../storybook";
 
 import Component, { Props } from ".";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/index.tsx
similarity index 98%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/index.tsx
index 0a32cf9d0d..69fe21c111 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Storytelling/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Storytelling/index.tsx
@@ -6,8 +6,8 @@ import Icon from "@reearth/beta/components/Icon";
 import Text from "@reearth/beta/components/Text";
 import { styled, css, metricsSizes } from "@reearth/services/theme";
 
-import type { ComponentProps as WidgetProps } from "..";
-import type { Camera, Theme } from "../types";
+import type { ComponentProps as WidgetProps } from "../..";
+import type { Camera, Theme } from "../../types";
 
 import useHooks, { Story as StoryType } from "./hooks";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/ScaleList.test.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/ScaleList.test.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/ScaleList.test.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/ScaleList.test.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/ScaleList.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/ScaleList.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/ScaleList.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/ScaleList.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/constants.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/constants.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/constants.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/constants.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/hooks.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/hooks.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/hooks.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/hooks.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/index.stories.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/index.stories.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/index.test.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/index.test.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/index.test.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/index.test.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/index.tsx
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/index.tsx
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/types.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/types.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/types.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/types.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/utils.test.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/utils.test.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/utils.test.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/utils.test.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/utils.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/utils.ts
similarity index 100%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/UI/utils.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI/utils.ts
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/hooks.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/hooks.ts
similarity index 97%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/hooks.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/hooks.ts
index f6aafec042..69a2c24a5a 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/hooks.ts
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/hooks.ts
@@ -1,10 +1,10 @@
 import { useState, useCallback, useEffect, useRef } from "react";
 
-import type { TimeEventHandler } from "@reearth/beta/lib/core/Crust/Widgets/Widget/Timeline/UI";
+import type { TimeEventHandler } from "@reearth/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI";
 import { TickEvent, TickEventCallback } from "@reearth/beta/lib/core/Map";
 
-import type { Clock, Widget } from "../types";
-import { useVisible } from "../useVisible";
+import type { Clock, Widget } from "../../types";
+import { useVisible } from "../../useVisible";
 
 const MAX_RANGE = 86400000; // a day
 const getOrNewDate = (d?: Date) => d ?? new Date();
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/index.stories.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/index.stories.tsx
similarity index 93%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/index.stories.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/index.stories.tsx
index 321953e8e8..dfcbdc3b2c 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/index.stories.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/index.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, Story } from "@storybook/react";
 
-import { contextEvents } from "../storybook";
+import { contextEvents } from "../../storybook";
 
 import Component, { Props } from ".";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/index.tsx b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/index.tsx
similarity index 91%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/index.tsx
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/index.tsx
index e84c9fabcb..9d416cd5b9 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/Timeline/index.tsx
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/index.tsx
@@ -1,8 +1,8 @@
-import TimelineUI from "@reearth/beta/lib/core/Crust/Widgets/Widget/Timeline/UI";
+import TimelineUI from "@reearth/beta/lib/core/Crust/Widgets/Widget/builtin/Timeline/UI";
 import { styled } from "@reearth/services/theme";
 
-import type { ComponentProps as WidgetProps } from "..";
-import { Visible } from "../useVisible";
+import type { ComponentProps as WidgetProps } from "../..";
+import { Visible } from "../../useVisible";
 
 import { useTimeline } from "./hooks";
 
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/builtin.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/index.ts
similarity index 70%
rename from web/src/beta/lib/core/Crust/Widgets/Widget/builtin.ts
rename to web/src/beta/lib/core/Crust/Widgets/Widget/builtin/index.ts
index 0918aed4f5..47cb1599c8 100644
--- a/web/src/beta/lib/core/Crust/Widgets/Widget/builtin.ts
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/index.ts
@@ -1,11 +1,12 @@
+import { merge } from "lodash-es";
+
 import Button from "./Button";
 import Menu from "./LegacyMenu";
 import Navigator from "./Navigator";
 import SplashScreen from "./SplashScreen";
 import Storytelling from "./Storytelling";
 import Timeline from "./Timeline";
-
-import type { Component } from ".";
+import { Component, unsafeBuiltinWidgets, type UnsafeBuiltinWidgets } from "./unsafeWidgets";
 
 export const MENU_BUILTIN_WIDGET_ID = "reearth/menu"; // legacy
 export const BUTTON_BUILTIN_WIDGET_ID = "reearth/button";
@@ -14,7 +15,7 @@ export const STORYTELLING_BUILTIN_WIDGET_ID = "reearth/storytelling";
 export const TIMELINE_BUILTIN_WIDGET_ID = "reearth/timeline";
 export const NAVIGATOR_BUILTIN_WIDGET_ID = "reearth/navigator";
 
-export type BuiltinWidgets<T = unknown> = Record<
+export type ReEarthBuiltinWidgets<T = unknown> = Record<
   | typeof MENU_BUILTIN_WIDGET_ID
   | typeof BUTTON_BUILTIN_WIDGET_ID
   | typeof SPLASHSCREEN_BUILTIN_WIDGET_ID
@@ -24,7 +25,9 @@ export type BuiltinWidgets<T = unknown> = Record<
   T
 >;
 
-const BUILTIN_WIDGET_OPTIONS: BuiltinWidgets<{ animation?: boolean }> = {
+export type BuiltinWidgets<T = unknown> = ReEarthBuiltinWidgets<T> & UnsafeBuiltinWidgets<T>;
+
+const REEARTH_BUILTIN_WIDGET_OPTIONS: BuiltinWidgets<{ animation?: boolean }> = {
   [MENU_BUILTIN_WIDGET_ID]: {},
   [BUTTON_BUILTIN_WIDGET_ID]: {},
   [SPLASHSCREEN_BUILTIN_WIDGET_ID]: {},
@@ -37,13 +40,14 @@ const BUILTIN_WIDGET_OPTIONS: BuiltinWidgets<{ animation?: boolean }> = {
   },
 };
 
-export const getBuiltinWidgetOptions = (id: string) =>
-  BUILTIN_WIDGET_OPTIONS[id as keyof BuiltinWidgets];
+const BUILTIN_WIDGET_OPTIONS: BuiltinWidgets<{ animation?: boolean }> =
+  REEARTH_BUILTIN_WIDGET_OPTIONS;
 
-export const isBuiltinWidget = (id: string): id is keyof BuiltinWidgets =>
-  !!builtin[id as keyof BuiltinWidgets];
+Object.keys(unsafeBuiltinWidgets ?? {}).map(uw => {
+  BUILTIN_WIDGET_OPTIONS[uw] = {};
+});
 
-const builtin: BuiltinWidgets<Component> = {
+const reearthBuiltin: BuiltinWidgets<Component> = {
   [MENU_BUILTIN_WIDGET_ID]: Menu,
   [BUTTON_BUILTIN_WIDGET_ID]: Button,
   [SPLASHSCREEN_BUILTIN_WIDGET_ID]: SplashScreen,
@@ -52,4 +56,13 @@ const builtin: BuiltinWidgets<Component> = {
   [NAVIGATOR_BUILTIN_WIDGET_ID]: Navigator,
 };
 
+const builtin = merge({}, reearthBuiltin, unsafeBuiltinWidgets);
+
+export const getBuiltinWidgetOptions = (id: string) =>
+  BUILTIN_WIDGET_OPTIONS[id as keyof BuiltinWidgets];
+
+export const isBuiltinWidget = (id: string): id is keyof BuiltinWidgets => {
+  return !!builtin[id as keyof BuiltinWidgets];
+};
+
 export default builtin;
diff --git a/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/unsafeWidgets.ts b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/unsafeWidgets.ts
new file mode 100644
index 0000000000..cf9faaa823
--- /dev/null
+++ b/web/src/beta/lib/core/Crust/Widgets/Widget/builtin/unsafeWidgets.ts
@@ -0,0 +1,37 @@
+import { merge } from "lodash-es";
+
+import type { Component } from "..";
+import { UnsafeBuiltinPlugin } from "../../../types";
+
+export type { Component } from "..";
+
+export type UnsafeBuiltinWidgets<T = unknown> = Record<string, T>;
+
+const unsafeBuiltinPlugins = (
+  await import(/* @vite-ignore */ "@reearth/beta/lib/unsafeBuiltinPlugins")
+).default;
+
+export const unsafeBuiltinWidgets = processUnsafeBuiltinWidgets(unsafeBuiltinPlugins);
+
+function processUnsafeBuiltinWidgets(plugin?: UnsafeBuiltinPlugin[]) {
+  if (!plugin) return;
+
+  const unsafeWidgets: UnsafeBuiltinWidgets<Component> | undefined = plugin
+    .map(p =>
+      p.widgets.map(w => {
+        return {
+          widgetId: `${p.id}/${w.extensionId}`,
+          ...w,
+        };
+      }),
+    )
+    .reduce((a, b) => {
+      const newObject: { [key: string]: Component } = {};
+      b.forEach(w => {
+        newObject[w.widgetId] = w.component;
+      });
+      return merge(a, newObject);
+    }, {});
+
+  return unsafeWidgets;
+}
diff --git a/web/src/beta/lib/core/Crust/types.ts b/web/src/beta/lib/core/Crust/types.ts
index 61bdb4339c..50f239bb26 100644
--- a/web/src/beta/lib/core/Crust/types.ts
+++ b/web/src/beta/lib/core/Crust/types.ts
@@ -12,3 +12,21 @@ export type {
 } from "../Map";
 export type { Theme } from "./theme";
 export type { InteractionModeType } from "./interactionMode";
+
+export type UnsafeBuiltinPlugin = {
+  id: string;
+  name: string;
+  widgets: UnsafeBuiltinWidget[];
+  blocks: UnsafeBuiltinBlock[];
+};
+
+type UnsafeBuiltinWidget = UnsafeBuiltinPluginExtension<"widget">;
+
+type UnsafeBuiltinBlock = UnsafeBuiltinPluginExtension<"block">;
+
+type UnsafeBuiltinPluginExtension<T extends "widget" | "block"> = {
+  type: T;
+  extensionId: string;
+  name: string;
+  component: React.FC;
+};
diff --git a/web/src/beta/lib/unsafeBuiltinPlugins/.gitignore b/web/src/beta/lib/unsafeBuiltinPlugins/.gitignore
new file mode 100644
index 0000000000..c795b63c43
--- /dev/null
+++ b/web/src/beta/lib/unsafeBuiltinPlugins/.gitignore
@@ -0,0 +1,4 @@
+*
+!.gitignore
+!README.md
+!index.ts
\ No newline at end of file
diff --git a/web/src/beta/lib/unsafeBuiltinPlugins/README.md b/web/src/beta/lib/unsafeBuiltinPlugins/README.md
new file mode 100644
index 0000000000..cf9550e745
--- /dev/null
+++ b/web/src/beta/lib/unsafeBuiltinPlugins/README.md
@@ -0,0 +1,34 @@
+# *!!!! USE AT OWN RISK !!!!*
+#### This folder is for any personal plugins you want to write but be treated as builtin, bypassing the sandboxing that happens to regularly installed plugins.
+
+
+## Basic setup guide
+### Server
+You must add the URL that is hosting your unsafe builting plugin's YAML file to the server's environment variables `REEARTH_EXT_PLUGIN`. 
+
+For example, you have `REEARTH_EXT_PLUGIN=https://example/com/myPlugin/reearth.yml`, add `REEARTH_EXT_PLUGIN=https://example/com/myPlugin` to your environment variables.
+
+### Frontend
+
+unsafeBuiltinPlugins
+
+Add your plugin code here in their own, plugin separated, directories. Import these in to the unsafeBuiltinPlugins/index.ts file.
+
+Plugin directory structure
+- in the root directory have an index.jsx/tsx file that exports your plugin as default
+
+```
+type Extension<T extends "widget" | "block"> = {
+      type: T;
+        extensionId: string;
+        name: string;
+        component: <Reference Component types in `src/beta/lib/core/Crust/Widgets/Widget` and `src/beta/lib/core/Crust/Infobox/Block` respectively>
+}
+
+type Plugin = {
+    id: string;
+    name: string;
+    widgets: Extension<"widget">[];
+    blocks: Extension<"block">[];
+}
+```
\ No newline at end of file
diff --git a/web/src/beta/lib/unsafeBuiltinPlugins/index.ts b/web/src/beta/lib/unsafeBuiltinPlugins/index.ts
new file mode 100644
index 0000000000..f5a9972005
--- /dev/null
+++ b/web/src/beta/lib/unsafeBuiltinPlugins/index.ts
@@ -0,0 +1,5 @@
+// import { default as myExampleUnsafePlugin } from "./myExampleUnsafePlugin/index.jsx";
+
+// export default [myExampleUnsafePlugin];
+
+export default [];
diff --git a/web/src/services/config/index.ts b/web/src/services/config/index.ts
index a4e6df0beb..ff091cac96 100644
--- a/web/src/services/config/index.ts
+++ b/web/src/services/config/index.ts
@@ -1,6 +1,6 @@
-import { Viewer } from "cesium";
+import { type Viewer } from "cesium";
 
-import { configureCognito, type CognitoParams } from "./aws";
+import { type CognitoParams, configureCognito } from "./aws";
 import { defaultConfig } from "./defaultConfig";
 import { type Extensions, loadExtensions } from "./extensions";
 import { type PasswordPolicy, convertPasswordPolicy } from "./passwordPolicy";
diff --git a/web/src/services/i18n/translations/en.yml b/web/src/services/i18n/translations/en.yml
index ea83c7a938..6b3b81f83c 100644
--- a/web/src/services/i18n/translations/en.yml
+++ b/web/src/services/i18n/translations/en.yml
@@ -3,8 +3,6 @@ New Page: New Page
 New Swipe: New Swipe
 Story: Story
 Page: Page
-Desktop: Desktop
-Mobile: Mobile
 Align System: Align System
 Widget Manager: Widget Manager
 Inspector: Inspector
diff --git a/web/src/services/i18n/translations/ja.yml b/web/src/services/i18n/translations/ja.yml
index ae91968ffe..4e065b03cd 100644
--- a/web/src/services/i18n/translations/ja.yml
+++ b/web/src/services/i18n/translations/ja.yml
@@ -3,8 +3,6 @@ New Page: 新しいページ
 New Swipe: 新しいスワイプ
 Story: ストーリー
 Page: ページ
-Desktop: デスクトップ
-Mobile: モバイル
 Align System: アラインシステム
 Widget Manager: ウィジェット管理
 Inspector: インスペクター
diff --git a/web/tsconfig.json b/web/tsconfig.json
index aad6b43096..3a45c56c07 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -35,6 +35,9 @@
       }
     ]
   },
+  "exclude":[
+    "src/beta/lib/unsafeBuiltinPlugins"
+  ],
   "include": [
     "src",
     "e2e",