From 05ea416cdbc5ea2e3267eed7e46482a9dd77d05c Mon Sep 17 00:00:00 2001
From: Jack Works <jackworks@protonmail.com>
Date: Tue, 1 Mar 2022 17:31:12 +0800
Subject: [PATCH] fix: typed-message transformer order

---
 .../social-network/defaults/inject/PostReplacer.tsx   | 11 ++---------
 packages/typed-message/base/transformer/composed.ts   |  2 +-
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/mask/src/social-network/defaults/inject/PostReplacer.tsx b/packages/mask/src/social-network/defaults/inject/PostReplacer.tsx
index e8473bf07057..8c74b6a4a3a8 100644
--- a/packages/mask/src/social-network/defaults/inject/PostReplacer.tsx
+++ b/packages/mask/src/social-network/defaults/inject/PostReplacer.tsx
@@ -3,22 +3,15 @@ import { createReactRootShadowed } from '../../../utils/shadow-root/renderInShad
 import { PostInfoProvider } from '../../../components/DataSource/usePostInfo'
 import { PostReplacer, PostReplacerProps } from '../../../components/InjectedComponents/PostReplacer'
 import type { PostInfo } from '../../PostInfo'
-import { makeStyles } from '@masknet/theme'
 import type { DOMProxy } from '@dimensiondev/holoflows-kit'
 import { noop } from 'lodash-unified'
 
-export function injectPostReplacer<T extends string>(
-    config: injectPostReplacerConfig = {},
-    additionalPropsToPostReplacer: (classes: Record<T, string>) => Partial<PostReplacerProps> = () => ({}),
-    useCustomStyles: (props?: any) => { classes: Record<T, string> } = makeStyles()({}) as any,
-) {
+export function injectPostReplacer(config: injectPostReplacerConfig = {}) {
     const PostReplacerDefault = memo(function PostReplacerDefault(props: {
         zipPost: PostReplacerProps['zip']
         unZipPost: PostReplacerProps['unzip']
     }) {
-        const { classes } = useCustomStyles()
-        const additionalProps = additionalPropsToPostReplacer(classes)
-        return <PostReplacer {...additionalProps} zip={props.zipPost} unzip={props.unZipPost} />
+        return <PostReplacer zip={props.zipPost} unzip={props.unZipPost} />
     })
 
     const { zipPost, unzipPost } = config
diff --git a/packages/typed-message/base/transformer/composed.ts b/packages/typed-message/base/transformer/composed.ts
index e0ef953527e2..acac6b74b91c 100644
--- a/packages/typed-message/base/transformer/composed.ts
+++ b/packages/typed-message/base/transformer/composed.ts
@@ -18,7 +18,7 @@ export function composeTransformers(): ComposedTransformers {
     const transformers = new Set<readonly [Transformer, number]>()
 
     function composed(message: TypedMessage, context: TransformationContext) {
-        return [...transformers].sort((a, b) => a[1] - b[1]).reduce((p, [c]) => c(p, context), message)
+        return [...transformers].sort((a, b) => b[1] - a[1]).reduce((p, [c]) => c(p, context), message)
     }
 
     const subscription = {