Merge pull request #411 from xmtp-labs/dj/custom-content-type

Pull screen effect from package

package.json

@@ -39,6 +39,7 @@
     "@xmtp/content-type-reaction": "^1.1.3",
     "@xmtp/content-type-remote-attachment": "^1.1.4",
     "@xmtp/content-type-reply": "^1.1.5",
+    "@xmtp/experimental-content-type-screen-effect": "^1.0.0",
     "@xmtp/react-sdk": "^3.0.0",
     "@xmtp/xmtp-js": "^11.2.1",
     "buffer": "^6.0.3",

src/component-library/components/EffectDialog/EffectDialog.tsx

@@ -1,4 +1,8 @@
-import { EffectType } from "../../../../screenEffect";
+// To-do: pull from package once exported
+enum EffectType {
+  SNOW = "SNOW",
+  RAIN = "RAIN",
+}
 
 export const EffectDialog = ({
   handleSendEffect,

src/component-library/components/MessageInput/MessageInput.tsx

@@ -27,6 +27,7 @@ import {
   useSendMessage as _useSendMessage,
   useConversation,
 } from "@xmtp/react-sdk";
+import { ContentTypeScreenEffect } from "@xmtp/experimental-content-type-screen-effect";
 import { IconButton } from "../IconButton/IconButton";
 import { useAttachmentChange } from "../../../hooks/useAttachmentChange";
 import { typeLookup, type contentTypes } from "../../../helpers/attachments";
@@ -36,7 +37,6 @@ import { useXmtpStore } from "../../../store/xmtp";
 import { useVoiceRecording } from "../../../hooks/useVoiceRecording";
 import { useRecordingTimer } from "../../../hooks/useRecordingTimer";
 import "react-tooltip/dist/react-tooltip.css";
-import { ContentTypeScreenEffect } from "../../../../screenEffect";
 import { useLongPress } from "../../../hooks/useLongPress";
 import { EffectDialog } from "../EffectDialog/EffectDialog";
 

src/component-library/components/ScreenEffects/RainEffect.tsx

@@ -1,6 +1,11 @@
 import { useEffect, useState } from "react";
 import "./RainEffect.css";
-import { EffectType } from "../../../../screenEffect";
+
+// To-do: pull from package once exported
+enum EffectType {
+  SNOW = "SNOW",
+  RAIN = "RAIN",
+}
 
 interface logoStyles {
   left: string;

src/component-library/components/ScreenEffects/SnowEffect.tsx

@@ -1,6 +1,11 @@
 import { useState, useEffect } from "react";
 import "./SnowEffect.css";
-import { EffectType } from "../../../../screenEffect";
+
+// To-do: pull from package once exported
+enum EffectType {
+  SNOW = "SNOW",
+  RAIN = "RAIN",
+}
 
 interface snowflakeStyles {
   left: string;

src/controllers/FullConversationController.tsx

@@ -16,7 +16,12 @@ import { isMessageSupported } from "../helpers/isMessagerSupported";
 import { updateConversationIdentity } from "../helpers/conversation";
 import SnowEffect from "../component-library/components/ScreenEffects/SnowEffect";
 import RainEffect from "../component-library/components/ScreenEffects/RainEffect";
-import { EffectType } from "../../screenEffect";
+
+// To-do: pull from package once exported
+enum EffectType {
+  SNOW = "SNOW",
+  RAIN = "RAIN",
+}
 
 type FullConversationControllerProps = {
   conversation: CachedConversation;

src/helpers/isMessagerSupported.ts

@@ -1,7 +1,7 @@
 import { ContentTypeRemoteAttachment } from "@xmtp/content-type-remote-attachment";
 import type { CachedMessageWithId } from "@xmtp/react-sdk";
 import { ContentTypeId, ContentTypeText } from "@xmtp/react-sdk";
-import { ContentTypeScreenEffect } from "../../screenEffect";
+import { ContentTypeScreenEffect } from "@xmtp/experimental-content-type-screen-effect";
 
 /**
  * Determines if a message is supported by the app

src/main.tsx

@@ -18,10 +18,13 @@ import {
 } from "@xmtp/react-sdk";
 import { mainnet } from "wagmi/chains";
 import { infuraProvider } from "wagmi/providers/infura";
+import {
+  ContentTypeScreenEffect,
+  ScreenEffectCodec,
+} from "@xmtp/experimental-content-type-screen-effect";
 import App from "./controllers/AppController";
 import { isAppEnvDemo } from "./helpers";
 import { mockConnector } from "./helpers/mockConnector";
-import { ContentTypeScreenEffect, ScreenEffectCodec } from "../screenEffect";
 
 // Increment with any schema change; e.g. adding support for a new content type
 const DB_VERSION = 5;