+
+ )
+}
diff --git a/src/miraktest-twitter/components/TwitterRenderer.tsx b/src/miraktest-twitter/components/TwitterRenderer.tsx
new file mode 100644
index 0000000..d7d80b2
--- /dev/null
+++ b/src/miraktest-twitter/components/TwitterRenderer.tsx
@@ -0,0 +1,234 @@
+import Axios from "axios"
+import React, { useEffect, useState } from "react"
+import { atom, useRecoilValue, useRecoilState, useSetRecoilState } from "recoil"
+import YAML from "yaml"
+import { InitPlugin } from "../../@types/plugin"
+import tailwind from "../../tailwind.scss"
+import {
+ TWITTER_META,
+ TWITTER_PLUGIN_PREFIX,
+ TWITTER_TWEET_WINDOW_ID,
+} from "../constants"
+import { TwitterSetting, SayaDefinition } from "../types"
+import { TweetComponent } from "./Tweet"
+
+export const TwitterRenderer: InitPlugin["renderer"] = ({
+ appInfo,
+ rpc,
+ atoms,
+}) => {
+ const settingAtom = atom
+
+ ツイート
+ {failed && ( +{failed}
+ )} +
+
+
+
+
+
+ {
+ e.currentTarget.scrollLeft += e.deltaY
+ }}
+ >
+ {[...serviceTags, ...suggestedTags].map((tag) => (
+
+ ))}
+
+
+
+ {user ? (
+
+
+
+ 
+
+ ) : (
+ @{user.screen_name}
+認証中...
+ )}
+
+
+ {images.map((imageUrl) => (
+
+ {
+ setSelectedImages((selectedImages) =>
+ selectedImages.includes(imageUrl)
+ ? selectedImages.filter((image) => image !== imageUrl)
+ : 4 <= selectedImages.length
+ ? selectedImages
+ : [...selectedImages, imageUrl]
+ )
+ }}
+ key={imageUrl}
+ className={clsx("relative")}
+ >
+ 
+
+ ))}
+ + {selectedImages.includes(imageUrl) + ? selectedImages.indexOf(imageUrl) + 1 + : ""} +
+
+ {setting.consumerKey &&
+ setting.consumerSecret &&
+ setting.accessToken &&
+ setting.accessTokenSecret &&
+ sayaDefinition ? (
+ }
+ playingContent={playingContent}
+ sayaDefinition={sayaDefinition}
+ imageUrl={imageUrl}
+ />
+ ) : (
+
+
+ )
+ },
+ },
+ }
+}
diff --git a/src/miraktest-twitter/constants.ts b/src/miraktest-twitter/constants.ts
new file mode 100644
index 0000000..c4ca6db
--- /dev/null
+++ b/src/miraktest-twitter/constants.ts
@@ -0,0 +1,10 @@
+export const TWITTER_PLUGIN_ID = "io.github.ci7lus.miraktest-plugins.twitter"
+export const TWITTER_PLUGIN_PREFIX = "plugins.ci7lus.twitter"
+export const TWITTER_META = {
+ id: TWITTER_PLUGIN_ID,
+ name: "Twitter",
+ author: "ci7lus",
+ version: "0.0.1",
+ description: "視聴中の番組に関連するツイートを投稿する",
+}
+export const TWITTER_TWEET_WINDOW_ID = `${TWITTER_PLUGIN_ID}.tweet`
diff --git a/src/miraktest-twitter/index.tsx b/src/miraktest-twitter/index.tsx
new file mode 100644
index 0000000..e59ca2f
--- /dev/null
+++ b/src/miraktest-twitter/index.tsx
@@ -0,0 +1,54 @@
+import { InitPlugin } from "../@types/plugin"
+import { TWITTER_META, TWITTER_TWEET_WINDOW_ID } from "./constants"
+
+/**
+ * MirakTest Twitter Plugin
+ * 視聴中の番組に関連するツイートを投稿するプラグイン
+ */
+
+const main: InitPlugin = {
+ renderer:
+ typeof window !== "undefined"
+ ? // eslint-disable-next-line @typescript-eslint/no-var-requires
+ require("./components/TwitterRenderer").TwitterRenderer
+ : undefined,
+ main: ({ functions }) => {
+ return {
+ ...TWITTER_META,
+ setup: () => {
+ return
+ },
+ destroy: () => {
+ return
+ },
+ appMenu: {
+ label: "ツイート画面を開く",
+ click: () => {
+ functions.openWindow({
+ name: TWITTER_TWEET_WINDOW_ID,
+ isSingletone: true,
+ args: {
+ width: 600,
+ height: 400,
+ },
+ })
+ },
+ },
+ contextMenu: {
+ label: "ツイート画面を開く",
+ click: () => {
+ functions.openWindow({
+ name: TWITTER_TWEET_WINDOW_ID,
+ isSingletone: true,
+ args: {
+ width: 600,
+ height: 400,
+ },
+ })
+ },
+ },
+ }
+ },
+}
+
+export default main
diff --git a/src/miraktest-twitter/types.ts b/src/miraktest-twitter/types.ts
new file mode 100644
index 0000000..4952925
--- /dev/null
+++ b/src/miraktest-twitter/types.ts
@@ -0,0 +1,36 @@
+export type TwitterSetting = {
+ consumerKey?: string
+ consumerSecret?: string
+ accessToken?: string
+ accessTokenSecret?: string
+ isContentInfoEmbedInImageEnabled: boolean
+}
+
+export type SayaDefinitionBoard = {
+ id: string
+ name: string
+ server: string
+ board: string
+}
+
+export type SayaDefinitionChannel = {
+ annictId?: number
+ boardIds: string[]
+ flag: number
+ hasOfficialNicolive: boolean
+ miyoutvId?: string
+ name: string
+ networkId: number
+ nicojkId?: number
+ nicoliveCommunityIds: string[]
+ nicoliveTags: string[]
+ serviceIds: number[]
+ syobocalId?: number
+ twitterKeywords: string[]
+ type: "GR" | "BS" | "CS"
+}
+
+export type SayaDefinition = {
+ boards: SayaDefinitionBoard[]
+ channels: SayaDefinitionChannel[]
+}
diff --git a/src/miraktest-twitter/utils.ts b/src/miraktest-twitter/utils.ts
new file mode 100644
index 0000000..fb5806e
--- /dev/null
+++ b/src/miraktest-twitter/utils.ts
@@ -0,0 +1,10 @@
+export const blobToBase64Uri = (blob: Blob) => {
+ return new Promise
+
+ )}
+
+ {isCredentialFulfilled ? (
+
+ 読込中です…
+ ) : ( + <> ++ Twitter の設定が行われていません。 +
+設定から認証情報を設定してください。
+ + )} +