From 0b2e9511e211c9c4dcae2618eb27d4127bb64a9b Mon Sep 17 00:00:00 2001
From: Laura Hausmann <laura@hausmann.dev>
Date: Mon, 4 Dec 2023 20:29:59 +0100
Subject: [PATCH] [wip] standalone frontend stuff

---
 .pnp.cjs                                      |   49 +
 ...eplace-npm-5.0.5-42f61be6e8-bcf106346f.zip |    3 +
 ...nutils-npm-5.1.0-6939820ef8-abb15eaec5.zip |    3 +
 packages/client/package.json                  |    5 +-
 packages/client/src/account.ts                |    2 +-
 .../src/components/MkAbuseReportWindow.vue    |    2 +-
 .../client/src/components/MkAutocomplete.vue  |    2 +-
 .../client/src/components/MkChatPreview.vue   |    2 +-
 .../client/src/components/MkCropperDialog.vue |    2 +-
 packages/client/src/components/MkCwButton.vue |    4 +-
 .../client/src/components/MkDrive.file.vue    |    2 +-
 .../client/src/components/MkDrive.folder.vue  |    2 +-
 .../src/components/MkDrive.navFolder.vue      |    2 +-
 packages/client/src/components/MkDrive.vue    |    2 +-
 .../src/components/MkDriveFileThumbnail.vue   |    2 +-
 .../src/components/MkDriveSelectDialog.vue    |    2 +-
 .../client/src/components/MkDriveWindow.vue   |    2 +-
 .../client/src/components/MkEmojiPicker.vue   |    2 +-
 .../src/components/MkFeaturedPhotos.vue       |    2 +-
 .../src/components/MkFileListForAdmin.vue     |    2 +-
 .../client/src/components/MkFollowButton.vue  |    2 +-
 .../client/src/components/MkImageViewer.vue   |    2 +-
 .../src/components/MkInstanceCardMini.vue     |    2 +-
 .../src/components/MkInstanceSelectDialog.vue |    2 +-
 packages/client/src/components/MkMedia.vue    |    2 +-
 .../client/src/components/MkMediaBanner.vue   |    2 +-
 .../client/src/components/MkMediaList.vue     |    2 +-
 packages/client/src/components/MkNote.vue     |    2 +-
 .../client/src/components/MkNoteDetailed.vue  |    4 +-
 .../client/src/components/MkNoteHeader.vue    |    2 +-
 .../client/src/components/MkNoteSimple.vue    |    2 +-
 packages/client/src/components/MkNoteSub.vue  |    2 +-
 .../client/src/components/MkNotification.vue  |    2 +-
 .../MkNotificationSettingWindow.vue           |    2 +-
 .../client/src/components/MkNotifications.vue |    2 +-
 .../client/src/components/MkPagination.vue    |    2 +-
 packages/client/src/components/MkPoll.vue     |    2 +-
 packages/client/src/components/MkPostForm.vue |    4 +-
 .../src/components/MkPostFormDialog.vue       |    2 +-
 .../client/src/components/MkQuoteButton.vue   |    2 +-
 .../client/src/components/MkReactedUsers.vue  |    2 +-
 .../components/MkReactionsViewer.reaction.vue |    2 +-
 .../src/components/MkReactionsViewer.vue      |    2 +-
 .../client/src/components/MkRenoteButton.vue  |    2 +-
 packages/client/src/components/MkSearch.vue   |    2 +-
 .../client/src/components/MkStarButton.vue    |    2 +-
 .../src/components/MkStarButtonNoEmoji.vue    |    2 +-
 .../src/components/MkSubNoteContent.vue       |    2 +-
 .../src/components/MkTokenGenerateWindow.vue  |    2 +-
 .../client/src/components/MkUserCardMini.vue  |    2 +-
 packages/client/src/components/MkUserInfo.vue |    2 +-
 .../src/components/MkUserOnlineIndicator.vue  |    2 +-
 .../client/src/components/MkUserPreview.vue   |    4 +-
 .../src/components/MkUserSelectDialog.vue     |    2 +-
 .../components/MkUserSelectLocalDialog.vue    |    2 +-
 .../src/components/MkVisibilityPicker.vue     |    6 +-
 .../client/src/components/global/MkAcct.vue   |    2 +-
 .../client/src/components/global/MkAvatar.vue |    2 +-
 .../client/src/components/global/MkEmoji.vue  |    2 +-
 .../src/components/global/MkUserName.vue      |    2 +-
 packages/client/src/config.ts                 |    8 +-
 packages/client/src/filters/user.ts           |    9 +-
 packages/client/src/i18n.ts                   |    6 +-
 packages/client/src/iceshrimp-js/acct.ts      |   32 +
 packages/client/src/iceshrimp-js/api.ts       |  127 ++
 packages/client/src/iceshrimp-js/api.types.ts | 1088 +++++++++++++++++
 packages/client/src/iceshrimp-js/consts.ts    |   58 +
 packages/client/src/iceshrimp-js/entities.ts  |  494 ++++++++
 packages/client/src/iceshrimp-js/index.ts     |   21 +
 packages/client/src/iceshrimp-js/streaming.ts |  391 ++++++
 .../src/iceshrimp-js/streaming.types.ts       |  197 +++
 packages/client/src/index.html                |   15 +
 packages/client/src/init.ts                   |   25 +-
 packages/client/src/instance.ts               |    2 +-
 packages/client/src/os.ts                     |    2 +-
 packages/client/src/pages/_error_.vue         |    2 +-
 packages/client/src/pages/admin/files.vue     |    2 +-
 .../client/src/pages/admin/overview.user.vue  |    2 +-
 packages/client/src/pages/api-console.vue     |    2 +-
 packages/client/src/pages/clip.vue            |    2 +-
 packages/client/src/pages/follow.vue          |    2 +-
 packages/client/src/pages/instance-info.vue   |    2 +-
 packages/client/src/pages/messaging/index.vue |    2 +-
 .../pages/messaging/messaging-room.form.vue   |    2 +-
 .../messaging/messaging-room.message.vue      |    2 +-
 .../src/pages/messaging/messaging-room.vue    |    4 +-
 .../client/src/pages/my-antennas/editor.vue   |    2 +-
 packages/client/src/pages/note.vue            |    2 +-
 packages/client/src/pages/notifications.vue   |    2 +-
 .../client/src/pages/settings/general.vue     |    1 +
 .../client/src/pages/settings/migration.vue   |    4 +-
 .../src/pages/settings/notifications.vue      |    2 +-
 packages/client/src/pages/share.vue           |    6 +-
 packages/client/src/pages/user-info.vue       |    2 +-
 packages/client/src/pages/user/clips.vue      |    2 +-
 .../client/src/pages/user/follow-list.vue     |    2 +-
 packages/client/src/pages/user/followers.vue  |    4 +-
 packages/client/src/pages/user/following.vue  |    4 +-
 packages/client/src/pages/user/gallery.vue    |    2 +-
 packages/client/src/pages/user/home.vue       |    2 +-
 .../client/src/pages/user/index.activity.vue  |    2 +-
 .../client/src/pages/user/index.photos.vue    |    2 +-
 .../client/src/pages/user/index.timeline.vue  |    2 +-
 packages/client/src/pages/user/index.vue      |    4 +-
 packages/client/src/pages/user/pages.vue      |    2 +-
 packages/client/src/pages/user/reactions.vue  |    2 +-
 .../client/src/scripts/gen-search-query.ts    |    2 +-
 packages/client/src/scripts/get-note-menu.ts  |    2 +-
 .../client/src/scripts/get-note-summary.ts    |    2 +-
 packages/client/src/scripts/get-user-menu.ts  |    2 +-
 packages/client/src/scripts/lookup-user.ts    |    2 +-
 packages/client/src/scripts/page-metadata.ts  |    2 +-
 packages/client/src/scripts/select-file.ts    |    2 +-
 packages/client/src/scripts/upload.ts         |    2 +-
 .../client/src/scripts/use-note-capture.ts    |    2 +-
 packages/client/src/stream.ts                 |    2 +-
 packages/client/src/style.scss                |    2 +
 packages/client/src/types/menu.ts             |    2 +-
 .../src/ui/_common_/statusbar-federation.vue  |    2 +-
 .../src/ui/_common_/statusbar-user-list.vue   |    2 +-
 packages/client/src/ui/deck/deck-store.ts     |    2 +-
 packages/client/src/ui/universal.vue          |    2 +-
 packages/client/vite-dev.config.ts            |  106 ++
 yarn.lock                                     |   35 +-
 124 files changed, 2779 insertions(+), 128 deletions(-)
 create mode 100644 .yarn/cache/@rollup-plugin-replace-npm-5.0.5-42f61be6e8-bcf106346f.zip
 create mode 100644 .yarn/cache/@rollup-pluginutils-npm-5.1.0-6939820ef8-abb15eaec5.zip
 create mode 100644 packages/client/src/iceshrimp-js/acct.ts
 create mode 100644 packages/client/src/iceshrimp-js/api.ts
 create mode 100644 packages/client/src/iceshrimp-js/api.types.ts
 create mode 100644 packages/client/src/iceshrimp-js/consts.ts
 create mode 100644 packages/client/src/iceshrimp-js/entities.ts
 create mode 100644 packages/client/src/iceshrimp-js/index.ts
 create mode 100644 packages/client/src/iceshrimp-js/streaming.ts
 create mode 100644 packages/client/src/iceshrimp-js/streaming.types.ts
 create mode 100644 packages/client/src/index.html
 create mode 100644 packages/client/vite-dev.config.ts

diff --git a/.pnp.cjs b/.pnp.cjs
index f8335ea2c..dc9390781 100755
--- a/.pnp.cjs
+++ b/.pnp.cjs
@@ -3239,6 +3239,30 @@ const RAW_RUNTIME_STATE =
         "linkType": "HARD"\
       }]\
     ]],\
