chore: dao tab id list from mask configuration

packages/configuration/src/index.ts

@@ -26,10 +26,10 @@ class Configuration<T extends unknown> {
 
 const cache = new Map<string, Configuration<unknown>>()
 
-export function create<T extends unknown>(name: string, initialData?: T) {
-    const url = urlcat(`${DEFAULT_HOST}', ':prefix.:name.json`, {
+export function create<T extends unknown>(name: string, prefix?: string, initialData?: T) {
+    const url = urlcat(DEFAULT_HOST, prefix ? ':prefix.:name.json' : ':name.json', {
         name,
-        prefix: DEFAULT_PREFIX,
+        prefix: prefix ?? DEFAULT_PREFIX,
     })
     if (!cache.has(url)) cache.set(url, new Configuration(url, initialData))
     return cache.get(url) as Configuration<T>

packages/mask/src/plugins/Collectible/SNSAdaptor/ArticleTab.tsx

@@ -38,6 +38,10 @@ const useStyles = makeStyles()((theme) => ({
         width: 36,
         height: 36,
     },
+    iframe: {
+        minWidth: 300,
+        minHeight: 300,
+    },
 }))
 
 export interface ArticleTabProps {}

packages/plugin-infra/src/types.ts

@@ -412,7 +412,7 @@ export namespace Plugin.SNSAdaptor {
             /**
              * If it returns false, this tab will not be displayed.
              */
-            shouldDisplay?: (identity?: ProfileIdentity, addressNames?: ProfileAddress[]) => boolean
+            shouldDisplay?(identity?: ProfileIdentity, addressNames?: ProfileAddress[]): boolean
 
             /**
              * Sort address name in expected order.

packages/plugins/DAO/package.json

@@ -8,6 +8,7 @@
     "@masknet/plugin-infra": "workspace:*",
     "@masknet/shared": "workspace:*",
     "@masknet/shared-base": "workspace:*",
+    "@masknet/configuration": "workspace:*",
     "bignumber.js": "^9.0.2",
     "date-fns": "^2.28.0",
     "iframe-resizer-react": "^1.1.0",

packages/plugins/DAO/src/SNSAdaptor/index.tsx

@@ -1,7 +1,25 @@
 import type { Plugin } from '@masknet/plugin-infra'
 import { base } from '../base'
-import { PLUGIN_ID, SUPPORTED_TWITTER_IDS } from '../constants'
+import { PLUGIN_ID } from '../constants'
 import { DAOPage } from '../components/DAOPage'
+import { create } from '@masknet/configuration'
+
+// cspell:disable
+const DEFAULT_SUPPORTED_TWITTER_IDS = [
+    'ConstitutionDAO',
+    'juiceboxETH',
+    'AssangeDAO',
+    'OfficialMoonDAO',
+    'TheSpiceDAO',
+    'sharkdao',
+    'CrayonFinance',
+    'merge_dao',
+    'DAOTaiFung',
+    'Tile_DAO',
+    'mountaindao',
+    'OfficialMoonDAO',
+]
+// cspell:enable
 
 const sns: Plugin.SNSAdaptor.Definition = {
     ...base,
@@ -17,10 +35,18 @@ const sns: Plugin.SNSAdaptor.Definition = {
                 },
             },
             Utils: {
-                shouldDisplay: (identity) => {
+                shouldDisplay: (identity, _addressNames) => {
+                    const daoTabTwitterIdList = create(
+                        'twitter-supported-id-list',
+                        '',
+                        DEFAULT_SUPPORTED_TWITTER_IDS,
+                    ).get()
+
                     return (
                         !identity?.identifier.isUnknown &&
-                        SUPPORTED_TWITTER_IDS.some((x) => x.toLowerCase() === identity?.identifier.userId.toLowerCase())
+                        (daoTabTwitterIdList ?? []).some(
+                            (x) => x.toLowerCase() === identity?.identifier.userId.toLowerCase(),
+                        )
                     )
                 },
             },

packages/plugins/DAO/src/constants.ts

@@ -4,20 +4,3 @@ export const PLUGIN_ID = PluginId.DAO
 export const PLUGIN_META_KEY = `${PluginId.DAO}:1`
 export const PLUGIN_DESCRIPTION = 'The Web3 DAO based on JuiceBox.'
 export const PLUGIN_NAME = 'DAO'
-
-// cspell:disable
-export const SUPPORTED_TWITTER_IDS = [
-    'ConstitutionDAO',
-    'juiceboxETH',
-    'AssangeDAO',
-    'OfficialMoonDAO',
-    'TheSpiceDAO',
-    'sharkdao',
-    'CrayonFinance',
-    'merge_dao',
-    'DAOTaiFung',
-    'Tile_DAO',
-    'mountaindao',
-    'OfficialMoonDAO',
-]
-// cspell:enable

packages/plugins/DAO/tsconfig.json

@@ -13,6 +13,7 @@
     { "path": "../../shared" },
     { "path": "../../shared-base" },
     { "path": "../../theme" },
-    { "path": "../../web3-providers" }
+    { "path": "../../web3-providers" },
+    { "path": "../../configuration" }
   ]
 }

packages/shared/src/UI/components/AssetPlayer/index.tsx

@@ -146,6 +146,12 @@ export const AssetPlayer = memo<AssetPlayerProps>((props) => {
         }
     }, [playerState, ref.current])
 
+    useEffect(() => {
+        if (playerState === AssetPlayerState.NORMAL) {
+            ref.current?.iFrameResizer.sendMessage({ loaded: true })
+        }
+    }, [playerState, ref.current])
+
     const IframeResizerMemo = useMemo(
         () =>
             hidden ? null : (