+    ["@rollup/plugin-replace", [\
+      ["npm:5.0.5", {\
+        "packageLocation": "./.yarn/cache/@rollup-plugin-replace-npm-5.0.5-42f61be6e8-bcf106346f.zip/node_modules/@rollup/plugin-replace/",\
+        "packageDependencies": [\
+          ["@rollup/plugin-replace", "npm:5.0.5"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:658502eb4296e93abedc18b6aa9b26978f434f08d98e21ebb0e725354b8bb54b62db9c4a1893e460c694ff7500ff5cbafa4457b0dfd26b5838868666c861e990#npm:5.0.5", {\
+        "packageLocation": "./.yarn/__virtual__/@rollup-plugin-replace-virtual-bb6943b0cc/0/cache/@rollup-plugin-replace-npm-5.0.5-42f61be6e8-bcf106346f.zip/node_modules/@rollup/plugin-replace/",\
+        "packageDependencies": [\
+          ["@rollup/plugin-replace", "virtual:658502eb4296e93abedc18b6aa9b26978f434f08d98e21ebb0e725354b8bb54b62db9c4a1893e460c694ff7500ff5cbafa4457b0dfd26b5838868666c861e990#npm:5.0.5"],\
+          ["@rollup/pluginutils", "virtual:bb6943b0cca2c422f7a7afd65919f64a13f4e8693f7906299796ebe01591897f1a7622cbd9bd4db684f8c6acc1f55e4a4d48e34b460bcd763b5121a2b479f420#npm:5.1.0"],\
+          ["@types/rollup", null],\
+          ["magic-string", "npm:0.30.5"],\
+          ["rollup", "npm:3.26.2"]\
+        ],\
+        "packagePeers": [\
+          "@types/rollup",\
+          "rollup"\
+        ],\
+        "linkType": "HARD"\
+      }]\
+    ]],\
     ["@rollup/pluginutils", [\
       ["npm:3.1.0", {\
         "packageLocation": "./.yarn/cache/@rollup-pluginutils-npm-3.1.0-b44b222e7d-3b69f02893.zip/node_modules/@rollup/pluginutils/",\
@@ -3256,6 +3280,29 @@ const RAW_RUNTIME_STATE =
         ],\
         "linkType": "HARD"\
       }],\
+      ["npm:5.1.0", {\
+        "packageLocation": "./.yarn/cache/@rollup-pluginutils-npm-5.1.0-6939820ef8-abb15eaec5.zip/node_modules/@rollup/pluginutils/",\
+        "packageDependencies": [\
+          ["@rollup/pluginutils", "npm:5.1.0"]\
+        ],\
+        "linkType": "SOFT"\
+      }],\
+      ["virtual:bb6943b0cca2c422f7a7afd65919f64a13f4e8693f7906299796ebe01591897f1a7622cbd9bd4db684f8c6acc1f55e4a4d48e34b460bcd763b5121a2b479f420#npm:5.1.0", {\
+        "packageLocation": "./.yarn/__virtual__/@rollup-pluginutils-virtual-2c209a0117/0/cache/@rollup-pluginutils-npm-5.1.0-6939820ef8-abb15eaec5.zip/node_modules/@rollup/pluginutils/",\
+        "packageDependencies": [\
+          ["@rollup/pluginutils", "virtual:bb6943b0cca2c422f7a7afd65919f64a13f4e8693f7906299796ebe01591897f1a7622cbd9bd4db684f8c6acc1f55e4a4d48e34b460bcd763b5121a2b479f420#npm:5.1.0"],\
+          ["@types/estree", "npm:1.0.1"],\
+          ["@types/rollup", null],\
+          ["estree-walker", "npm:2.0.2"],\
+          ["picomatch", "npm:2.3.1"],\
+          ["rollup", "npm:3.26.2"]\
+        ],\
+        "packagePeers": [\
+          "@types/rollup",\
+          "rollup"\
+        ],\
+        "linkType": "HARD"\
+      }],\
       ["virtual:cf1428485ac6d7495e234c120f3000a61db869813c88397f285b8f9691f2488035a4fa06e3d208d181d90d55925c550cd96d3b139f098a04a0ef06802bcb7775#npm:3.1.0", {\
         "packageLocation": "./.yarn/__virtual__/@rollup-pluginutils-virtual-228ea72560/0/cache/@rollup-pluginutils-npm-3.1.0-b44b222e7d-3b69f02893.zip/node_modules/@rollup/pluginutils/",\
         "packageDependencies": [\
@@ -8537,6 +8584,7 @@ const RAW_RUNTIME_STATE =
           ["@phosphor-icons/web", "npm:2.0.3"],\
           ["@rollup/plugin-alias", "virtual:658502eb4296e93abedc18b6aa9b26978f434f08d98e21ebb0e725354b8bb54b62db9c4a1893e460c694ff7500ff5cbafa4457b0dfd26b5838868666c861e990#npm:3.1.9"],\
           ["@rollup/plugin-json", "virtual:658502eb4296e93abedc18b6aa9b26978f434f08d98e21ebb0e725354b8bb54b62db9c4a1893e460c694ff7500ff5cbafa4457b0dfd26b5838868666c861e990#npm:4.1.0"],\
+          ["@rollup/plugin-replace", "virtual:658502eb4296e93abedc18b6aa9b26978f434f08d98e21ebb0e725354b8bb54b62db9c4a1893e460c694ff7500ff5cbafa4457b0dfd26b5838868666c861e990#npm:5.0.5"],\
           ["@rollup/pluginutils", "npm:4.2.1"],\
           ["@syuilo/aiscript", "npm:0.11.1"],\
           ["@types/escape-regexp", "npm:0.0.1"],\
@@ -8592,6 +8640,7 @@ const RAW_RUNTIME_STATE =
           ["prismjs", "npm:1.29.0"],\
           ["punycode", "npm:2.3.0"],\
           ["querystring", "npm:0.2.1"],\
+          ["reconnecting-websocket", "npm:4.4.0"],\
           ["rndstr", "npm:1.0.0"],\
           ["rollup", "npm:3.26.2"],\
           ["s-age", "npm:1.1.2"],\
diff --git a/.yarn/cache/@rollup-plugin-replace-npm-5.0.5-42f61be6e8-bcf106346f.zip b/.yarn/cache/@rollup-plugin-replace-npm-5.0.5-42f61be6e8-bcf106346f.zip
new file mode 100644
index 000000000..45bb7f3fe
--- /dev/null
+++ b/.yarn/cache/@rollup-plugin-replace-npm-5.0.5-42f61be6e8-bcf106346f.zip
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7f7e562121e6cd883012bae2587e99f26d0196ae166f7ea0c2f4e34da1a9bfc3
+size 11565
diff --git a/.yarn/cache/@rollup-pluginutils-npm-5.1.0-6939820ef8-abb15eaec5.zip b/.yarn/cache/@rollup-pluginutils-npm-5.1.0-6939820ef8-abb15eaec5.zip
new file mode 100644
index 000000000..021af611e
--- /dev/null
+++ b/.yarn/cache/@rollup-pluginutils-npm-5.1.0-6939820ef8-abb15eaec5.zip
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:46f2eba24d2321fd90ae300b7eee5b0a36be9466479134f02256230c148f37ff
+size 16261
diff --git a/packages/client/package.json b/packages/client/package.json
index 92c55cb3c..a11369dd3 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -17,6 +17,7 @@
 		"@phosphor-icons/web": "^2.0.3",
 		"@rollup/plugin-alias": "3.1.9",
 		"@rollup/plugin-json": "4.1.0",
+		"@rollup/plugin-replace": "^5.0.5",
 		"@rollup/pluginutils": "^4.2.1",
 		"@syuilo/aiscript": "0.11.1",
 		"@types/escape-regexp": "0.0.1",
@@ -57,7 +58,6 @@
 		"focus-trap": "^7.5.2",
 		"focus-trap-vue": "^4.0.2",
 		"gsap": "^3.12.2",
-		"iceshrimp-js": "workspace:*",
 		"idb-keyval": "6.2.1",
 		"insert-text-at-cursor": "0.3.0",
 		"json5": "2.2.3",
@@ -103,6 +103,7 @@
 	},
 	"dependencies": {
 		"@babel/core": "^7.23.2",
-		"eslint": "^8.45.0"
+		"eslint": "^8.45.0",
+		"reconnecting-websocket": "^4.4.0"
 	}
 }
diff --git a/packages/client/src/account.ts b/packages/client/src/account.ts
index c51ef8a2e..2ed22d13e 100644
--- a/packages/client/src/account.ts
+++ b/packages/client/src/account.ts
@@ -1,5 +1,5 @@
 import { defineAsyncComponent, reactive } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { i18n } from "./i18n";
 import { del, get, set } from "@/scripts/idb-proxy";
 import { apiUrl } from "@/config";
diff --git a/packages/client/src/components/MkAbuseReportWindow.vue b/packages/client/src/components/MkAbuseReportWindow.vue
index 6e5171d57..73092b48c 100644
--- a/packages/client/src/components/MkAbuseReportWindow.vue
+++ b/packages/client/src/components/MkAbuseReportWindow.vue
@@ -41,7 +41,7 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
-import type * as Misskey from "iceshrimp-js";
+import type * as Misskey from "@/iceshrimp-js";
 import XWindow from "@/components/MkWindow.vue";
 import MkTextarea from "@/components/form/textarea.vue";
 import MkButton from "@/components/MkButton.vue";
diff --git a/packages/client/src/components/MkAutocomplete.vue b/packages/client/src/components/MkAutocomplete.vue
index dd7cd142d..4b376c6c5 100644
--- a/packages/client/src/components/MkAutocomplete.vue
+++ b/packages/client/src/components/MkAutocomplete.vue
@@ -102,7 +102,7 @@ import { defaultStore } from "@/store";
 import { addSkinTone, emojilist } from "@/scripts/emojilist";
 import { instance } from "@/instance";
 import { i18n } from "@/i18n";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js";
 
 interface EmojiDef {
 	emoji: string;
diff --git a/packages/client/src/components/MkChatPreview.vue b/packages/client/src/components/MkChatPreview.vue
index 5d5849c93..b0ce55529 100644
--- a/packages/client/src/components/MkChatPreview.vue
+++ b/packages/client/src/components/MkChatPreview.vue
@@ -63,7 +63,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js";
 import { i18n } from "@/i18n";
 import { acct } from "@/filters/user";
 import { $i } from "@/account";
diff --git a/packages/client/src/components/MkCropperDialog.vue b/packages/client/src/components/MkCropperDialog.vue
index 835784594..d30e4bd24 100644
--- a/packages/client/src/components/MkCropperDialog.vue
+++ b/packages/client/src/components/MkCropperDialog.vue
@@ -37,7 +37,7 @@
 
 <script lang="ts" setup>
 import { nextTick, onMounted } from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import Cropper from "cropperjs";
 import tinycolor from "tinycolor2";
 import XModalWindow from "@/components/MkModalWindow.vue";
diff --git a/packages/client/src/components/MkCwButton.vue b/packages/client/src/components/MkCwButton.vue
index 6b379f5e4..b53fddee1 100644
--- a/packages/client/src/components/MkCwButton.vue
+++ b/packages/client/src/components/MkCwButton.vue
@@ -15,7 +15,7 @@
 <script lang="ts" setup>
 import { computed, ref } from "vue";
 import { length } from "stringz";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import { concat } from "@/scripts/array";
 import { i18n } from "@/i18n";
 import {defaultStore} from "@/store";
@@ -82,7 +82,7 @@ defineExpose({
 		transition:
 			background 0.2s,
 			color 0.2s;
-		
+
 		> span {
 			font-weight: 500;
 			&::before {
diff --git a/packages/client/src/components/MkDrive.file.vue b/packages/client/src/components/MkDrive.file.vue
index 9e8f615ae..81c996110 100644
--- a/packages/client/src/components/MkDrive.file.vue
+++ b/packages/client/src/components/MkDrive.file.vue
@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
 import MkDriveFileThumbnail from "@/components/MkDriveFileThumbnail.vue";
 import bytes from "@/filters/bytes";
diff --git a/packages/client/src/components/MkDrive.folder.vue b/packages/client/src/components/MkDrive.folder.vue
index 1bcb9aa26..10c5df54b 100644
--- a/packages/client/src/components/MkDrive.folder.vue
+++ b/packages/client/src/components/MkDrive.folder.vue
@@ -38,7 +38,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { defaultStore } from "@/store";
diff --git a/packages/client/src/components/MkDrive.navFolder.vue b/packages/client/src/components/MkDrive.navFolder.vue
index dab0864bb..e2c04d5da 100644
--- a/packages/client/src/components/MkDrive.navFolder.vue
+++ b/packages/client/src/components/MkDrive.navFolder.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/components/MkDrive.vue b/packages/client/src/components/MkDrive.vue
index fdeafb2be..c0bce18e9 100644
--- a/packages/client/src/components/MkDrive.vue
+++ b/packages/client/src/components/MkDrive.vue
@@ -140,7 +140,7 @@ import {
 	ref,
 	watch,
 } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import MkButton from "./MkButton.vue";
 import XNavFolder from "@/components/MkDrive.navFolder.vue";
 import XFolder from "@/components/MkDrive.folder.vue";
diff --git a/packages/client/src/components/MkDriveFileThumbnail.vue b/packages/client/src/components/MkDriveFileThumbnail.vue
index d3925cdcc..307b1c667 100644
--- a/packages/client/src/components/MkDriveFileThumbnail.vue
+++ b/packages/client/src/components/MkDriveFileThumbnail.vue
@@ -41,7 +41,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import type * as Misskey from "iceshrimp-js";
+import type * as Misskey from "@/iceshrimp-js";
 import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkDriveSelectDialog.vue b/packages/client/src/components/MkDriveSelectDialog.vue
index 7d25f14b3..7a140e68f 100644
--- a/packages/client/src/components/MkDriveSelectDialog.vue
+++ b/packages/client/src/components/MkDriveSelectDialog.vue
@@ -37,7 +37,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import XDrive from "@/components/MkDrive.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import number from "@/filters/number";
diff --git a/packages/client/src/components/MkDriveWindow.vue b/packages/client/src/components/MkDriveWindow.vue
index 12d271f3e..8e87a23ea 100644
--- a/packages/client/src/components/MkDriveWindow.vue
+++ b/packages/client/src/components/MkDriveWindow.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import XDrive from "@/components/MkDrive.vue";
 import XWindow from "@/components/MkWindow.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkEmojiPicker.vue b/packages/client/src/components/MkEmojiPicker.vue
index 447017154..b28fd09a5 100644
--- a/packages/client/src/components/MkEmojiPicker.vue
+++ b/packages/client/src/components/MkEmojiPicker.vue
@@ -164,7 +164,7 @@
 
 <script lang="ts" setup>
 import { ref, computed, watch, onMounted } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import XSection from "@/components/MkEmojiPicker.section.vue";
 import {
 	emojilist,
diff --git a/packages/client/src/components/MkFeaturedPhotos.vue b/packages/client/src/components/MkFeaturedPhotos.vue
index d87ec68c3..a10ebd695 100644
--- a/packages/client/src/components/MkFeaturedPhotos.vue
+++ b/packages/client/src/components/MkFeaturedPhotos.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import * as os from "@/os";
 
 const meta = ref<Misskey.entities.DetailedInstanceMetadata>();
diff --git a/packages/client/src/components/MkFileListForAdmin.vue b/packages/client/src/components/MkFileListForAdmin.vue
index 4b8ff4270..962540e24 100644
--- a/packages/client/src/components/MkFileListForAdmin.vue
+++ b/packages/client/src/components/MkFileListForAdmin.vue
@@ -53,7 +53,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js";
 import MkPagination from "@/components/MkPagination.vue";
 import MkDriveFileThumbnail from "@/components/MkDriveFileThumbnail.vue";
 import bytes from "@/filters/bytes";
diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue
index ec75fcab9..491640de7 100644
--- a/packages/client/src/components/MkFollowButton.vue
+++ b/packages/client/src/components/MkFollowButton.vue
@@ -62,7 +62,7 @@
 
 <script lang="ts" setup>
 import { computed, onBeforeUnmount, onMounted } from "vue";
-import type * as Misskey from "iceshrimp-js";
+import type * as Misskey from "@/iceshrimp-js";
 import * as os from "@/os";
 import { stream } from "@/stream";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkImageViewer.vue b/packages/client/src/components/MkImageViewer.vue
index f15092dc7..0ae10f2df 100644
--- a/packages/client/src/components/MkImageViewer.vue
+++ b/packages/client/src/components/MkImageViewer.vue
@@ -27,7 +27,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import bytes from "@/filters/bytes";
 import number from "@/filters/number";
 import MkModal from "@/components/MkModal.vue";
diff --git a/packages/client/src/components/MkInstanceCardMini.vue b/packages/client/src/components/MkInstanceCardMini.vue
index ff242f5a6..b7bc2d9c5 100644
--- a/packages/client/src/components/MkInstanceCardMini.vue
+++ b/packages/client/src/components/MkInstanceCardMini.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as iceshrimp from "iceshrimp-js";
+import * as iceshrimp from "@/iceshrimp-js";
 import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import { getProxiedImageUrlNullable } from "@/scripts/media-proxy";
diff --git a/packages/client/src/components/MkInstanceSelectDialog.vue b/packages/client/src/components/MkInstanceSelectDialog.vue
index e9def98fa..f63cced8a 100644
--- a/packages/client/src/components/MkInstanceSelectDialog.vue
+++ b/packages/client/src/components/MkInstanceSelectDialog.vue
@@ -60,7 +60,7 @@ import MkInput from "@/components/form/input.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
-import { Instance } from "iceshrimp-js/built/entities";
+import { Instance } from "@/iceshrimp-js/entities";
 
 const emit = defineEmits<{
 	(ev: "ok", selected: Instance): void;
diff --git a/packages/client/src/components/MkMedia.vue b/packages/client/src/components/MkMedia.vue
index 315e3eec6..14a7bcfbe 100644
--- a/packages/client/src/components/MkMedia.vue
+++ b/packages/client/src/components/MkMedia.vue
@@ -90,7 +90,7 @@
 import { watch, ref, computed } from "vue";
 import VuePlyr from "vue-plyr";
 import "vue-plyr/dist/vue-plyr.css";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import ImgWithBlurhash from "@/components/MkImgWithBlurhash.vue";
 import { defaultStore } from "@/store";
diff --git a/packages/client/src/components/MkMediaBanner.vue b/packages/client/src/components/MkMediaBanner.vue
index 82e56b5b5..757ae1264 100644
--- a/packages/client/src/components/MkMediaBanner.vue
+++ b/packages/client/src/components/MkMediaBanner.vue
@@ -58,7 +58,7 @@
 <script lang="ts" setup>
 import { onMounted } from "vue";
 import VuePlyr from "vue-plyr";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import { ColdDeviceStorage } from "@/store";
 import "vue-plyr/dist/vue-plyr.css";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkMediaList.vue b/packages/client/src/components/MkMediaList.vue
index 0c9a7a321..27eb8c68b 100644
--- a/packages/client/src/components/MkMediaList.vue
+++ b/packages/client/src/components/MkMediaList.vue
@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import PhotoSwipeLightbox from "photoswipe/lightbox";
 import PhotoSwipe from "photoswipe";
 import "photoswipe/style.css";
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 02c0f5647..9e8a4321c 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -260,7 +260,7 @@
 import { computed, inject, onMounted, onUnmounted, reactive, ref } from "vue";
 import * as mfm from "mfm-js";
 import type { Ref } from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import MkNoteSub from "@/components/MkNoteSub.vue";
 import MkSubNoteContent from "./MkSubNoteContent.vue";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index d3cbf19a1..71ab4d46e 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -164,7 +164,7 @@ import {
 	reactive,
 	ref,
 } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkTab from "@/components/MkTab.vue";
 import MkNote from "@/components/MkNote.vue";
 import MkNoteSub from "@/components/MkNoteSub.vue";
@@ -185,7 +185,7 @@ import { getNoteMenu } from "@/scripts/get-note-menu";
 import { useNoteCapture } from "@/scripts/use-note-capture";
 import { deepClone } from "@/scripts/clone";
 import { stream } from "@/stream";
-import { NoteUpdatedEvent } from "iceshrimp-js/src/streaming.types";
+import { NoteUpdatedEvent } from "@/iceshrimp-js/streaming.types";
 import appear from "@/directives/appear";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkNoteHeader.vue b/packages/client/src/components/MkNoteHeader.vue
index 0d320b92a..80c350a73 100644
--- a/packages/client/src/components/MkNoteHeader.vue
+++ b/packages/client/src/components/MkNoteHeader.vue
@@ -48,7 +48,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import { defaultStore, noteViewInterruptors } from "@/store";
 import MkVisibility from "@/components/MkVisibility.vue";
 import MkInstanceTicker from "@/components/MkInstanceTicker.vue";
diff --git a/packages/client/src/components/MkNoteSimple.vue b/packages/client/src/components/MkNoteSimple.vue
index 41ae29881..83ffc39bb 100644
--- a/packages/client/src/components/MkNoteSimple.vue
+++ b/packages/client/src/components/MkNoteSimple.vue
@@ -12,7 +12,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
 import MkSubNoteContent from "@/components/MkSubNoteContent.vue";
 
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 589dd9f7d..74f6efc97 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -181,7 +181,7 @@
 <script lang="ts" setup>
 import { inject, ref } from "vue";
 import type { Ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import XNoteHeader from "@/components/MkNoteHeader.vue";
 import MkSubNoteContent from "@/components/MkSubNoteContent.vue";
 import XReactionsViewer from "@/components/MkReactionsViewer.vue";
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index 8dc76cac4..c6c827d1a 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -274,7 +274,7 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, onUnmounted, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import XReactionTooltip from "@/components/MkReactionTooltip.vue";
diff --git a/packages/client/src/components/MkNotificationSettingWindow.vue b/packages/client/src/components/MkNotificationSettingWindow.vue
index 39f6b9e09..7c54ceb9b 100644
--- a/packages/client/src/components/MkNotificationSettingWindow.vue
+++ b/packages/client/src/components/MkNotificationSettingWindow.vue
@@ -41,7 +41,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import { notificationTypes } from "iceshrimp-js";
+import { notificationTypes } from "@/iceshrimp-js";
 import MkSwitch from "./form/switch.vue";
 import MkInfo from "./MkInfo.vue";
 import MkButton from "./MkButton.vue";
diff --git a/packages/client/src/components/MkNotifications.vue b/packages/client/src/components/MkNotifications.vue
index 4ba2725b1..501f747ea 100644
--- a/packages/client/src/components/MkNotifications.vue
+++ b/packages/client/src/components/MkNotifications.vue
@@ -54,7 +54,7 @@ import {
 	computed,
 	ref,
 } from "vue";
-import { notificationTypes } from "iceshrimp-js";
+import { notificationTypes } from "@/iceshrimp-js";
 import MkPagination, { Paging } from "@/components/MkPagination.vue";
 import XNotification from "@/components/MkNotification.vue";
 import XList from "@/components/MkDateSeparatedList.vue";
diff --git a/packages/client/src/components/MkPagination.vue b/packages/client/src/components/MkPagination.vue
index 913885662..1ead44497 100644
--- a/packages/client/src/components/MkPagination.vue
+++ b/packages/client/src/components/MkPagination.vue
@@ -72,7 +72,7 @@ import {
 	ref,
 	watch,
 } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import * as os from "@/os";
 import {
 	onScrollTop,
diff --git a/packages/client/src/components/MkPoll.vue b/packages/client/src/components/MkPoll.vue
index 776c40855..eb7113b56 100644
--- a/packages/client/src/components/MkPoll.vue
+++ b/packages/client/src/components/MkPoll.vue
@@ -53,7 +53,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { sum } from "@/scripts/array";
 import { pleaseLogin } from "@/scripts/please-login";
 import * as os from "@/os";
diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index a0a325fa6..1f98308ea 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -235,11 +235,11 @@
 <script lang="ts" setup>
 import { inject, watch, nextTick, onMounted, defineAsyncComponent } from "vue";
 import * as mfm from "mfm-js";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import insertTextAtCursor from "insert-text-at-cursor";
 import { length } from "stringz";
 import { toASCII } from "punycode/";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import { throttle } from "throttle-debounce";
 import XNoteSimple from "@/components/MkNoteSimple.vue";
 import XNotePreview from "@/components/MkNotePreview.vue";
diff --git a/packages/client/src/components/MkPostFormDialog.vue b/packages/client/src/components/MkPostFormDialog.vue
index 5124e9a9a..d70207812 100644
--- a/packages/client/src/components/MkPostFormDialog.vue
+++ b/packages/client/src/components/MkPostFormDialog.vue
@@ -20,7 +20,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkModal from "@/components/MkModal.vue";
 import MkPostForm from "@/components/MkPostForm.vue";
 
diff --git a/packages/client/src/components/MkQuoteButton.vue b/packages/client/src/components/MkQuoteButton.vue
index 65727cda3..7fac95a11 100644
--- a/packages/client/src/components/MkQuoteButton.vue
+++ b/packages/client/src/components/MkQuoteButton.vue
@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import type { Note } from "iceshrimp-js/built/entities";
+import type { Note } from "@/iceshrimp-js/entities";
 import { pleaseLogin } from "@/scripts/please-login";
 import * as os from "@/os";
 import { $i } from "@/account";
diff --git a/packages/client/src/components/MkReactedUsers.vue b/packages/client/src/components/MkReactedUsers.vue
index b483e81e6..183a6d2c4 100644
--- a/packages/client/src/components/MkReactedUsers.vue
+++ b/packages/client/src/components/MkReactedUsers.vue
@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import { onMounted, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkReactionIcon from "@/components/MkReactionIcon.vue";
 import MkUserCardMini from "@/components/MkUserCardMini.vue";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/components/MkReactionsViewer.reaction.vue b/packages/client/src/components/MkReactionsViewer.reaction.vue
index 1c63aa8b6..b7c3d9dcb 100644
--- a/packages/client/src/components/MkReactionsViewer.reaction.vue
+++ b/packages/client/src/components/MkReactionsViewer.reaction.vue
@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import XDetails from "@/components/MkReactionsViewer.details.vue";
 import XReactionIcon from "@/components/MkReactionIcon.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/components/MkReactionsViewer.vue b/packages/client/src/components/MkReactionsViewer.vue
index 216daa75f..0d2f38b42 100644
--- a/packages/client/src/components/MkReactionsViewer.vue
+++ b/packages/client/src/components/MkReactionsViewer.vue
@@ -18,7 +18,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { $i } from "@/account";
 import XReaction from "@/components/MkReactionsViewer.reaction.vue";
 
diff --git a/packages/client/src/components/MkRenoteButton.vue b/packages/client/src/components/MkRenoteButton.vue
index 9ee600aea..fcf628024 100644
--- a/packages/client/src/components/MkRenoteButton.vue
+++ b/packages/client/src/components/MkRenoteButton.vue
@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import Ripple from "@/components/MkRipple.vue";
 import XDetails from "@/components/MkUsersTooltip.vue";
 import { pleaseLogin } from "@/scripts/please-login";
diff --git a/packages/client/src/components/MkSearch.vue b/packages/client/src/components/MkSearch.vue
index f6959398d..7b36e0022 100644
--- a/packages/client/src/components/MkSearch.vue
+++ b/packages/client/src/components/MkSearch.vue
@@ -4,7 +4,7 @@ import MkInput from "@/components/form/input.vue";
 import * as os from "@/os.js";
 import XSearchFilterDialog from "@/components/MkSearchFilterDialog.vue";
 import { onActivated, onMounted, onUnmounted, ref, toRefs } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 
 const props = defineProps<{
 	query: string;
diff --git a/packages/client/src/components/MkStarButton.vue b/packages/client/src/components/MkStarButton.vue
index 021cd72bc..47adc09e3 100644
--- a/packages/client/src/components/MkStarButton.vue
+++ b/packages/client/src/components/MkStarButton.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Note } from "iceshrimp-js/built/entities";
+import type { Note } from "@/iceshrimp-js/entities";
 import Ripple from "@/components/MkRipple.vue";
 import { pleaseLogin } from "@/scripts/please-login";
 import * as os from "@/os";
diff --git a/packages/client/src/components/MkStarButtonNoEmoji.vue b/packages/client/src/components/MkStarButtonNoEmoji.vue
index 5667095cd..ca400ce2f 100644
--- a/packages/client/src/components/MkStarButtonNoEmoji.vue
+++ b/packages/client/src/components/MkStarButtonNoEmoji.vue
@@ -42,7 +42,7 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import type { Note } from "iceshrimp-js/built/entities";
+import type { Note } from "@/iceshrimp-js/entities";
 import Ripple from "@/components/MkRipple.vue";
 import XDetails from "@/components/MkUsersTooltip.vue";
 import { pleaseLogin } from "@/scripts/please-login";
diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue
index f32869979..7f3f3dd34 100644
--- a/packages/client/src/components/MkSubNoteContent.vue
+++ b/packages/client/src/components/MkSubNoteContent.vue
@@ -202,7 +202,7 @@
 
 <script lang="ts" setup>
 import { computed, ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import * as mfm from "mfm-js";
 import * as os from "@/os";
 import XNoteSimple from "@/components/MkNoteSimple.vue";
diff --git a/packages/client/src/components/MkTokenGenerateWindow.vue b/packages/client/src/components/MkTokenGenerateWindow.vue
index b164114f0..c0796e0ff 100644
--- a/packages/client/src/components/MkTokenGenerateWindow.vue
+++ b/packages/client/src/components/MkTokenGenerateWindow.vue
@@ -44,7 +44,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import { permissions as kinds } from "iceshrimp-js";
+import { permissions as kinds } from "@/iceshrimp-js";
 import MkInput from "./form/input.vue";
 import MkSwitch from "./form/switch.vue";
 import MkButton from "./MkButton.vue";
diff --git a/packages/client/src/components/MkUserCardMini.vue b/packages/client/src/components/MkUserCardMini.vue
index 4a7036f71..2cd7f9c07 100644
--- a/packages/client/src/components/MkUserCardMini.vue
+++ b/packages/client/src/components/MkUserCardMini.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import { acct, userPage } from "@/filters/user";
diff --git a/packages/client/src/components/MkUserInfo.vue b/packages/client/src/components/MkUserInfo.vue
index 9d2ab0154..77ea1c609 100644
--- a/packages/client/src/components/MkUserInfo.vue
+++ b/packages/client/src/components/MkUserInfo.vue
@@ -86,7 +86,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import XShowMoreButton from "@/components/MkShowMoreButton.vue";
 import MkNumber from "@/components/MkNumber.vue";
diff --git a/packages/client/src/components/MkUserOnlineIndicator.vue b/packages/client/src/components/MkUserOnlineIndicator.vue
index 8fa49e9c7..71189117f 100644
--- a/packages/client/src/components/MkUserOnlineIndicator.vue
+++ b/packages/client/src/components/MkUserOnlineIndicator.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { i18n } from "@/i18n";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index d2e9ae56d..744763cbc 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -30,8 +30,8 @@
 <script lang="ts" setup>
 import { onMounted } from "vue";
 import MkUserInfo from "@/components/MkUserInfo.vue";
-import * as Acct from "iceshrimp-js/built/acct";
-import type * as misskey from "iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
+import type * as misskey from "@/iceshrimp-js";
 import * as os from "@/os";
 
 const props = defineProps<{
diff --git a/packages/client/src/components/MkUserSelectDialog.vue b/packages/client/src/components/MkUserSelectDialog.vue
index 4d5cff92f..3e6cd7a12 100644
--- a/packages/client/src/components/MkUserSelectDialog.vue
+++ b/packages/client/src/components/MkUserSelectDialog.vue
@@ -89,7 +89,7 @@
 
 <script lang="ts" setup>
 import { nextTick, onMounted } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkInput from "@/components/form/input.vue";
 import FormSplit from "@/components/form/split.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
diff --git a/packages/client/src/components/MkUserSelectLocalDialog.vue b/packages/client/src/components/MkUserSelectLocalDialog.vue
index dd71a18e5..3ce052bd2 100644
--- a/packages/client/src/components/MkUserSelectLocalDialog.vue
+++ b/packages/client/src/components/MkUserSelectLocalDialog.vue
@@ -85,7 +85,7 @@
 
 <script lang="ts" setup>
 import { nextTick, onMounted } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkInput from "@/components/form/input.vue";
 import FormSplit from "@/components/form/split.vue";
 import XModalWindow from "@/components/MkModalWindow.vue";
diff --git a/packages/client/src/components/MkVisibilityPicker.vue b/packages/client/src/components/MkVisibilityPicker.vue
index 9b4d92e53..d60dc3094 100644
--- a/packages/client/src/components/MkVisibilityPicker.vue
+++ b/packages/client/src/components/MkVisibilityPicker.vue
@@ -7,8 +7,8 @@
 		@click="modal.close()"
 		@closed="emit('closed')"
 	>
-		<div 
-			class="_popup" 
+		<div
+			class="_popup"
 			:class="{ [$style.root]: true, [$style.asDrawer]: type === 'drawer' }">
 			<button
 				key="public"
@@ -126,7 +126,7 @@
 
 <script lang="ts" setup>
 import { nextTick, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkModal from "@/components/MkModal.vue";
 import { i18n } from "@/i18n";
 
diff --git a/packages/client/src/components/global/MkAcct.vue b/packages/client/src/components/global/MkAcct.vue
index a7f64501d..b0c9c71e8 100644
--- a/packages/client/src/components/global/MkAcct.vue
+++ b/packages/client/src/components/global/MkAcct.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts" setup>
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import { toUnicode } from "punycode/";
 import { host as hostRaw } from "@/config";
 
diff --git a/packages/client/src/components/global/MkAvatar.vue b/packages/client/src/components/global/MkAvatar.vue
index 77f545e4e..f48ecdf6d 100644
--- a/packages/client/src/components/global/MkAvatar.vue
+++ b/packages/client/src/components/global/MkAvatar.vue
@@ -37,7 +37,7 @@
 
 <script lang="ts" setup>
 import { onMounted, watch } from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { extractAvgColorFromBlurhash } from "@/scripts/extract-avg-color-from-blurhash";
 import { acct, userPage } from "@/filters/user";
diff --git a/packages/client/src/components/global/MkEmoji.vue b/packages/client/src/components/global/MkEmoji.vue
index 9e46f05fd..b4f8bb85d 100644
--- a/packages/client/src/components/global/MkEmoji.vue
+++ b/packages/client/src/components/global/MkEmoji.vue
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { computed, ref, watch } from "vue";
-import type { CustomEmoji } from "iceshrimp-js/built/entities";
+import type { CustomEmoji } from "@/iceshrimp-js/entities.js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { char2filePath } from "@/scripts/twemoji-base";
 import { defaultStore } from "@/store";
diff --git a/packages/client/src/components/global/MkUserName.vue b/packages/client/src/components/global/MkUserName.vue
index 3435e1982..7c104dc2c 100644
--- a/packages/client/src/components/global/MkUserName.vue
+++ b/packages/client/src/components/global/MkUserName.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 
 const props = withDefaults(
 	defineProps<{
diff --git a/packages/client/src/config.ts b/packages/client/src/config.ts
index bf882d07c..85696f9aa 100644
--- a/packages/client/src/config.ts
+++ b/packages/client/src/config.ts
@@ -18,11 +18,15 @@ export const apiUrl = `${url}/api`;
 export const wsUrl = `${url
 	.replace("http://", "ws://")
 	.replace("https://", "wss://")}/streaming`;
-export const lang = localStorage.getItem("lang");
+export const lang = localStorage.getItem("lang") ?? 'en-US';
 export const langs = _LANGS_;
-export const locale = JSON.parse(localStorage.getItem("locale"));
+export let locale = JSON.parse(localStorage.getItem("locale"));
 export const version = _VERSION_;
 export const instanceName = siteName === "Iceshrimp" ? host : siteName;
 export let searchEngine = 'https://duckduckgo.com/?q=';
 export const ui = localStorage.getItem("ui");
 export const debug = localStorage.getItem("debug") === "true";
+
+export function updateLocale(newLocale: any): void {
+	locale = newLocale;
+}
diff --git a/packages/client/src/filters/user.ts b/packages/client/src/filters/user.ts
index 48d9e5fea..a2e353bed 100644
--- a/packages/client/src/filters/user.ts
+++ b/packages/client/src/filters/user.ts
@@ -1,9 +1,10 @@
-import * as misskey from "iceshrimp-js";
-import * as Acct from "iceshrimp-js/built/acct";
+import * as misskey from "@/iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
 import { url } from "@/config";
+import { ParsedAcct } from "@/iceshrimp-js/acct.js";
 
-export const acct = (user: misskey.Acct) => {
-	return Acct.toString(user);
+export const acct = (user: ParsedAcct) => {
+	return new Acct(user.username, user.host).toString();
 };
 
 export const userName = (user: misskey.entities.User) => {
diff --git a/packages/client/src/i18n.ts b/packages/client/src/i18n.ts
index 5b0a7f9ed..51ee6c1ee 100644
--- a/packages/client/src/i18n.ts
+++ b/packages/client/src/i18n.ts
@@ -2,7 +2,7 @@ import { markRaw } from "vue";
 import { locale } from "@/config";
 import { I18n } from "@/scripts/i18n";
 
-export const i18n = markRaw(new I18n(locale));
+export let i18n = markRaw(new I18n(locale));
 
 // このファイルに書きたくないけどここに書かないと何故かVeturが認識しない
 declare module "@vue/runtime-core" {
@@ -11,3 +11,7 @@ declare module "@vue/runtime-core" {
 		$ts: typeof i18n["locale"];
 	}
 }
+
+export function updateI18n(newLocale: any) {
+	i18n.ts = newLocale;
+}
diff --git a/packages/client/src/iceshrimp-js/acct.ts b/packages/client/src/iceshrimp-js/acct.ts
new file mode 100644
index 000000000..c7abfe706
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/acct.ts
@@ -0,0 +1,32 @@
+export type ParsedAcct = {
+	username: string;
+	host: string | null;
+}
+
+export class Acct {
+	public username: string;
+	public host: string | null;
+
+	constructor(username: string, host: string | null) {
+		this.username = username;
+		this.host = host;
+	}
+
+	public static parse(acct: string): ParsedAcct {
+		if (acct.startsWith("@")) acct = acct.slice(1);
+		const split = acct.split("@", 2);
+		return { username: split[0], host: split[1] ?? null };
+	}
+
+	public static fromParsed(parsed: ParsedAcct) {
+		return new this(parsed.username, parsed.host);
+	}
+
+	public static toString(parsed: ParsedAcct) {
+		return this.fromParsed(parsed).toString();
+	}
+
+	public toString(): string {
+		return this.host == null ? this.username : `${this.username}@${this.host}`;
+	}
+}
diff --git a/packages/client/src/iceshrimp-js/api.ts b/packages/client/src/iceshrimp-js/api.ts
new file mode 100644
index 000000000..f3182d091
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/api.ts
@@ -0,0 +1,127 @@
+import { Endpoints } from "./api.types.js";
+
+const MK_API_ERROR = Symbol();
+
+export type APIError = {
+	id: string;
+	code: string;
+	message: string;
+	kind: "client" | "server";
+	info: Record<string, any>;
+};
+
+export function isAPIError(reason: any): reason is APIError {
+	return reason[MK_API_ERROR] === true;
+}
+
+export type FetchLike = (
+	input: string,
+	init?: {
+		method?: string;
+		body?: string;
+		credentials?: RequestCredentials;
+		cache?: RequestCache;
+	},
+) => Promise<{
+	status: number;
+	json(): Promise<any>;
+}>;
+
+type IsNeverType<T> = [T] extends [never] ? true : false;
+
+type StrictExtract<Union, Cond> = Cond extends Union ? Union : never;
+
+type IsCaseMatched<
+	E extends keyof Endpoints,
+	P extends Endpoints[E]["req"],
+	C extends number,
+> = IsNeverType<
+	StrictExtract<Endpoints[E]["res"]["$switch"]["$cases"][C], [P, any]>
+> extends false
+	? true
+	: false;
+
+type GetCaseResult<
+	E extends keyof Endpoints,
+	P extends Endpoints[E]["req"],
+	C extends number,
+> = StrictExtract<Endpoints[E]["res"]["$switch"]["$cases"][C], [P, any]>[1];
+
+export class APIClient {
+	public origin: string;
+	public credential: string | null | undefined;
+	public fetch: FetchLike;
+
+	constructor(opts: {
+		origin: APIClient["origin"];
+		credential?: APIClient["credential"];
+		fetch?: APIClient["fetch"] | null | undefined;
+	}) {
+		this.origin = opts.origin;
+		this.credential = opts.credential;
+		// ネイティブ関数をそのまま変数に代入して使おうとするとChromiumではIllegal invocationエラーが発生するため、
+		// 環境で実装されているfetchを使う場合は無名関数でラップして使用する
+		this.fetch = opts.fetch || ((...args) => fetch(...args));
+	}
+
+	public request<E extends keyof Endpoints, P extends Endpoints[E]["req"]>(
+		endpoint: E,
+		params: P = {} as P,
+		credential?: string | null | undefined,
+	): Promise<
+		Endpoints[E]["res"] extends {
+			$switch: { $cases: [any, any][]; $default: any };
+		}
+			? IsCaseMatched<E, P, 0> extends true
+				? GetCaseResult<E, P, 0>
+				: IsCaseMatched<E, P, 1> extends true
+				? GetCaseResult<E, P, 1>
+				: IsCaseMatched<E, P, 2> extends true
+				? GetCaseResult<E, P, 2>
+				: IsCaseMatched<E, P, 3> extends true
+				? GetCaseResult<E, P, 3>
+				: IsCaseMatched<E, P, 4> extends true
+				? GetCaseResult<E, P, 4>
+				: IsCaseMatched<E, P, 5> extends true
+				? GetCaseResult<E, P, 5>
+				: IsCaseMatched<E, P, 6> extends true
+				? GetCaseResult<E, P, 6>
+				: IsCaseMatched<E, P, 7> extends true
+				? GetCaseResult<E, P, 7>
+				: IsCaseMatched<E, P, 8> extends true
+				? GetCaseResult<E, P, 8>
+				: IsCaseMatched<E, P, 9> extends true
+				? GetCaseResult<E, P, 9>
+				: Endpoints[E]["res"]["$switch"]["$default"]
+			: Endpoints[E]["res"]
+	> {
+		const promise = new Promise((resolve, reject) => {
+			this.fetch(`${this.origin}/api/${endpoint}`, {
+				method: "POST",
+				body: JSON.stringify({
+					...params,
+					i: credential !== undefined ? credential : this.credential,
+				}),
+				credentials: "omit",
+				cache: "no-cache",
+			})
+				.then(async (res) => {
+					const body = res.status === 204 ? null : await res.json();
+
+					if (res.status === 200) {
+						resolve(body);
+					} else if (res.status === 204) {
+						resolve(null);
+					} else {
+						reject({
+							[MK_API_ERROR]: true,
+							...body.error,
+						});
+					}
+				})
+				.catch(reject);
+		});
+
+		return promise as any;
+	}
+}
diff --git a/packages/client/src/iceshrimp-js/api.types.ts b/packages/client/src/iceshrimp-js/api.types.ts
new file mode 100644
index 000000000..0c4ec3c42
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/api.types.ts
@@ -0,0 +1,1088 @@
+import {
+	Announcement,
+	Antenna,
+	App,
+	AuthSession,
+	Blocking,
+	Channel,
+	Clip,
+	DateString,
+	DetailedInstanceMetadata,
+	DriveFile,
+	DriveFolder,
+	Following,
+	FollowingFolloweePopulated,
+	FollowingFollowerPopulated,
+	FollowRequest,
+	GalleryPost,
+	Instance,
+	InstanceMetadata,
+	LiteInstanceMetadata,
+	MeDetailed,
+	Note,
+	NoteFavorite,
+	OriginType,
+	Page,
+	ServerInfo,
+	Stats,
+	User,
+	UserDetailed,
+	UserGroup,
+	UserList,
+	UserSorting,
+	Notification,
+	NoteReaction,
+	Signin,
+	MessagingMessage,
+} from "./entities.js";
+
+type TODO = Record<string, any> | null;
+
+type NoParams = Record<string, never>;
+
+type ShowUserReq = { username: string; host?: string } | { userId: User["id"] };
+
+type NoteSubmitReq = {
+	editId?: null | Note["id"];
+	visibility?: "public" | "home" | "followers" | "specified";
+	visibleUserIds?: User["id"][];
+	text?: null | string;
+	cw?: null | string;
+	viaMobile?: boolean;
+	localOnly?: boolean;
+	fileIds?: DriveFile["id"][];
+	replyId?: null | Note["id"];
+	renoteId?: null | Note["id"];
+	channelId?: null | Channel["id"];
+	poll?: null | {
+		choices: string[];
+		multiple?: boolean;
+		expiresAt?: null | number;
+		expiredAfter?: null | number;
+	};
+};
+
+export type Endpoints = {
+	// admin
+	"admin/abuse-user-reports": { req: TODO; res: TODO };
+	"admin/delete-all-files-of-a-user": {
+		req: { userId: User["id"] };
+		res: null;
+	};
+	"admin/delete-logs": { req: NoParams; res: null };
+	"admin/get-index-stats": { req: TODO; res: TODO };
+	"admin/get-table-stats": { req: TODO; res: TODO };
+	"admin/invite": { req: TODO; res: TODO };
+	"admin/logs": { req: TODO; res: TODO };
+	"admin/meta": { req: TODO; res: TODO };
+	"admin/reset-password": { req: TODO; res: TODO };
+	"admin/resolve-abuse-user-report": { req: TODO; res: TODO };
+	"admin/resync-chart": { req: TODO; res: TODO };
+	"admin/send-email": { req: TODO; res: TODO };
+	"admin/server-info": { req: TODO; res: TODO };
+	"admin/show-moderation-logs": { req: TODO; res: TODO };
+	"admin/show-user": { req: TODO; res: TODO };
+	"admin/show-users": { req: TODO; res: TODO };
+	"admin/silence-user": { req: TODO; res: TODO };
+	"admin/suspend-user": { req: TODO; res: TODO };
+	"admin/unsilence-user": { req: TODO; res: TODO };
+	"admin/unsuspend-user": { req: TODO; res: TODO };
+	"admin/update-meta": { req: TODO; res: TODO };
+	"admin/vacuum": { req: TODO; res: TODO };
+	"admin/accounts/create": { req: TODO; res: TODO };
+	"admin/announcements/create": { req: TODO; res: TODO };
+	"admin/announcements/delete": { req: { id: Announcement["id"] }; res: null };
+	"admin/announcements/list": { req: TODO; res: TODO };
+	"admin/announcements/update": { req: TODO; res: TODO };
+	"admin/drive/clean-remote-files": { req: TODO; res: TODO };
+	"admin/drive/cleanup": { req: TODO; res: TODO };
+	"admin/drive/files": { req: TODO; res: TODO };
+	"admin/drive/show-file": { req: TODO; res: TODO };
+	"admin/emoji/add": { req: TODO; res: TODO };
+	"admin/emoji/copy": { req: TODO; res: TODO };
+	"admin/emoji/list-remote": { req: TODO; res: TODO };
+	"admin/emoji/list": { req: TODO; res: TODO };
+	"admin/emoji/remove": { req: TODO; res: TODO };
+	"admin/emoji/update": { req: TODO; res: TODO };
+	"admin/federation/delete-all-files": { req: { host: string }; res: null };
+	"admin/federation/refresh-remote-instance-metadata": { req: TODO; res: TODO };
+	"admin/federation/remove-all-following": { req: TODO; res: TODO };
+	"admin/federation/update-instance": { req: TODO; res: TODO };
+	"admin/moderators/add": { req: TODO; res: TODO };
+	"admin/moderators/remove": { req: TODO; res: TODO };
+	"admin/promo/create": { req: TODO; res: TODO };
+	"admin/queue/clear": { req: TODO; res: TODO };
+	"admin/queue/deliver-delayed": { req: TODO; res: TODO };
+	"admin/queue/inbox-delayed": { req: TODO; res: TODO };
+	"admin/queue/jobs": { req: TODO; res: TODO };
+	"admin/queue/stats": { req: TODO; res: TODO };
+	"admin/relays/add": { req: TODO; res: TODO };
+	"admin/relays/list": { req: TODO; res: TODO };
+	"admin/relays/remove": { req: TODO; res: TODO };
+
+	// announcements
+	announcements: {
+		req: {
+			limit?: number;
+			withUnreads?: boolean;
+			sinceId?: Announcement["id"];
+			untilId?: Announcement["id"];
+		};
+		res: Announcement[];
+	};
+
+	// antennas
+	"antennas/create": { req: TODO; res: Antenna };
+	"antennas/delete": { req: { antennaId: Antenna["id"] }; res: null };
+	"antennas/list": { req: NoParams; res: Antenna[] };
+	"antennas/notes": {
+		req: {
+			antennaId: Antenna["id"];
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+		};
+		res: Note[];
+	};
+	"antennas/show": { req: { antennaId: Antenna["id"] }; res: Antenna };
+	"antennas/update": { req: TODO; res: Antenna };
+	"antennas/mark-read": { req: TODO; res: Antenna };
+
+	// ap
+	"ap/get": { req: { uri: string }; res: Record<string, any> };
+	"ap/show": {
+		req: { uri: string };
+		res:
+			| {
+					type: "Note";
+					object: Note;
+			  }
+			| {
+					type: "User";
+					object: UserDetailed;
+			  };
+	};
+
+	// app
+	"app/create": { req: TODO; res: App };
+	"app/show": { req: { appId: App["id"] }; res: App };
+
+	// auth
+	"auth/accept": { req: { token: string }; res: null };
+	"auth/session/generate": {
+		req: { appSecret: string };
+		res: { token: string; url: string };
+	};
+	"auth/session/show": { req: { token: string }; res: AuthSession };
+	"auth/session/userkey": {
+		req: { appSecret: string; token: string };
+		res: { accessToken: string; user: User };
+	};
+
+	// blocking
+	"blocking/create": { req: { userId: User["id"] }; res: UserDetailed };
+	"blocking/delete": { req: { userId: User["id"] }; res: UserDetailed };
+	"blocking/list": {
+		req: { limit?: number; sinceId?: Blocking["id"]; untilId?: Blocking["id"] };
+		res: Blocking[];
+	};
+
+	// channels
+	"channels/create": { req: TODO; res: TODO };
+	"channels/featured": { req: TODO; res: TODO };
+	"channels/follow": { req: TODO; res: TODO };
+	"channels/followed": { req: TODO; res: TODO };
+	"channels/owned": { req: TODO; res: TODO };
+	"channels/pin-note": { req: TODO; res: TODO };
+	"channels/show": { req: TODO; res: TODO };
+	"channels/timeline": { req: TODO; res: TODO };
+	"channels/unfollow": { req: TODO; res: TODO };
+	"channels/update": { req: TODO; res: TODO };
+
+	// charts
+	"charts/active-users": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: {
+			local: {
+				users: number[];
+			};
+			remote: {
+				users: number[];
+			};
+		};
+	};
+	"charts/drive": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: {
+			local: {
+				decCount: number[];
+				decSize: number[];
+				incCount: number[];
+				incSize: number[];
+				totalCount: number[];
+				totalSize: number[];
+			};
+			remote: {
+				decCount: number[];
+				decSize: number[];
+				incCount: number[];
+				incSize: number[];
+				totalCount: number[];
+				totalSize: number[];
+			};
+		};
+	};
+	"charts/federation": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: {
+			instance: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+			};
+		};
+	};
+	"charts/hashtag": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: TODO;
+	};
+	"charts/instance": {
+		req: {
+			span: "day" | "hour";
+			limit?: number;
+			offset?: number | null;
+			host: string;
+		};
+		res: {
+			drive: {
+				decFiles: number[];
+				decUsage: number[];
+				incFiles: number[];
+				incUsage: number[];
+				totalFiles: number[];
+				totalUsage: number[];
+			};
+			followers: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+			};
+			following: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+			};
+			notes: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+				diffs: {
+					normal: number[];
+					renote: number[];
+					reply: number[];
+				};
+			};
+			requests: {
+				failed: number[];
+				received: number[];
+				succeeded: number[];
+			};
+			users: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+			};
+		};
+	};
+	"charts/network": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: TODO;
+	};
+	"charts/notes": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: {
+			local: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+				diffs: {
+					normal: number[];
+					renote: number[];
+					reply: number[];
+				};
+			};
+			remote: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+				diffs: {
+					normal: number[];
+					renote: number[];
+					reply: number[];
+				};
+			};
+		};
+	};
+	"charts/user/drive": {
+		req: {
+			span: "day" | "hour";
+			limit?: number;
+			offset?: number | null;
+			userId: User["id"];
+		};
+		res: {
+			decCount: number[];
+			decSize: number[];
+			incCount: number[];
+			incSize: number[];
+			totalCount: number[];
+			totalSize: number[];
+		};
+	};
+	"charts/user/following": {
+		req: {
+			span: "day" | "hour";
+			limit?: number;
+			offset?: number | null;
+			userId: User["id"];
+		};
+		res: TODO;
+	};
+	"charts/user/notes": {
+		req: {
+			span: "day" | "hour";
+			limit?: number;
+			offset?: number | null;
+			userId: User["id"];
+		};
+		res: {
+			dec: number[];
+			inc: number[];
+			total: number[];
+			diffs: {
+				normal: number[];
+				renote: number[];
+				reply: number[];
+			};
+		};
+	};
+	"charts/user/reactions": {
+		req: {
+			span: "day" | "hour";
+			limit?: number;
+			offset?: number | null;
+			userId: User["id"];
+		};
+		res: TODO;
+	};
+	"charts/users": {
+		req: { span: "day" | "hour"; limit?: number; offset?: number | null };
+		res: {
+			local: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+			};
+			remote: {
+				dec: number[];
+				inc: number[];
+				total: number[];
+			};
+		};
+	};
+
+	// clips
+	"clips/add-note": { req: TODO; res: TODO };
+	"clips/create": { req: TODO; res: TODO };
+	"clips/delete": { req: { clipId: Clip["id"] }; res: null };
+	"clips/list": { req: TODO; res: TODO };
+	"clips/notes": { req: TODO; res: TODO };
+	"clips/show": { req: TODO; res: TODO };
+	"clips/update": { req: TODO; res: TODO };
+
+	// drive
+	drive: { req: NoParams; res: { capacity: number; usage: number } };
+	"drive/files": {
+		req: {
+			folderId?: DriveFolder["id"] | null;
+			type?: DriveFile["type"] | null;
+			limit?: number;
+			sinceId?: DriveFile["id"];
+			untilId?: DriveFile["id"];
+		};
+		res: DriveFile[];
+	};
+	"drive/files/attached-notes": { req: TODO; res: TODO };
+	"drive/files/check-existence": { req: TODO; res: TODO };
+	"drive/files/create": { req: TODO; res: TODO };
+	"drive/files/delete": { req: { fileId: DriveFile["id"] }; res: null };
+	"drive/files/find-by-hash": { req: TODO; res: TODO };
+	"drive/files/find": {
+		req: { name: string; folderId?: DriveFolder["id"] | null };
+		res: DriveFile[];
+	};
+	"drive/files/show": {
+		req: { fileId?: DriveFile["id"]; url?: string };
+		res: DriveFile;
+	};
+	"drive/files/update": {
+		req: {
+			fileId: DriveFile["id"];
+			folderId?: DriveFolder["id"] | null;
+			name?: string;
+			isSensitive?: boolean;
+			comment?: string | null;
+		};
+		res: DriveFile;
+	};
+	"drive/files/upload-from-url": {
+		req: {
+			url: string;
+			folderId?: DriveFolder["id"] | null;
+			isSensitive?: boolean;
+			comment?: string | null;
+			marker?: string | null;
+			force?: boolean;
+		};
+		res: null;
+	};
+	"drive/folders": {
+		req: {
+			folderId?: DriveFolder["id"] | null;
+			limit?: number;
+			sinceId?: DriveFile["id"];
+			untilId?: DriveFile["id"];
+		};
+		res: DriveFolder[];
+	};
+	"drive/folders/create": {
+		req: { name?: string; parentId?: DriveFolder["id"] | null };
+		res: DriveFolder;
+	};
+	"drive/folders/delete": { req: { folderId: DriveFolder["id"] }; res: null };
+	"drive/folders/find": {
+		req: { name: string; parentId?: DriveFolder["id"] | null };
+		res: DriveFolder[];
+	};
+	"drive/folders/show": {
+		req: { folderId: DriveFolder["id"] };
+		res: DriveFolder;
+	};
+	"drive/folders/update": {
+		req: {
+			folderId: DriveFolder["id"];
+			name?: string;
+			parentId?: DriveFolder["id"] | null;
+		};
+		res: DriveFolder;
+	};
+	"drive/stream": {
+		req: {
+			type?: DriveFile["type"] | null;
+			limit?: number;
+			sinceId?: DriveFile["id"];
+			untilId?: DriveFile["id"];
+		};
+		res: DriveFile[];
+	};
+
+	// endpoint
+	endpoint: {
+		req: { endpoint: string };
+		res: { params: { name: string; type: string }[] };
+	};
+
+	// endpoints
+	endpoints: { req: NoParams; res: string[] };
+
+	// federation
+	"federation/dns": {
+		req: { host: string };
+		res: {
+			a: string[];
+			aaaa: string[];
+			cname: string[];
+			txt: string[];
+		};
+	};
+	"federation/followers": {
+		req: {
+			host: string;
+			limit?: number;
+			sinceId?: Following["id"];
+			untilId?: Following["id"];
+		};
+		res: FollowingFolloweePopulated[];
+	};
+	"federation/following": {
+		req: {
+			host: string;
+			limit?: number;
+			sinceId?: Following["id"];
+			untilId?: Following["id"];
+		};
+		res: FollowingFolloweePopulated[];
+	};
+	"federation/instances": {
+		req: {
+			host?: string | null;
+			blocked?: boolean | null;
+			notResponding?: boolean | null;
+			suspended?: boolean | null;
+			federating?: boolean | null;
+			subscribing?: boolean | null;
+			publishing?: boolean | null;
+			limit?: number;
+			offset?: number;
+			sort?:
+				| "+pubSub"
+				| "-pubSub"
+				| "+notes"
+				| "-notes"
+				| "+users"
+				| "-users"
+				| "+following"
+				| "-following"
+				| "+followers"
+				| "-followers"
+				| "+caughtAt"
+				| "-caughtAt"
+				| "+lastCommunicatedAt"
+				| "-lastCommunicatedAt"
+				| "+driveUsage"
+				| "-driveUsage"
+				| "+driveFiles"
+				| "-driveFiles";
+		};
+		res: Instance[];
+	};
+	"federation/show-instance": { req: { host: string }; res: Instance };
+	"federation/update-remote-user": { req: { userId: User["id"] }; res: null };
+	"federation/users": {
+		req: {
+			host: string;
+			limit?: number;
+			sinceId?: User["id"];
+			untilId?: User["id"];
+		};
+		res: UserDetailed[];
+	};
+
+	// following
+	"following/create": { req: { userId: User["id"] }; res: User };
+	"following/delete": { req: { userId: User["id"] }; res: User };
+	"following/requests/accept": { req: { userId: User["id"] }; res: null };
+	"following/requests/cancel": { req: { userId: User["id"] }; res: User };
+	"following/requests/list": { req: NoParams; res: FollowRequest[] };
+	"following/requests/reject": { req: { userId: User["id"] }; res: null };
+
+	// gallery
+	"gallery/featured": { req: TODO; res: TODO };
+	"gallery/popular": { req: TODO; res: TODO };
+	"gallery/posts": { req: TODO; res: TODO };
+	"gallery/posts/create": { req: TODO; res: TODO };
+	"gallery/posts/delete": { req: { postId: GalleryPost["id"] }; res: null };
+	"gallery/posts/like": { req: TODO; res: TODO };
+	"gallery/posts/show": { req: TODO; res: TODO };
+	"gallery/posts/unlike": { req: TODO; res: TODO };
+	"gallery/posts/update": { req: TODO; res: TODO };
+
+	// games
+	"games/reversi/games": { req: TODO; res: TODO };
+	"games/reversi/games/show": { req: TODO; res: TODO };
+	"games/reversi/games/surrender": { req: TODO; res: TODO };
+	"games/reversi/invitations": { req: TODO; res: TODO };
+	"games/reversi/match": { req: TODO; res: TODO };
+	"games/reversi/match/cancel": { req: TODO; res: TODO };
+
+	// get-online-users-count
+	"get-online-users-count": { req: NoParams; res: { count: number } };
+
+	// hashtags
+	"hashtags/list": { req: TODO; res: TODO };
+	"hashtags/search": { req: TODO; res: TODO };
+	"hashtags/show": { req: TODO; res: TODO };
+	"hashtags/trend": { req: TODO; res: TODO };
+	"hashtags/users": { req: TODO; res: TODO };
+
+	// i
+	i: { req: NoParams; res: User };
+	"i/apps": { req: TODO; res: TODO };
+	"i/authorized-apps": { req: TODO; res: TODO };
+	"i/change-password": { req: TODO; res: TODO };
+	"i/delete-account": { req: { password: string }; res: null };
+	"i/export-blocking": { req: TODO; res: TODO };
+	"i/export-following": { req: TODO; res: TODO };
+	"i/export-mute": { req: TODO; res: TODO };
+	"i/export-notes": { req: TODO; res: TODO };
+	"i/export-user-lists": { req: TODO; res: TODO };
+	"i/favorites": {
+		req: {
+			limit?: number;
+			sinceId?: NoteFavorite["id"];
+			untilId?: NoteFavorite["id"];
+		};
+		res: NoteFavorite[];
+	};
+	"i/gallery/likes": { req: TODO; res: TODO };
+	"i/gallery/posts": { req: TODO; res: TODO };
+	"i/import-following": { req: TODO; res: TODO };
+	"i/import-user-lists": { req: TODO; res: TODO };
+	"i/move": { req: TODO; res: TODO };
+	"i/known-as": { req: TODO; res: TODO };
+	"i/notifications": {
+		req: {
+			limit?: number;
+			sinceId?: Notification["id"];
+			untilId?: Notification["id"];
+			following?: boolean;
+			markAsRead?: boolean;
+			includeTypes?: Notification["type"][];
+			excludeTypes?: Notification["type"][];
+		};
+		res: Notification[];
+	};
+	"i/page-likes": { req: TODO; res: TODO };
+	"i/pages": { req: TODO; res: TODO };
+	"i/pin": { req: { noteId: Note["id"] }; res: MeDetailed };
+	"i/read-all-messaging-messages": { req: TODO; res: TODO };
+	"i/read-all-unread-notes": { req: TODO; res: TODO };
+	"i/read-announcement": { req: TODO; res: TODO };
+	"i/regenerate-token": { req: { password: string }; res: null };
+	"i/registry/get-all": { req: { scope?: string[] }; res: Record<string, any> };
+	"i/registry/get-detail": {
+		req: { key: string; scope?: string[] };
+		res: { updatedAt: DateString; value: any };
+	};
+	"i/registry/get": { req: { key: string; scope?: string[] }; res: any };
+	"i/registry/keys-with-type": {
+		req: { scope?: string[] };
+		res: Record<
+			string,
+			"null" | "array" | "number" | "string" | "boolean" | "object"
+		>;
+	};
+	"i/registry/keys": { req: { scope?: string[] }; res: string[] };
+	"i/registry/remove": { req: { key: string; scope?: string[] }; res: null };
+	"i/registry/scopes": { req: NoParams; res: string[][] };
+	"i/registry/set": {
+		req: { key: string; value: any; scope?: string[] };
+		res: null;
+	};
+	"i/revoke-token": { req: TODO; res: TODO };
+	"i/signin-history": {
+		req: { limit?: number; sinceId?: Signin["id"]; untilId?: Signin["id"] };
+		res: Signin[];
+	};
+	"i/unpin": { req: { noteId: Note["id"] }; res: MeDetailed };
+	"i/update-email": {
+		req: {
+			password: string;
+			email?: string | null;
+		};
+		res: MeDetailed;
+	};
+	"i/update": {
+		req: {
+			name?: string | null;
+			description?: string | null;
+			lang?: string | null;
+			location?: string | null;
+			birthday?: string | null;
+			avatarId?: DriveFile["id"] | null;
+			bannerId?: DriveFile["id"] | null;
+			fields?: {
+				name: string;
+				value: string;
+			}[];
+			isLocked?: boolean;
+			isExplorable?: boolean;
+			hideOnlineStatus?: boolean;
+			carefulBot?: boolean;
+			autoAcceptFollowed?: boolean;
+			noCrawle?: boolean;
+			preventAiLearning?: boolean;
+			isBot?: boolean;
+			isCat?: boolean;
+			injectFeaturedNote?: boolean;
+			receiveAnnouncementEmail?: boolean;
+			alwaysMarkNsfw?: boolean;
+			mutedWords?: string[][];
+			mutingNotificationTypes?: Notification["type"][];
+			emailNotificationTypes?: string[];
+		};
+		res: MeDetailed;
+	};
+	"i/user-group-invites": { req: TODO; res: TODO };
+	"i/2fa/done": { req: TODO; res: TODO };
+	"i/2fa/key-done": { req: TODO; res: TODO };
+	"i/2fa/password-less": { req: TODO; res: TODO };
+	"i/2fa/register-key": { req: TODO; res: TODO };
+	"i/2fa/register": { req: TODO; res: TODO };
+	"i/2fa/update-key": { req: TODO; res: TODO };
+	"i/2fa/remove-key": { req: TODO; res: TODO };
+	"i/2fa/unregister": { req: TODO; res: TODO };
+
+	// messaging
+	"messaging/history": {
+		req: { limit?: number; group?: boolean };
+		res: MessagingMessage[];
+	};
+	"messaging/messages": {
+		req: {
+			userId?: User["id"];
+			groupId?: UserGroup["id"];
+			limit?: number;
+			sinceId?: MessagingMessage["id"];
+			untilId?: MessagingMessage["id"];
+			markAsRead?: boolean;
+		};
+		res: MessagingMessage[];
+	};
+	"messaging/messages/create": {
+		req: {
+			userId?: User["id"];
+			groupId?: UserGroup["id"];
+			text?: string;
+			fileId?: DriveFile["id"];
+		};
+		res: MessagingMessage;
+	};
+	"messaging/messages/delete": {
+		req: { messageId: MessagingMessage["id"] };
+		res: null;
+	};
+	"messaging/messages/read": {
+		req: { messageId: MessagingMessage["id"] };
+		res: null;
+	};
+
+	// meta
+	meta: {
+		req: { detail?: boolean };
+		res: {
+			$switch: {
+				$cases: [
+					[{ detail: true }, DetailedInstanceMetadata],
+					[{ detail: false }, LiteInstanceMetadata],
+					[
+						{ detail: boolean },
+						LiteInstanceMetadata | DetailedInstanceMetadata,
+					],
+				];
+				$default: LiteInstanceMetadata;
+			};
+		};
+	};
+
+	// miauth
+	"miauth/gen-token": { req: TODO; res: TODO };
+
+	// mute
+	"mute/create": { req: TODO; res: TODO };
+	"mute/delete": { req: { userId: User["id"] }; res: null };
+	"mute/list": { req: TODO; res: TODO };
+	"renote-mute/create": { req: TODO; res: TODO };
+	"renote-mute/delete": { req: { userId: User["id"] }; res: null };
+	"renote-mute/list": { req: TODO; res: TODO };
+
+	// my
+	"my/apps": { req: TODO; res: TODO };
+
+	// notes
+	notes: {
+		req: { limit?: number; sinceId?: Note["id"]; untilId?: Note["id"] };
+		res: Note[];
+	};
+	"notes/children": {
+		req: {
+			noteId: Note["id"];
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+		};
+		res: Note[];
+	};
+	"notes/clips": { req: TODO; res: TODO };
+	"notes/conversation": { req: TODO; res: TODO };
+	"notes/create": {
+		req: NoteSubmitReq;
+		res: { createdNote: Note };
+	};
+	"notes/delete": { req: { noteId: Note["id"] }; res: null };
+	"notes/edit": {
+		req: NoteSubmitReq;
+		res: { createdNote: Note };
+	};
+	"notes/favorites/create": { req: { noteId: Note["id"] }; res: null };
+	"notes/favorites/delete": { req: { noteId: Note["id"] }; res: null };
+	"notes/featured": { req: TODO; res: Note[] };
+	"notes/global-timeline": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"notes/recommended-timeline": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"notes/hybrid-timeline": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"notes/local-timeline": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"notes/mentions": {
+		req: {
+			following?: boolean;
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+		};
+		res: Note[];
+	};
+	"notes/polls/recommendation": { req: TODO; res: TODO };
+	"notes/polls/vote": {
+		req: { noteId: Note["id"]; choice: number };
+		res: null;
+	};
+	"notes/reactions": {
+		req: { noteId: Note["id"]; type?: string | null; limit?: number };
+		res: NoteReaction[];
+	};
+	"notes/reactions/create": {
+		req: { noteId: Note["id"]; reaction: string };
+		res: null;
+	};
+	"notes/reactions/delete": { req: { noteId: Note["id"] }; res: null };
+	"notes/renotes": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			noteId: Note["id"];
+		};
+		res: Note[];
+	};
+	"notes/replies": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			noteId: Note["id"];
+		};
+		res: Note[];
+	};
+	"notes/search-by-tag": { req: TODO; res: TODO };
+	"notes/search": { req: TODO; res: TODO };
+	"notes/show": { req: { noteId: Note["id"] }; res: Note };
+	"notes/state": { req: TODO; res: TODO };
+	"notes/timeline": {
+		req: {
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"notes/unrenote": { req: { noteId: Note["id"] }; res: null };
+	"notes/user-list-timeline": {
+		req: {
+			listId: UserList["id"];
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"notes/watching/create": { req: TODO; res: TODO };
+	"notes/watching/delete": { req: { noteId: Note["id"] }; res: null };
+
+	// notifications
+	"notifications/create": {
+		req: { body: string; header?: string | null; icon?: string | null };
+		res: null;
+	};
+	"notifications/mark-all-as-read": { req: NoParams; res: null };
+	"notifications/read": {
+		req: { notificationId: Notification["id"] };
+		res: null;
+	};
+
+	// page-push
+	"page-push": {
+		req: { pageId: Page["id"]; event: string; var?: any };
+		res: null;
+	};
+
+	// pages
+	"pages/create": { req: TODO; res: Page };
+	"pages/delete": { req: { pageId: Page["id"] }; res: null };
+	"pages/featured": { req: NoParams; res: Page[] };
+	"pages/like": { req: { pageId: Page["id"] }; res: null };
+	"pages/show": {
+		req: { pageId?: Page["id"]; name?: string; username?: string };
+		res: Page;
+	};
+	"pages/unlike": { req: { pageId: Page["id"] }; res: null };
+	"pages/update": { req: TODO; res: null };
+
+	// ping
+	ping: { req: NoParams; res: { pong: number } };
+
+	// pinned-users
+	"pinned-users": { req: TODO; res: TODO };
+
+	// promo
+	"promo/read": { req: TODO; res: TODO };
+
+	// request-reset-password
+	"request-reset-password": {
+		req: { username: string; email: string };
+		res: null;
+	};
+
+	// reset-password
+	"reset-password": { req: { token: string; password: string }; res: null };
+
+	// room
+	"room/show": { req: TODO; res: TODO };
+	"room/update": { req: TODO; res: TODO };
+
+	// stats
+	stats: { req: NoParams; res: Stats };
+
+	// server-info
+	"server-info": { req: NoParams; res: ServerInfo };
+
+	// ck specific
+	"latest-version": { req: NoParams; res: TODO };
+
+	// sw
+	"sw/register": { req: TODO; res: TODO };
+
+	// username
+	"username/available": {
+		req: { username: string };
+		res: { available: boolean };
+	};
+
+	// users
+	users: {
+		req: {
+			limit?: number;
+			offset?: number;
+			sort?: UserSorting;
+			origin?: OriginType;
+		};
+		res: User[];
+	};
+	"users/clips": { req: TODO; res: TODO };
+	"users/followers": {
+		req: {
+			userId?: User["id"];
+			username?: User["username"];
+			host?: User["host"] | null;
+			limit?: number;
+			sinceId?: Following["id"];
+			untilId?: Following["id"];
+		};
+		res: FollowingFollowerPopulated[];
+	};
+	"users/following": {
+		req: {
+			userId?: User["id"];
+			username?: User["username"];
+			host?: User["host"] | null;
+			limit?: number;
+			sinceId?: Following["id"];
+			untilId?: Following["id"];
+		};
+		res: FollowingFolloweePopulated[];
+	};
+	"users/gallery/posts": { req: TODO; res: TODO };
+	"users/get-frequently-replied-users": { req: TODO; res: TODO };
+	"users/groups/create": { req: TODO; res: TODO };
+	"users/groups/delete": { req: { groupId: UserGroup["id"] }; res: null };
+	"users/groups/invitations/accept": { req: TODO; res: TODO };
+	"users/groups/invitations/reject": { req: TODO; res: TODO };
+	"users/groups/invite": { req: TODO; res: TODO };
+	"users/groups/joined": { req: TODO; res: TODO };
+	"users/groups/owned": { req: TODO; res: TODO };
+	"users/groups/pull": { req: TODO; res: TODO };
+	"users/groups/show": { req: TODO; res: TODO };
+	"users/groups/transfer": { req: TODO; res: TODO };
+	"users/groups/update": { req: TODO; res: TODO };
+	"users/lists/create": { req: { name: string }; res: UserList };
+	"users/lists/delete": { req: { listId: UserList["id"] }; res: null };
+	"users/lists/list": { req: NoParams; res: UserList[] };
+	"users/lists/pull": {
+		req: { listId: UserList["id"]; userId: User["id"] };
+		res: null;
+	};
+	"users/lists/push": {
+		req: { listId: UserList["id"]; userId: User["id"] };
+		res: null;
+	};
+	"users/lists/show": { req: { listId: UserList["id"] }; res: UserList };
+	"users/lists/update": {
+		req: { listId: UserList["id"]; name: string };
+		res: UserList;
+	};
+	"users/notes": {
+		req: {
+			userId: User["id"];
+			limit?: number;
+			sinceId?: Note["id"];
+			untilId?: Note["id"];
+			sinceDate?: number;
+			untilDate?: number;
+		};
+		res: Note[];
+	};
+	"users/pages": { req: TODO; res: TODO };
+	"users/recommendation": { req: TODO; res: TODO };
+	"users/relation": { req: TODO; res: TODO };
+	"users/report-abuse": { req: TODO; res: TODO };
+	"users/search-by-username-and-host": { req: TODO; res: TODO };
+	"users/search": { req: TODO; res: TODO };
+	"users/show": {
+		req: ShowUserReq | { userIds: User["id"][] };
+		res: {
+			$switch: {
+				$cases: [[{ userIds: User["id"][] }, UserDetailed[]]];
+				$default: UserDetailed;
+			};
+		};
+	};
+	"users/stats": { req: TODO; res: TODO };
+};
diff --git a/packages/client/src/iceshrimp-js/consts.ts b/packages/client/src/iceshrimp-js/consts.ts
new file mode 100644
index 000000000..43d045034
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/consts.ts
@@ -0,0 +1,58 @@
+export const notificationTypes = [
+	"follow",
+	"mention",
+	"reply",
+	"renote",
+	"quote",
+	"reaction",
+	"pollVote",
+	"pollEnded",
+	"receiveFollowRequest",
+	"followRequestAccepted",
+	"groupInvited",
+	"app",
+] as const;
+
+export const noteVisibilities = [
+	"public",
+	"home",
+	"followers",
+	"specified",
+] as const;
+
+export const ffVisibility = ["public", "followers", "private"] as const;
+
+export const permissions = [
+	"read:account",
+	"write:account",
+	"read:blocks",
+	"write:blocks",
+	"read:drive",
+	"write:drive",
+	"read:favorites",
+	"write:favorites",
+	"read:following",
+	"write:following",
+	"read:messaging",
+	"write:messaging",
+	"read:mutes",
+	"write:mutes",
+	"write:notes",
+	"read:notifications",
+	"write:notifications",
+	"read:reactions",
+	"write:reactions",
+	"write:votes",
+	"read:pages",
+	"write:pages",
+	"write:page-likes",
+	"read:page-likes",
+	"read:user-groups",
+	"write:user-groups",
+	"read:channels",
+	"write:channels",
+	"read:gallery",
+	"write:gallery",
+	"read:gallery-likes",
+	"write:gallery-likes",
+];
diff --git a/packages/client/src/iceshrimp-js/entities.ts b/packages/client/src/iceshrimp-js/entities.ts
new file mode 100644
index 000000000..bd99810bf
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/entities.ts
@@ -0,0 +1,494 @@
+export type ID = string;
+export type DateString = string;
+
+type TODO = Record<string, any>;
+
+// NOTE: 極力この型を使うのは避け、UserLite か UserDetailed か明示するように
+export type User = UserLite | UserDetailed;
+
+export type UserLite = {
+	id: ID;
+	username: string;
+	host: string | null;
+	name: string;
+	onlineStatus: "online" | "active" | "offline" | "unknown";
+	avatarUrl: string;
+	avatarBlurhash: string;
+	alsoKnownAs: string[];
+	movedToUri: any;
+	emojis: {
+		name: string;
+		url: string;
+	}[];
+	instance?: {
+		name: Instance["name"];
+		softwareName: Instance["softwareName"];
+		softwareVersion: Instance["softwareVersion"];
+		iconUrl: Instance["iconUrl"];
+		faviconUrl: Instance["faviconUrl"];
+		themeColor: Instance["themeColor"];
+	};
+};
+
+export type UserDetailed = UserLite & {
+	bannerBlurhash: string | null;
+	bannerColor: string | null;
+	bannerUrl: string | null;
+	birthday: string | null;
+	createdAt: DateString;
+	description: string | null;
+	ffVisibility: "public" | "followers" | "private";
+	fields: {
+		name: string;
+		value: string;
+		verified?: boolean;
+	}[];
+	followersCount: number;
+	followingCount: number;
+	hasPendingFollowRequestFromYou: boolean;
+	hasPendingFollowRequestToYou: boolean;
+	isAdmin: boolean;
+	isBlocked: boolean;
+	isBlocking: boolean;
+	isBot: boolean;
+	isCat: boolean;
+	isFollowed: boolean;
+	isFollowing: boolean;
+	isLocked: boolean;
+	isModerator: boolean;
+	isMuted: boolean;
+	isRenoteMuted: boolean;
+	isSilenced: boolean;
+	isSuspended: boolean;
+	lang: string | null;
+	lastFetchedAt?: DateString;
+	location: string | null;
+	notesCount: number;
+	pinnedNoteIds: ID[];
+	pinnedNotes: Note[];
+	pinnedPage: Page | null;
+	pinnedPageId: string | null;
+	publicReactions: boolean;
+	securityKeys: boolean;
+	twoFactorEnabled: boolean;
+	updatedAt: DateString | null;
+	uri: string | null;
+	url: string | null;
+};
+
+export type UserGroup = TODO;
+
+export type UserList = {
+	id: ID;
+	createdAt: DateString;
+	name: string;
+	userIds: User["id"][];
+};
+
+export type MeDetailed = UserDetailed & {
+	avatarId: DriveFile["id"];
+	bannerId: DriveFile["id"];
+	autoAcceptFollowed: boolean;
+	alwaysMarkNsfw: boolean;
+	carefulBot: boolean;
+	emailNotificationTypes: string[];
+	hasPendingReceivedFollowRequest: boolean;
+	hasUnreadAnnouncement: boolean;
+	hasUnreadAntenna: boolean;
+	hasUnreadChannel: boolean;
+	hasUnreadMentions: boolean;
+	hasUnreadMessagingMessage: boolean;
+	hasUnreadNotification: boolean;
+	hasUnreadSpecifiedNotes: boolean;
+	hideOnlineStatus: boolean;
+	injectFeaturedNote: boolean;
+	integrations: Record<string, any>;
+	isDeleted: boolean;
+	isExplorable: boolean;
+	mutedWords: string[][];
+	mutingNotificationTypes: string[];
+	noCrawle: boolean;
+	preventAiLearning: boolean;
+	receiveAnnouncementEmail: boolean;
+	usePasswordLessLogin: boolean;
+	[other: string]: any;
+};
+
+export type DriveFile = {
+	id: ID;
+	createdAt: DateString;
+	isSensitive: boolean;
+	name: string;
+	thumbnailUrl: string;
+	url: string;
+	type: string;
+	size: number;
+	md5: string;
+	blurhash: string;
+	comment: string | null;
+	properties: Record<string, any>;
+};
+
+export type DriveFolder = TODO;
+
+export type GalleryPost = TODO;
+
+export type Note = {
+	id: ID;
+	createdAt: DateString;
+	text: string | null;
+	cw: string | null;
+	user: User;
+	userId: User["id"];
+	reply?: Note;
+	replyId: Note["id"];
+	renote?: Note;
+	renoteId: Note["id"];
+	files: DriveFile[];
+	fileIds: DriveFile["id"][];
+	visibility: "public" | "home" | "followers" | "specified";
+	visibleUserIds?: User["id"][];
+	localOnly?: boolean;
+	channel?: Channel["id"];
+	myReaction?: string;
+	isRenoted?: boolean;
+	reactions: Record<string, number>;
+	renoteCount: number;
+	repliesCount: number;
+	poll?: {
+		expiresAt: DateString | null;
+		multiple: boolean;
+		choices: {
+			isVoted: boolean;
+			text: string;
+			votes: number;
+		}[];
+	};
+	emojis: {
+		name: string;
+		url: string;
+	}[];
+	uri?: string;
+	url?: string;
+	updatedAt?: DateString;
+	isHidden?: boolean;
+};
+
+export type NoteReaction = {
+	id: ID;
+	createdAt: DateString;
+	user: UserLite;
+	type: string;
+};
+
+export type Notification = {
+	id: ID;
+	createdAt: DateString;
+	isRead: boolean;
+} & (
+	| {
+			type: "reaction";
+			reaction: string;
+			user: User;
+			userId: User["id"];
+			note: Note;
+	  }
+	| {
+			type: "reply";
+			user: User;
+			userId: User["id"];
+			note: Note;
+	  }
+	| {
+			type: "renote";
+			user: User;
+			userId: User["id"];
+			note: Note;
+	  }
+	| {
+			type: "quote";
+			user: User;
+			userId: User["id"];
+			note: Note;
+	  }
+	| {
+			type: "mention";
+			user: User;
+			userId: User["id"];
+			note: Note;
+	  }
+	| {
+			type: "pollVote";
+			user: User;
+			userId: User["id"];
+			note: Note;
+	  }
+	| {
+			type: "follow";
+			user: User;
+			userId: User["id"];
+	  }
+	| {
+			type: "followRequestAccepted";
+			user: User;
+			userId: User["id"];
+	  }
+	| {
+			type: "receiveFollowRequest";
+			user: User;
+			userId: User["id"];
+	  }
+	| {
+			type: "groupInvited";
+			invitation: UserGroup;
+			user: User;
+			userId: User["id"];
+	  }
+	| {
+			type: "app";
+			header?: string | null;
+			body: string;
+			icon?: string | null;
+	  }
+);
+
+export type MessagingMessage = {
+	id: ID;
+	createdAt: DateString;
+	file: DriveFile | null;
+	fileId: DriveFile["id"] | null;
+	isRead: boolean;
+	reads: User["id"][];
+	text: string | null;
+	user: User;
+	userId: User["id"];
+	recipient?: User | null;
+	recipientId: User["id"] | null;
+	group?: UserGroup | null;
+	groupId: UserGroup["id"] | null;
+};
+
+export type CustomEmoji = {
+	id: string;
+	name: string;
+	url: string;
+	category: string;
+	aliases: string[];
+};
+
+export type LiteInstanceMetadata = {
+	maintainerName: string | null;
+	maintainerEmail: string | null;
+	version: string;
+	name: string | null;
+	uri: string;
+	description: string | null;
+	tosUrl: string | null;
+	disableRegistration: boolean;
+	disableLocalTimeline: boolean;
+	disableRecommendedTimeline: boolean;
+	disableGlobalTimeline: boolean;
+	driveCapacityPerLocalUserMb: number;
+	driveCapacityPerRemoteUserMb: number;
+	enableHcaptcha: boolean;
+	hcaptchaSiteKey: string | null;
+	enableRecaptcha: boolean;
+	recaptchaSiteKey: string | null;
+	swPublickey: string | null;
+	maxNoteTextLength: number;
+	enableEmail: boolean;
+	enableGithubIntegration: boolean;
+	enableDiscordIntegration: boolean;
+	searchEngine: string;
+	emojis: CustomEmoji[];
+	images: {
+		error: string;
+		notFound: string;
+		info: string;
+	};
+};
+
+export type DetailedInstanceMetadata = LiteInstanceMetadata & {
+	features: Record<string, any>;
+};
+
+export type InstanceMetadata = LiteInstanceMetadata | DetailedInstanceMetadata;
+
+export type ServerInfo = {
+	machine: string;
+	cpu: {
+		model: string;
+		cores: number;
+	};
+	mem: {
+		total: number;
+	};
+	fs: {
+		total: number;
+		used: number;
+	};
+};
+
+export type Stats = {
+	notesCount: number;
+	originalNotesCount: number;
+	usersCount: number;
+	originalUsersCount: number;
+	instances: number;
+	driveUsageLocal: number;
+	driveUsageRemote: number;
+};
+
+export type Page = {
+	id: ID;
+	createdAt: DateString;
+	updatedAt: DateString;
+	userId: User["id"];
+	user: User;
+	content: Record<string, any>[];
+	variables: Record<string, any>[];
+	title: string;
+	name: string;
+	summary: string | null;
+	hideTitleWhenPinned: boolean;
+	alignCenter: boolean;
+	font: string;
+	script: string;
+	eyeCatchingImageId: DriveFile["id"] | null;
+	eyeCatchingImage: DriveFile | null;
+	attachedFiles: any;
+	likedCount: number;
+	isLiked?: boolean;
+};
+
+export type PageEvent = {
+	pageId: Page["id"];
+	event: string;
+	var: any;
+	userId: User["id"];
+	user: User;
+};
+
+export type Announcement = {
+	id: ID;
+	createdAt: DateString;
+	updatedAt: DateString | null;
+	text: string;
+	title: string;
+	imageUrl: string | null;
+	isRead?: boolean;
+};
+
+export type Antenna = {
+	id: ID;
+	createdAt: DateString;
+	name: string;
+	keywords: string[][]; // TODO
+	excludeKeywords: string[][]; // TODO
+	src: "home" | "all" | "users" | "list" | "group" | "instances";
+	userListId: ID | null; // TODO
+	userGroupId: ID | null; // TODO
+	users: string[]; // TODO
+	instances: string[];
+	caseSensitive: boolean;
+	notify: boolean;
+	withReplies: boolean;
+	withFile: boolean;
+	hasUnreadNote: boolean;
+};
+
+export type App = TODO;
+
+export type AuthSession = {
+	id: ID;
+	app: App;
+	token: string;
+};
+
+export type Clip = TODO;
+
+export type NoteFavorite = {
+	id: ID;
+	createdAt: DateString;
+	noteId: Note["id"];
+	note: Note;
+};
+
+export type FollowRequest = {
+	id: ID;
+	follower: User;
+	followee: User;
+};
+
+export type Channel = {
+	id: ID;
+	// TODO
+};
+
+export type Following = {
+	id: ID;
+	createdAt: DateString;
+	followerId: User["id"];
+	followeeId: User["id"];
+};
+
+export type FollowingFolloweePopulated = Following & {
+	followee: UserDetailed;
+};
+
+export type FollowingFollowerPopulated = Following & {
+	follower: UserDetailed;
+};
+
+export type Blocking = {
+	id: ID;
+	createdAt: DateString;
+	blockeeId: User["id"];
+	blockee: UserDetailed;
+};
+
+export type Instance = {
+	id: ID;
+	caughtAt: DateString;
+	host: string;
+	usersCount: number;
+	notesCount: number;
+	followingCount: number;
+	followersCount: number;
+	driveUsage: number;
+	driveFiles: number;
+	latestRequestSentAt: DateString | null;
+	latestStatus: number | null;
+	latestRequestReceivedAt: DateString | null;
+	lastCommunicatedAt: DateString;
+	isNotResponding: boolean;
+	isSuspended: boolean;
+	softwareName: string | null;
+	softwareVersion: string | null;
+	openRegistrations: boolean | null;
+	name: string | null;
+	description: string | null;
+	maintainerName: string | null;
+	maintainerEmail: string | null;
+	iconUrl: string | null;
+	faviconUrl: string | null;
+	themeColor: string | null;
+	infoUpdatedAt: DateString | null;
+};
+
+export type Signin = {
+	id: ID;
+	createdAt: DateString;
+	ip: string;
+	headers: Record<string, any>;
+	success: boolean;
+};
+
+export type UserSorting =
+	| "+follower"
+	| "-follower"
+	| "+createdAt"
+	| "-createdAt"
+	| "+updatedAt"
+	| "-updatedAt";
+export type OriginType = "combined" | "local" | "remote";
diff --git a/packages/client/src/iceshrimp-js/index.ts b/packages/client/src/iceshrimp-js/index.ts
new file mode 100644
index 000000000..f3cd24552
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/index.ts
@@ -0,0 +1,21 @@
+import { Endpoints } from "./api.types.js";
+import Stream, { Connection } from "./streaming.js";
+import { Channels } from "./streaming.types.js";
+import { Acct } from "./acct.js";
+import * as consts from "./consts.js";
+
+
+export type { Endpoints, Channels }
+export { Acct, Stream, Connection as ChannelConnection };
+
+export const permissions = consts.permissions;
+export const notificationTypes = consts.notificationTypes;
+export const noteVisibilities = consts.noteVisibilities;
+export const ffVisibility = consts.ffVisibility;
+
+// api extractor not supported yet
+//export * as api from './api';
+//export * as entities from './entities';
+import * as api from "./api.js";
+import * as entities from "./entities.js";
+export { api, entities };
diff --git a/packages/client/src/iceshrimp-js/streaming.ts b/packages/client/src/iceshrimp-js/streaming.ts
new file mode 100644
index 000000000..6f093bdb2
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/streaming.ts
@@ -0,0 +1,391 @@
+import { EventEmitter } from "eventemitter3";
+import ReconnectingWebsocket from "reconnecting-websocket";
+import { BroadcastEvents, Channels } from "./streaming.types.js";
+
+function autobind(instance: any): void {
+	const prototype = Object.getPrototypeOf(instance);
+
+	const propertyNames = Object.getOwnPropertyNames(prototype);
+
+	for (const key of propertyNames) {
+		const descriptor = Object.getOwnPropertyDescriptor(prototype, key);
+
+		if (typeof descriptor?.value === "function" && key !== "constructor") {
+			Object.defineProperty(instance, key, {
+				value: instance[key].bind(instance),
+				enumerable: descriptor.enumerable,
+				configurable: descriptor.configurable,
+				writable: descriptor.writable,
+			});
+		}
+	}
+}
+
+export function urlQuery(
+	obj: Record<string, string | number | boolean | undefined>,
+): string {
+	const params = Object.entries(obj)
+		.filter(([, v]) => (Array.isArray(v) ? v.length : v !== undefined))
+		// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+		.reduce(
+			(a, [k, v]) => ((a[k] = v!), a),
+			{} as Record<string, string | number | boolean>,
+		);
+
+	return Object.entries(params)
+		.map((e) => `${e[0]}=${encodeURIComponent(e[1])}`)
+		.join("&");
+}
+
+type AnyOf<T extends Record<any, any>> = T[keyof T];
+
+type StreamEvents = {
+	_connected_: void;
+	_disconnected_: void;
+} & BroadcastEvents;
+
+/**
+ * Misskey stream connection
+ */
+export default class Stream extends EventEmitter<StreamEvents> {
+	private stream: ReconnectingWebsocket;
+	public state: "initializing" | "reconnecting" | "connected" = "initializing";
+	private sharedConnectionPools: Pool[] = [];
+	private sharedConnections: SharedConnection[] = [];
+	private nonSharedConnections: NonSharedConnection[] = [];
+	private idCounter = 0;
+
+	constructor(
+		origin: string,
+		user: { token: string } | null,
+		options?: {
+			WebSocket?: any;
+		},
+	) {
+		super();
+		autobind(this);
+		options = options || {};
+
+		const query = urlQuery({
+			i: user?.token,
+
+			// To prevent cache of an HTML such as error screen
+			_t: Date.now(),
+		});
+
+		const wsOrigin = origin
+			.replace("http://", "ws://")
+			.replace("https://", "wss://");
+
+		this.stream = new ReconnectingWebsocket(
+			`${wsOrigin}/streaming?${query}`,
+			"",
+			{
+				minReconnectionDelay: 1, // https://github.com/pladaria/reconnecting-websocket/issues/91
+				WebSocket: options.WebSocket,
+			},
+		);
+		this.stream.addEventListener("open", this.onOpen);
+		this.stream.addEventListener("close", this.onClose);
+		this.stream.addEventListener("message", this.onMessage);
+	}
+
+	private genId(): string {
+		return (++this.idCounter).toString();
+	}
+
+	public useChannel<C extends keyof Channels>(
+		channel: C,
+		params?: Channels[C]["params"],
+		name?: string,
+	): Connection<Channels[C]> {
+		if (params) {
+			return this.connectToChannel(channel, params);
+		} else {
+			return this.useSharedConnection(channel, name);
+		}
+	}
+
+	private useSharedConnection<C extends keyof Channels>(
+		channel: C,
+		name?: string,
+	): SharedConnection<Channels[C]> {
+		let pool = this.sharedConnectionPools.find((p) => p.channel === channel);
+
+		if (pool == null) {
+			pool = new Pool(this, channel, this.genId());
+			this.sharedConnectionPools.push(pool);
+		}
+
+		const connection = new SharedConnection(this, channel, pool, name);
+		this.sharedConnections.push(connection);
+		return connection;
+	}
+
+	public removeSharedConnection(connection: SharedConnection): void {
+		this.sharedConnections = this.sharedConnections.filter(
+			(c) => c !== connection,
+		);
+	}
+
+	public removeSharedConnectionPool(pool: Pool): void {
+		this.sharedConnectionPools = this.sharedConnectionPools.filter(
+			(p) => p !== pool,
+		);
+	}
+
+	private connectToChannel<C extends keyof Channels>(
+		channel: C,
+		params: Channels[C]["params"],
+	): NonSharedConnection<Channels[C]> {
+		const connection = new NonSharedConnection(
+			this,
+			channel,
+			this.genId(),
+			params,
+		);
+		this.nonSharedConnections.push(connection);
+		return connection;
+	}
+
+	public disconnectToChannel(connection: NonSharedConnection): void {
+		this.nonSharedConnections = this.nonSharedConnections.filter(
+			(c) => c !== connection,
+		);
+	}
+
+	/**
+	 * Callback of when open connection
+	 */
+	private onOpen(): void {
+		const isReconnect = this.state === "reconnecting";
+
+		this.state = "connected";
+		this.emit("_connected_");
+
+		// チャンネル再接続
+		if (isReconnect) {
+			for (const p of this.sharedConnectionPools) p.connect();
+			for (const c of this.nonSharedConnections) c.connect();
+		}
+	}
+
+	/**
+	 * Callback of when close connection
+	 */
+	private onClose(): void {
+		if (this.state === "connected") {
+			this.state = "reconnecting";
+			this.emit("_disconnected_");
+		}
+	}
+
+	/**
+	 * Callback of when received a message from connection
+	 */
+	private onMessage(message: { data: string }): void {
+		const { type, body } = JSON.parse(message.data);
+
+		if (type === "channel") {
+			const id = body.id;
+
+			let connections: Connection[];
+
+			connections = this.sharedConnections.filter((c) => c.id === id);
+
+			if (connections.length === 0) {
+				const found = this.nonSharedConnections.find((c) => c.id === id);
+				if (found) {
+					connections = [found];
+				}
+			}
+
+			for (const c of connections) {
+				c.emit(body.type, body.body);
+				c.inCount++;
+			}
+		} else {
+			this.emit(type, body);
+		}
+	}
+
+	/**
+	 * Send a message to connection
+	 */
+	public send(typeOrPayload: any, payload?: any): void {
+		const data =
+			payload === undefined
+				? typeOrPayload
+				: {
+						type: typeOrPayload,
+						body: payload,
+				  };
+
+		this.stream.send(JSON.stringify(data));
+	}
+
+	/**
+	 * Close this connection
+	 */
+	public close(): void {
+		this.stream.close();
+	}
+}
+
+// TODO: これらのクラスを Stream クラスの内部クラスにすれば余計なメンバをpublicにしないで済むかも？
+// もしくは @internal を使う？ https://www.typescriptlang.org/tsconfig#stripInternal
+class Pool {
+	public channel: string;
+	public id: string;
+	protected stream: Stream;
+	public users = 0;
+	private disposeTimerId: any;
+	private isConnected = false;
+
+	constructor(stream: Stream, channel: string, id: string) {
+		this.channel = channel;
+		this.stream = stream;
+		this.id = id;
+
+		this.stream.on("_disconnected_", this.onStreamDisconnected);
+	}
+
+	private onStreamDisconnected(): void {
+		this.isConnected = false;
+	}
+
+	public inc(): void {
+		if (this.users === 0 && !this.isConnected) {
+			this.connect();
+		}
+
+		this.users++;
+
+		// タイマー解除
+		if (this.disposeTimerId) {
+			clearTimeout(this.disposeTimerId);
+			this.disposeTimerId = null;
+		}
+	}
+
+	public dec(): void {
+		this.users--;
+
+		// そのコネクションの利用者が誰もいなくなったら
+		if (this.users === 0) {
+			// また直ぐに再利用される可能性があるので、一定時間待ち、
+			// 新たな利用者が現れなければコネクションを切断する
+			this.disposeTimerId = setTimeout(() => {
+				this.disconnect();
+			}, 3000);
+		}
+	}
+
+	public connect(): void {
+		if (this.isConnected) return;
+		this.isConnected = true;
+		this.stream.send("connect", {
+			channel: this.channel,
+			id: this.id,
+		});
+	}
+
+	private disconnect(): void {
+		this.stream.off("_disconnected_", this.onStreamDisconnected);
+		this.stream.send("disconnect", { id: this.id });
+		this.stream.removeSharedConnectionPool(this);
+	}
+}
+
+export abstract class Connection<
+	Channel extends AnyOf<Channels> = any,
+> extends EventEmitter<Channel["events"]> {
+	public channel: string;
+	protected stream: Stream;
+	public abstract id: string;
+
+	public name?: string; // for debug
+	public inCount = 0; // for debug
+	public outCount = 0; // for debug
+
+	constructor(stream: Stream, channel: string, name?: string) {
+		super();
+
+		this.stream = stream;
+		this.channel = channel;
+		this.name = name;
+	}
+
+	public send<T extends keyof Channel["receives"]>(
+		type: T,
+		body: Channel["receives"][T],
+	): void {
+		this.stream.send("ch", {
+			id: this.id,
+			type: type,
+			body: body,
+		});
+
+		this.outCount++;
+	}
+
+	public abstract dispose(): void;
+}
+
+class SharedConnection<
+	Channel extends AnyOf<Channels> = any,
+> extends Connection<Channel> {
+	private pool: Pool;
+
+	public get id(): string {
+		return this.pool.id;
+	}
+
+	constructor(stream: Stream, channel: string, pool: Pool, name?: string) {
+		super(stream, channel, name);
+
+		this.pool = pool;
+		this.pool.inc();
+	}
+
+	public dispose(): void {
+		this.pool.dec();
+		this.removeAllListeners();
+		this.stream.removeSharedConnection(this);
+	}
+}
+
+class NonSharedConnection<
+	Channel extends AnyOf<Channels> = any,
+> extends Connection<Channel> {
+	public id: string;
+	protected params: Channel["params"];
+
+	constructor(
+		stream: Stream,
+		channel: string,
+		id: string,
+		params: Channel["params"],
+	) {
+		super(stream, channel);
+
+		this.params = params;
+		this.id = id;
+
+		this.connect();
+	}
+
+	public connect(): void {
+		this.stream.send("connect", {
+			channel: this.channel,
+			id: this.id,
+			params: this.params,
+		});
+	}
+
+	public dispose(): void {
+		this.removeAllListeners();
+		this.stream.send("disconnect", { id: this.id });
+		this.stream.disconnectToChannel(this);
+	}
+}
diff --git a/packages/client/src/iceshrimp-js/streaming.types.ts b/packages/client/src/iceshrimp-js/streaming.types.ts
new file mode 100644
index 000000000..6a3da4ddd
--- /dev/null
+++ b/packages/client/src/iceshrimp-js/streaming.types.ts
@@ -0,0 +1,197 @@
+import type {
+	Antenna,
+	CustomEmoji,
+	DriveFile,
+	MeDetailed,
+	MessagingMessage,
+	Note,
+	Notification,
+	PageEvent,
+	User,
+	UserGroup,
+} from "./entities.js";
+
+type FIXME = any;
+
+export type Channels = {
+	main: {
+		params: null;
+		events: {
+			notification: (payload: Notification) => void;
+			mention: (payload: Note) => void;
+			reply: (payload: Note) => void;
+			renote: (payload: Note) => void;
+			follow: (payload: User) => void; // 自分が他人をフォローしたとき
+			followed: (payload: User) => void; // 他人が自分をフォローしたとき
+			unfollow: (payload: User) => void; // 自分が他人をフォロー解除したとき
+			meUpdated: (payload: MeDetailed) => void;
+			pageEvent: (payload: PageEvent) => void;
+			urlUploadFinished: (payload: { marker: string; file: DriveFile }) => void;
+			readAllNotifications: () => void;
+			unreadNotification: (payload: Notification) => void;
+			unreadMention: (payload: Note["id"]) => void;
+			readAllUnreadMentions: () => void;
+			unreadSpecifiedNote: (payload: Note["id"]) => void;
+			readAllUnreadSpecifiedNotes: () => void;
+			readAllMessagingMessages: () => void;
+			messagingMessage: (payload: MessagingMessage) => void;
+			unreadMessagingMessage: (payload: MessagingMessage) => void;
+			readAllAntennas: () => void;
+			unreadAntenna: (payload: Antenna) => void;
+			readAllAnnouncements: () => void;
+			readAllChannels: () => void;
+			unreadChannel: (payload: Note["id"]) => void;
+			myTokenRegenerated: () => void;
+			reversiNoInvites: () => void;
+			reversiInvited: (payload: FIXME) => void;
+			signin: (payload: FIXME) => void;
+			registryUpdated: (payload: {
+				scope?: string[];
+				key: string;
+				value: any | null;
+			}) => void;
+			driveFileCreated: (payload: DriveFile) => void;
+			readAntenna: (payload: Antenna) => void;
+		};
+		receives: null;
+	};
+	homeTimeline: {
+		params: null;
+		events: {
+			note: (payload: Note) => void;
+		};
+		receives: null;
+	};
+	localTimeline: {
+		params: null;
+		events: {
+			note: (payload: Note) => void;
+		};
+		receives: null;
+	};
+	hybridTimeline: {
+		params: null;
+		events: {
+			note: (payload: Note) => void;
+		};
+		receives: null;
+	};
+	recommendedTimeline: {
+		params: null;
+		events: {
+			note: (payload: Note) => void;
+		};
+		receives: null;
+	};
+	globalTimeline: {
+		params: null;
+		events: {
+			note: (payload: Note) => void;
+		};
+		receives: null;
+	};
+	antenna: {
+		params: {
+			antennaId: Antenna["id"];
+		};
+		events: {
+			note: (payload: Note) => void;
+		};
+		receives: null;
+	};
+	messaging: {
+		params: {
+			otherparty?: User["id"] | null;
+			group?: UserGroup["id"] | null;
+		};
+		events: {
+			message: (payload: MessagingMessage) => void;
+			deleted: (payload: MessagingMessage["id"]) => void;
+			read: (payload: MessagingMessage["id"][]) => void;
+			typers: (payload: User[]) => void;
+		};
+		receives: {
+			read: {
+				id: MessagingMessage["id"];
+			};
+		};
+	};
+	serverStats: {
+		params: null;
+		events: {
+			stats: (payload: FIXME) => void;
+		};
+		receives: {
+			requestLog: {
+				id: string | number;
+				length: number;
+			};
+		};
+	};
+	queueStats: {
+		params: null;
+		events: {
+			stats: (payload: FIXME) => void;
+		};
+		receives: {
+			requestLog: {
+				id: string | number;
+				length: number;
+			};
+		};
+	};
+};
+
+export type NoteUpdatedEvent =
+	| {
+			id: Note["id"];
+			type: "reacted";
+			body: {
+				reaction: string;
+				userId: User["id"];
+			};
+	  }
+	| {
+			id: Note["id"];
+			type: "unreacted";
+			body: {
+				reaction: string;
+				userId: User["id"];
+			};
+	  }
+	| {
+			id: Note["id"];
+			type: "deleted";
+			body: {
+				deletedAt: string;
+			};
+	  }
+	| {
+			id: Note["id"];
+			type: "pollVoted";
+			body: {
+				choice: number;
+				userId: User["id"];
+			};
+	  }
+	| {
+			id: Note["id"];
+			type: "replied";
+			body: {
+				id: Note["id"];
+			};
+	  }
+	| {
+			id: Note["id"];
+			type: "updated";
+			body: {
+				updatedAt: string;
+			};
+	  };
+
+export type BroadcastEvents = {
+	noteUpdated: (payload: NoteUpdatedEvent) => void;
+	emojiAdded: (payload: {
+		emoji: CustomEmoji;
+	}) => void;
+};
diff --git a/packages/client/src/index.html b/packages/client/src/index.html
new file mode 100644
index 000000000..77aec1189
--- /dev/null
+++ b/packages/client/src/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8" />
+	<title>[dev] Iceshrimp</title>
+
+	<link rel="stylesheet" href="./style.scss" />
+</head>
+
+<body>
+<div id="app"></div>
+<script> let exports = {}; </script>
+<script type="module" src="./init.ts"></script>
+</body>
+</html>
diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts
index b244002a7..b159ec6eb 100644
--- a/packages/client/src/init.ts
+++ b/packages/client/src/init.ts
@@ -32,10 +32,10 @@ import { compareVersions } from "compare-versions";
 import widgets from "@/widgets";
 import directives from "@/directives";
 import components from "@/components";
-import { version, ui, lang, setHost, setSearchEngine } from "@/config";
+import { version, ui, lang, setHost, setSearchEngine, updateLocale } from "@/config";
 import { applyTheme } from "@/scripts/theme";
 import { isDeviceDarkmode } from "@/scripts/is-device-darkmode";
-import { i18n } from "@/i18n";
+import { i18n, updateI18n } from "@/i18n";
 import { confirm, alert, post, popup, toast, api } from "@/os";
 import { stream } from "@/stream";
 import * as sound from "@/scripts/sound";
@@ -96,6 +96,23 @@ function checkForSplash() {
 		});
 	}
 
+
+	//#region Detect language & fetch translations
+	const localeVersion = localStorage.getItem('localeVersion');
+	const localeOutdated = (localeVersion == null || localeVersion !== version);
+	if (localeOutdated) {
+		const res = await window.fetch(`/assets/locales/${lang}.${version}.json`);
+		if (res.status === 200) {
+			const newLocale = await res.text();
+			const parsedNewLocale = JSON.parse(newLocale);
+			localStorage.setItem('locale', newLocale);
+			localStorage.setItem('localeVersion', version);
+			updateLocale(parsedNewLocale);
+			updateI18n(parsedNewLocale);
+		}
+	}
+	//#endregion
+
 	// タッチデバイスでCSSの:hoverを機能させる
 	document.addEventListener("touchend", () => {}, { passive: true });
 
@@ -363,6 +380,10 @@ function checkForSplash() {
 					JSON.parse(instance.defaultDarkTheme),
 				);
 			defaultStore.set("themeInitial", false);
+		} else if (defaultStore.state.darkMode) {
+			applyTheme(darkTheme.value);
+		} else {
+			applyTheme(lightTheme.value);
 		}
 	});
 
diff --git a/packages/client/src/instance.ts b/packages/client/src/instance.ts
index d335dde74..e2663fe39 100644
--- a/packages/client/src/instance.ts
+++ b/packages/client/src/instance.ts
@@ -1,6 +1,6 @@
 import { computed, reactive } from "vue";
 import { api } from "./os";
-import type * as Misskey from "iceshrimp-js";
+import type * as Misskey from "@/iceshrimp-js";
 
 // TODO: 他のタブと永続化されたstateを同期
 
diff --git a/packages/client/src/os.ts b/packages/client/src/os.ts
index 0e1e82b07..26259030a 100644
--- a/packages/client/src/os.ts
+++ b/packages/client/src/os.ts
@@ -3,7 +3,7 @@
 import { Component, markRaw, Ref, ref, defineAsyncComponent } from "vue";
 import { EventEmitter } from "eventemitter3";
 import insertTextAtCursor from "insert-text-at-cursor";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import { apiUrl, url } from "@/config";
 import MkPostFormDialog from "@/components/MkPostFormDialog.vue";
 import MkWaitingDialog from "@/components/MkWaitingDialog.vue";
diff --git a/packages/client/src/pages/_error_.vue b/packages/client/src/pages/_error_.vue
index 4f536c2b5..9ada95937 100644
--- a/packages/client/src/pages/_error_.vue
+++ b/packages/client/src/pages/_error_.vue
@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkButton from "@/components/MkButton.vue";
 import { version } from "@/config";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/admin/files.vue b/packages/client/src/pages/admin/files.vue
index 394f5467b..ccacf33f9 100644
--- a/packages/client/src/pages/admin/files.vue
+++ b/packages/client/src/pages/admin/files.vue
@@ -81,7 +81,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkSelect from "@/components/form/select.vue";
diff --git a/packages/client/src/pages/admin/overview.user.vue b/packages/client/src/pages/admin/overview.user.vue
index a2eaf33a7..469c17950 100644
--- a/packages/client/src/pages/admin/overview.user.vue
+++ b/packages/client/src/pages/admin/overview.user.vue
@@ -17,7 +17,7 @@
 </template>
 
 <script lang="ts" setup>
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkMiniChart from "@/components/MkMiniChart.vue";
 import * as os from "@/os";
 import { acct } from "@/filters/user";
diff --git a/packages/client/src/pages/api-console.vue b/packages/client/src/pages/api-console.vue
index 116dc38eb..cd98e37b9 100644
--- a/packages/client/src/pages/api-console.vue
+++ b/packages/client/src/pages/api-console.vue
@@ -46,7 +46,7 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 import JSON5 from "json5";
-import { Endpoints } from "iceshrimp-js";
+import { Endpoints } from "@/iceshrimp-js";
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/clip.vue b/packages/client/src/pages/clip.vue
index 42feecf1e..64a597528 100644
--- a/packages/client/src/pages/clip.vue
+++ b/packages/client/src/pages/clip.vue
@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { computed, watch, provide } from "vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import XNotes from "@/components/MkNotes.vue";
 import { $i } from "@/account";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/follow.vue b/packages/client/src/pages/follow.vue
index 288d1dc92..252d39c0b 100644
--- a/packages/client/src/pages/follow.vue
+++ b/packages/client/src/pages/follow.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import * as os from "@/os";
 import { mainRouter } from "@/router";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index d83e601d6..7df9f54b8 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -340,7 +340,7 @@
 import { watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
-import type * as iceshrimp from "iceshrimp-js";
+import type * as iceshrimp from "@/iceshrimp-js";
 import MkChart from "@/components/MkChart.vue";
 import MkObjectView from "@/components/MkObjectView.vue";
 import FormLink from "@/components/form/link.vue";
diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index 17bdd3786..ce481d302 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -89,7 +89,7 @@
 
 <script lang="ts" setup>
 import { ref, markRaw, onMounted, onUnmounted, watch } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MkButton from "@/components/MkButton.vue";
diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue
index 1ea9bb869..b5dd31abd 100644
--- a/packages/client/src/pages/messaging/messaging-room.form.vue
+++ b/packages/client/src/pages/messaging/messaging-room.form.vue
@@ -56,7 +56,7 @@
 
 <script lang="ts" setup>
 import { onMounted, watch } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import autosize from "autosize";
 //import insertTextAtCursor from 'insert-text-at-cursor';
 import { throttle } from "throttle-debounce";
diff --git a/packages/client/src/pages/messaging/messaging-room.message.vue b/packages/client/src/pages/messaging/messaging-room.message.vue
index f3fb921e3..4d3e8f3e4 100644
--- a/packages/client/src/pages/messaging/messaging-room.message.vue
+++ b/packages/client/src/pages/messaging/messaging-room.message.vue
@@ -84,7 +84,7 @@
 <script lang="ts" setup>
 import {} from "vue";
 import * as mfm from "mfm-js";
-import type * as Misskey from "iceshrimp-js";
+import type * as Misskey from "@/iceshrimp-js";
 import XMediaList from "@/components/MkMediaList.vue";
 import { extractUrlFromMfm } from "@/scripts/extract-url-from-mfm";
 import MkUrlPreview from "@/components/MkUrlPreview.vue";
diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index a360863f2..ef93db324 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -98,8 +98,8 @@
 
 <script lang="ts" setup>
 import { computed, watch, onMounted, nextTick, onBeforeUnmount } from "vue";
-import * as Misskey from "iceshrimp-js";
-import * as Acct from "iceshrimp-js/built/acct";
+import * as Misskey from "@/iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
 import XMessage from "./messaging-room.message.vue";
 import XForm from "./messaging-room.form.vue";
 import XList from "@/components/MkDateSeparatedList.vue";
diff --git a/packages/client/src/pages/my-antennas/editor.vue b/packages/client/src/pages/my-antennas/editor.vue
index 560794cb8..3e34fc91d 100644
--- a/packages/client/src/pages/my-antennas/editor.vue
+++ b/packages/client/src/pages/my-antennas/editor.vue
@@ -115,7 +115,7 @@
 
 <script lang="ts" setup>
 import { watch } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import MkButton from "@/components/MkButton.vue";
 import MkInput from "@/components/form/input.vue";
 import MkTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/note.vue b/packages/client/src/pages/note.vue
index 6e46df45b..242eb002a 100644
--- a/packages/client/src/pages/note.vue
+++ b/packages/client/src/pages/note.vue
@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { computed, defineComponent, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import XNoteDetailed from "@/components/MkNoteDetailed.vue";
 import XNotes from "@/components/MkNotes.vue";
 import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index e77576c65..1e190135d 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -54,7 +54,7 @@
 import { computed, ref, watch } from "vue";
 import { Virtual } from "swiper/modules";
 import { Swiper, SwiperSlide } from "swiper/vue";
-import { notificationTypes } from "iceshrimp-js";
+import { notificationTypes } from "@/iceshrimp-js";
 import XNotifications from "@/components/MkNotifications.vue";
 import XNotes from "@/components/MkNotes.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/settings/general.vue b/packages/client/src/pages/settings/general.vue
index 895c2dbbd..6fa4640bb 100644
--- a/packages/client/src/pages/settings/general.vue
+++ b/packages/client/src/pages/settings/general.vue
@@ -378,6 +378,7 @@ watch(swipeOnDesktop, () => {
 watch(lang, () => {
 	localStorage.setItem("lang", lang.value as string);
 	localStorage.removeItem("locale");
+	localStorage.removeItem('localeVersion');
 });
 
 watch(fontSize, () => {
diff --git a/packages/client/src/pages/settings/migration.vue b/packages/client/src/pages/settings/migration.vue
index d33616f51..5c14ae950 100644
--- a/packages/client/src/pages/settings/migration.vue
+++ b/packages/client/src/pages/settings/migration.vue
@@ -59,7 +59,7 @@ import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { $i } from "@/account";
-import { toString } from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js";
 
 let moveToAccount = $ref("");
 let accountAlias = $ref([""]);
@@ -71,7 +71,7 @@ async function init() {
 		const aka = await os.api("users/show", { userIds: $i.alsoKnownAs });
 		accountAlias =
 			aka && aka.length > 0
-				? aka.map((user) => `@${toString(user)}`)
+				? aka.map((user) => `@${Acct.toString(user)}`)
 				: [""];
 	} else {
 		accountAlias = [""];
diff --git a/packages/client/src/pages/settings/notifications.vue b/packages/client/src/pages/settings/notifications.vue
index ad90126e7..10ade49ff 100644
--- a/packages/client/src/pages/settings/notifications.vue
+++ b/packages/client/src/pages/settings/notifications.vue
@@ -50,7 +50,7 @@
 
 <script lang="ts" setup>
 import { defineAsyncComponent } from "vue";
-import { notificationTypes } from "iceshrimp-js";
+import { notificationTypes } from "@/iceshrimp-js";
 import FormButton from "@/components/MkButton.vue";
 import FormLink from "@/components/form/link.vue";
 import FormSection from "@/components/form/section.vue";
diff --git a/packages/client/src/pages/share.vue b/packages/client/src/pages/share.vue
index d43c67528..e979692f5 100644
--- a/packages/client/src/pages/share.vue
+++ b/packages/client/src/pages/share.vue
@@ -33,9 +33,9 @@
 // SPECIFICATION: https://misskey-hub.net/docs/features/share-form.html
 
 import {} from "vue";
-import { noteVisibilities } from "iceshrimp-js";
-import * as Acct from "iceshrimp-js/built/acct";
-import * as Misskey from "iceshrimp-js";
+import { noteVisibilities } from "@/iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
+import * as Misskey from "@/iceshrimp-js";
 import MkButton from "@/components/MkButton.vue";
 import XPostForm from "@/components/MkPostForm.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/user-info.vue b/packages/client/src/pages/user-info.vue
index 433f4e4d6..c758001ad 100644
--- a/packages/client/src/pages/user-info.vue
+++ b/packages/client/src/pages/user-info.vue
@@ -340,7 +340,7 @@
 
 <script lang="ts" setup>
 import { computed, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkChart from "@/components/MkChart.vue";
 import MkObjectView from "@/components/MkObjectView.vue";
 import FormTextarea from "@/components/form/textarea.vue";
diff --git a/packages/client/src/pages/user/clips.vue b/packages/client/src/pages/user/clips.vue
index 2da78686b..0766dccaf 100644
--- a/packages/client/src/pages/user/clips.vue
+++ b/packages/client/src/pages/user/clips.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkPagination from "@/components/MkPagination.vue";
 
 const props = defineProps<{
diff --git a/packages/client/src/pages/user/follow-list.vue b/packages/client/src/pages/user/follow-list.vue
index 668cf33cd..0e8ebbb5c 100644
--- a/packages/client/src/pages/user/follow-list.vue
+++ b/packages/client/src/pages/user/follow-list.vue
@@ -24,7 +24,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkUserInfo from "@/components/MkUserInfo.vue";
 import MkPagination from "@/components/MkPagination.vue";
 
diff --git a/packages/client/src/pages/user/followers.vue b/packages/client/src/pages/user/followers.vue
index fccbb36bc..3553fec05 100644
--- a/packages/client/src/pages/user/followers.vue
+++ b/packages/client/src/pages/user/followers.vue
@@ -24,8 +24,8 @@ import {
 	onUnmounted,
 	watch,
 } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
-import * as misskey from "iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
+import * as misskey from "@/iceshrimp-js";
 import XFollowList from "./follow-list.vue";
 import * as os from "@/os";
 import { definePageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/src/pages/user/following.vue b/packages/client/src/pages/user/following.vue
index e397d1bbd..258d1d023 100644
--- a/packages/client/src/pages/user/following.vue
+++ b/packages/client/src/pages/user/following.vue
@@ -24,8 +24,8 @@ import {
 	onUnmounted,
 	watch,
 } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
-import * as misskey from "iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
+import * as misskey from "@/iceshrimp-js";
 import XFollowList from "./follow-list.vue";
 import * as os from "@/os";
 import { definePageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/src/pages/user/gallery.vue b/packages/client/src/pages/user/gallery.vue
index 72255b17b..60fb4255c 100644
--- a/packages/client/src/pages/user/gallery.vue
+++ b/packages/client/src/pages/user/gallery.vue
@@ -15,7 +15,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkGalleryPostPreview from "@/components/MkGalleryPostPreview.vue";
 import MkPagination from "@/components/MkPagination.vue";
 
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index b1fc07443..1cd6d761b 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -365,7 +365,7 @@ import { defineAsyncComponent, onMounted, onUnmounted } from "vue";
 import calcAge from "s-age";
 import cityTimezones from "city-timezones";
 import XUserTimeline from "./index.timeline.vue";
-import type * as misskey from "iceshrimp-js";
+import type * as misskey from "@/iceshrimp-js";
 import XNote from "@/components/MkNote.vue";
 import MkFollowButton from "@/components/MkFollowButton.vue";
 import MkRemoteCaution from "@/components/MkRemoteCaution.vue";
diff --git a/packages/client/src/pages/user/index.activity.vue b/packages/client/src/pages/user/index.activity.vue
index 7116e456b..2bd04b852 100644
--- a/packages/client/src/pages/user/index.activity.vue
+++ b/packages/client/src/pages/user/index.activity.vue
@@ -30,7 +30,7 @@
 
 <script lang="ts" setup>
 import {} from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkContainer from "@/components/MkContainer.vue";
 import MkChart from "@/components/MkChart.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/user/index.photos.vue b/packages/client/src/pages/user/index.photos.vue
index f1adbefb9..ade8049fa 100644
--- a/packages/client/src/pages/user/index.photos.vue
+++ b/packages/client/src/pages/user/index.photos.vue
@@ -29,7 +29,7 @@
 
 <script lang="ts" setup>
 import { onMounted } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { getStaticImageUrl } from "@/scripts/get-static-image-url";
 import { notePage } from "@/filters/note";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/user/index.timeline.vue b/packages/client/src/pages/user/index.timeline.vue
index 3bc3294df..6c71f9e31 100644
--- a/packages/client/src/pages/user/index.timeline.vue
+++ b/packages/client/src/pages/user/index.timeline.vue
@@ -13,7 +13,7 @@
 
 <script lang="ts" setup>
 import { ref, computed } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import XNotes from "@/components/MkNotes.vue";
 import MkTab from "@/components/MkTab.vue";
 import * as os from "@/os";
diff --git a/packages/client/src/pages/user/index.vue b/packages/client/src/pages/user/index.vue
index 91e0cbaaa..46769db3e 100644
--- a/packages/client/src/pages/user/index.vue
+++ b/packages/client/src/pages/user/index.vue
@@ -31,8 +31,8 @@
 <script lang="ts" setup>
 import { defineAsyncComponent, computed, watch } from "vue";
 import calcAge from "s-age";
-import * as Acct from "iceshrimp-js/built/acct";
-import type * as misskey from "iceshrimp-js";
+import { Acct } from "@/iceshrimp-js"
+import type * as misskey from "@/iceshrimp-js";
 import { getScrollPosition } from "@/scripts/scroll";
 import number from "@/filters/number";
 import { userPage, acct as getAcct } from "@/filters/user";
diff --git a/packages/client/src/pages/user/pages.vue b/packages/client/src/pages/user/pages.vue
index 98050647d..2782cb24d 100644
--- a/packages/client/src/pages/user/pages.vue
+++ b/packages/client/src/pages/user/pages.vue
@@ -13,7 +13,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkPagePreview from "@/components/MkPagePreview.vue";
 import MkPagination from "@/components/MkPagination.vue";
 
diff --git a/packages/client/src/pages/user/reactions.vue b/packages/client/src/pages/user/reactions.vue
index 0228076cd..8814b344c 100644
--- a/packages/client/src/pages/user/reactions.vue
+++ b/packages/client/src/pages/user/reactions.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { computed } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MkPagination from "@/components/MkPagination.vue";
 import MkNote from "@/components/MkNote.vue";
 import MkReactionIcon from "@/components/MkReactionIcon.vue";
diff --git a/packages/client/src/scripts/gen-search-query.ts b/packages/client/src/scripts/gen-search-query.ts
index 79c4ce29e..20c68ccce 100644
--- a/packages/client/src/scripts/gen-search-query.ts
+++ b/packages/client/src/scripts/gen-search-query.ts
@@ -1,4 +1,4 @@
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import { host as localHost } from "@/config";
 
 export async function genSearchQuery(v: any, q: string) {
diff --git a/packages/client/src/scripts/get-note-menu.ts b/packages/client/src/scripts/get-note-menu.ts
index 55e3cbf68..6fbdbf6c3 100644
--- a/packages/client/src/scripts/get-note-menu.ts
+++ b/packages/client/src/scripts/get-note-menu.ts
@@ -1,5 +1,5 @@
 import { defineAsyncComponent, Ref, inject } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { $i } from "@/account";
 import { i18n } from "@/i18n";
 import { instance } from "@/instance";
diff --git a/packages/client/src/scripts/get-note-summary.ts b/packages/client/src/scripts/get-note-summary.ts
index 0d67dc0cd..224430373 100644
--- a/packages/client/src/scripts/get-note-summary.ts
+++ b/packages/client/src/scripts/get-note-summary.ts
@@ -1,4 +1,4 @@
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { i18n } from "@/i18n";
 
 /**
diff --git a/packages/client/src/scripts/get-user-menu.ts b/packages/client/src/scripts/get-user-menu.ts
index d161384b6..82a0b358e 100644
--- a/packages/client/src/scripts/get-user-menu.ts
+++ b/packages/client/src/scripts/get-user-menu.ts
@@ -1,4 +1,4 @@
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import { defineAsyncComponent } from "vue";
 import { i18n } from "@/i18n";
 import copyToClipboard from "@/scripts/copy-to-clipboard";
diff --git a/packages/client/src/scripts/lookup-user.ts b/packages/client/src/scripts/lookup-user.ts
index 593fb7241..d1e00ebc3 100644
--- a/packages/client/src/scripts/lookup-user.ts
+++ b/packages/client/src/scripts/lookup-user.ts
@@ -1,4 +1,4 @@
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js"
 import { i18n } from "@/i18n";
 import * as os from "@/os";
 
diff --git a/packages/client/src/scripts/page-metadata.ts b/packages/client/src/scripts/page-metadata.ts
index 39653eb37..179345999 100644
--- a/packages/client/src/scripts/page-metadata.ts
+++ b/packages/client/src/scripts/page-metadata.ts
@@ -1,4 +1,4 @@
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import {
 	ComputedRef,
 	inject,
diff --git a/packages/client/src/scripts/select-file.ts b/packages/client/src/scripts/select-file.ts
index 19d2e334f..1534cba46 100644
--- a/packages/client/src/scripts/select-file.ts
+++ b/packages/client/src/scripts/select-file.ts
@@ -1,5 +1,5 @@
 import { ref } from "vue";
-import { DriveFile } from "iceshrimp-js/built/entities";
+import { DriveFile } from "@/iceshrimp-js/entities";
 import * as os from "@/os";
 import { stream } from "@/stream";
 import { i18n } from "@/i18n";
diff --git a/packages/client/src/scripts/upload.ts b/packages/client/src/scripts/upload.ts
index d967e6429..c98ee8327 100644
--- a/packages/client/src/scripts/upload.ts
+++ b/packages/client/src/scripts/upload.ts
@@ -1,5 +1,5 @@
 import { reactive, ref } from "vue";
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import { readAndCompressImage } from "browser-image-resizer";
 import { defaultStore } from "@/store";
 import { apiUrl } from "@/config";
diff --git a/packages/client/src/scripts/use-note-capture.ts b/packages/client/src/scripts/use-note-capture.ts
index cc0a3c24a..a4892558f 100644
--- a/packages/client/src/scripts/use-note-capture.ts
+++ b/packages/client/src/scripts/use-note-capture.ts
@@ -1,5 +1,5 @@
 import { onUnmounted, Ref } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import { stream } from "@/stream";
 import { $i } from "@/account";
 import * as os from "@/os";
diff --git a/packages/client/src/stream.ts b/packages/client/src/stream.ts
index b2d455f0f..6e7927dcb 100644
--- a/packages/client/src/stream.ts
+++ b/packages/client/src/stream.ts
@@ -1,4 +1,4 @@
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import { markRaw } from "vue";
 import { $i } from "@/account";
 import { url } from "@/config";
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index 66fe2f246..6bb8cf8a3 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -31,6 +31,8 @@
 }
 
 html {
+	background-color: var(--bg);
+	color: var(--fg);
 	touch-action: manipulation;
 	background-attachment: fixed;
 	background-size: cover;
diff --git a/packages/client/src/types/menu.ts b/packages/client/src/types/menu.ts
index 53c7cc477..f08d44dec 100644
--- a/packages/client/src/types/menu.ts
+++ b/packages/client/src/types/menu.ts
@@ -1,4 +1,4 @@
-import * as Misskey from "iceshrimp-js";
+import * as Misskey from "@/iceshrimp-js";
 import { Ref } from "vue";
 
 export type MenuAction = (ev: MouseEvent) => void;
diff --git a/packages/client/src/ui/_common_/statusbar-federation.vue b/packages/client/src/ui/_common_/statusbar-federation.vue
index 5f0cd8315..563d90c40 100644
--- a/packages/client/src/ui/_common_/statusbar-federation.vue
+++ b/packages/client/src/ui/_common_/statusbar-federation.vue
@@ -40,7 +40,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref, toRef, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MarqueeText from "@/components/MkMarquee.vue";
 import * as os from "@/os";
 import { useInterval } from "@/scripts/use-interval";
diff --git a/packages/client/src/ui/_common_/statusbar-user-list.vue b/packages/client/src/ui/_common_/statusbar-user-list.vue
index 5ef771e19..f0908e32b 100644
--- a/packages/client/src/ui/_common_/statusbar-user-list.vue
+++ b/packages/client/src/ui/_common_/statusbar-user-list.vue
@@ -35,7 +35,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, ref, toRef, watch } from "vue";
-import * as misskey from "iceshrimp-js";
+import * as misskey from "@/iceshrimp-js";
 import MarqueeText from "@/components/MkMarquee.vue";
 import * as os from "@/os";
 import { useInterval } from "@/scripts/use-interval";
diff --git a/packages/client/src/ui/deck/deck-store.ts b/packages/client/src/ui/deck/deck-store.ts
index b5a4e334b..82ce87b97 100644
--- a/packages/client/src/ui/deck/deck-store.ts
+++ b/packages/client/src/ui/deck/deck-store.ts
@@ -1,6 +1,6 @@
 import { throttle } from "throttle-debounce";
 import { markRaw } from "vue";
-import { notificationTypes } from "iceshrimp-js";
+import { notificationTypes } from "@/iceshrimp-js";
 import { Storage } from "../../pizzax";
 import { i18n } from "@/i18n";
 import { api } from "@/os";
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index dfbd9dc96..de9b67187 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -167,7 +167,7 @@
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, onMounted, provide, ref } from "vue";
-import * as Acct from "iceshrimp-js/built/acct";
+import { Acct } from "@/iceshrimp-js";
 import type { ComputedRef } from "vue";
 import XCommon from "./_common_/common.vue";
 import type { PageMetadata } from "@/scripts/page-metadata";
diff --git a/packages/client/vite-dev.config.ts b/packages/client/vite-dev.config.ts
new file mode 100644
index 000000000..3157575ee
--- /dev/null
+++ b/packages/client/vite-dev.config.ts
@@ -0,0 +1,106 @@
+import pluginVue from '@vitejs/plugin-vue';
+import { defineConfig, type UserConfig } from 'vite';
+
+import locales from '../../locales';
+import meta from '../../package.json';
+import pluginJson5 from "./vite.json5";
+
+const extensions = ['.ts', '.tsx', '.js', '.jsx', '.mjs', '.json', '.json5', '.svg', '.sass', '.scss', '.css', '.vue'];
+
+export function getConfig(): UserConfig {
+	return {
+		root: 'src',
+		publicDir: '../assets',
+		base: './',
+		server: {
+			host: '127.0.0.1',
+			port: 5173,
+			proxy: {
+				'/api': {
+					changeOrigin: true,
+					target: 'http://127.0.0.1:3000/',
+				},
+				'/assets': 'http://127.0.0.1:3000/',
+				'/files': 'http://127.0.0.1:3000/',
+				'/twemoji': 'http://127.0.0.1:3000/',
+				'/fluent-emoji': 'http://127.0.0.1:3000/',
+				'/sw.js': 'http://127.0.0.1:3000/',
+				'/streaming': {
+					target: 'ws://127.0.0.1:3000/',
+					ws: true,
+				},
+				'/favicon.ico': 'http://127.0.0.1:3000/',
+				'/identicon': {
+					target: 'http://127.0.0.1:3000/',
+					rewrite(path) {
+						return path.replace('@127.0.0.1:5173', '');
+					},
+
+				},
+				'/url': 'http://127.0.0.1:3000',
+				'/proxy': 'http://127.0.0.1:3000',
+			},
+		},
+
+		plugins: [
+			pluginVue({
+				reactivityTransform: true,
+			}),
+			pluginJson5(),
+		],
+
+		resolve: {
+			extensions,
+			alias: {
+				'@/': __dirname + '/src/',
+				'/client-assets/': __dirname + '/assets/',
+				'/static-assets/': __dirname + '/../backend/assets/',
+				'/fluent-emojis/': __dirname + '/../../fluent-emojis/dist/',
+				'/fluent-emoji/': __dirname + '/../../fluent-emojis/dist/',
+			},
+		},
+
+		define: {
+			_VERSION_: JSON.stringify(meta.version),
+			_LANGS_: JSON.stringify(Object.entries(locales).map(([k, v]) => [k, v._lang_])),
+			_ENV_: JSON.stringify(process.env.NODE_ENV),
+			_DEV_: process.env.NODE_ENV !== 'production',
+			_PERF_PREFIX_: JSON.stringify('Misskey:'),
+			_DATA_TRANSFER_DRIVE_FILE_: JSON.stringify('mk_drive_file'),
+			_DATA_TRANSFER_DRIVE_FOLDER_: JSON.stringify('mk_drive_folder'),
+			_DATA_TRANSFER_DECK_COLUMN_: JSON.stringify('mk_deck_column'),
+			__VUE_OPTIONS_API__: true,
+			__VUE_PROD_DEVTOOLS__: false,
+		},
+
+		build: {
+			target: [
+				'chrome116',
+				'firefox116',
+				'safari16',
+			],
+			manifest: 'manifest.json',
+			rollupOptions: {
+				output: {
+					manualChunks: {
+						vue: ['vue'],
+						photoswipe: ['photoswipe', 'photoswipe/lightbox', 'photoswipe/style.css'],
+					},
+					chunkFileNames: process.env.NODE_ENV === 'production' ? '[hash:8].js' : '[name]-[hash:8].js',
+					assetFileNames: process.env.NODE_ENV === 'production' ? '[hash:8][extname]' : '[name]-[hash:8][extname]',
+				},
+			},
+			cssCodeSplit: true,
+			outDir: __dirname + '/../../built/_client_dist_',
+			assetsDir: '.',
+			emptyOutDir: false,
+			sourcemap: process.env.NODE_ENV === 'development',
+			reportCompressedSize: false,
+		},
+
+	};
+}
+
+const config = defineConfig(({ command, mode }) => getConfig());
+
+export default config;
diff --git a/yarn.lock b/yarn.lock
index 3a0f4a7f6..399be1d27 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2294,6 +2294,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/plugin-replace@npm:^5.0.5":
+  version: 5.0.5
+  resolution: "@rollup/plugin-replace@npm:5.0.5"
+  dependencies:
+    "@rollup/pluginutils": "npm:^5.0.1"
+    magic-string: "npm:^0.30.3"
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: bcf106346f1990478a569cda6b375411dd27e0110238f8b10b424c55f09a2788a607e42fce713480c19ed942dcd67411b64c25471086de560da1e58d8f4e0740
+  languageName: node
+  linkType: hard
+
 "@rollup/pluginutils@npm:^3.0.8":
   version: 3.1.0
   resolution: "@rollup/pluginutils@npm:3.1.0"
@@ -2317,6 +2332,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/pluginutils@npm:^5.0.1":
+  version: 5.1.0
+  resolution: "@rollup/pluginutils@npm:5.1.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-walker: "npm:^2.0.2"
+    picomatch: "npm:^2.3.1"
+  peerDependencies:
+    rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: abb15eaec5b36f159ec351b48578401bedcefdfa371d24a914cfdbb1e27d0ebfbf895299ec18ccc343d247e71f2502cba21202bc1362d7ef27d5ded699e5c2b2
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-android-arm-eabi@npm:4.5.1":
   version: 4.5.1
   resolution: "@rollup/rollup-android-arm-eabi@npm:4.5.1"
@@ -6677,6 +6708,7 @@ __metadata:
     "@phosphor-icons/web": "npm:^2.0.3"
     "@rollup/plugin-alias": "npm:3.1.9"
     "@rollup/plugin-json": "npm:4.1.0"
+    "@rollup/plugin-replace": "npm:^5.0.5"
     "@rollup/pluginutils": "npm:^4.2.1"
     "@syuilo/aiscript": "npm:0.11.1"
     "@types/escape-regexp": "npm:0.0.1"
@@ -6732,6 +6764,7 @@ __metadata:
     prismjs: "npm:1.29.0"
     punycode: "npm:2.3.0"
     querystring: "npm:0.2.1"
+    reconnecting-websocket: "npm:^4.4.0"
     rndstr: "npm:1.0.0"
     rollup: "npm:3.26.2"
     s-age: "npm:1.1.2"
@@ -14387,7 +14420,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.30.5":
+"magic-string@npm:^0.30.3, magic-string@npm:^0.30.5":
   version: 0.30.5
   resolution: "magic-string@npm:0.30.5"
   dependencies: