refactor: complete react and vue related refactoring

Author: xinyao27

README-zh_CN.md

@@ -25,8 +25,8 @@ Ohbug 是一套集 行为监控、异常监控、自定义行为监控 于一体
 ### Platform
 
 - [@ohbug/browser](./packages/browser): SDK for Browsers.
-- [@ohbug/react](./packages/ohbug-react): SDK for React.
-- [@ohbug/vue](./packages/ohbug-vue): SDK for Vue.
+- [@ohbug/react](packages/react): SDK for React.
+- [@ohbug/vue](packages/vue): SDK for Vue.
 
 ### Plugins
 

README.md

@@ -25,8 +25,8 @@ Will support Mini Program, NodeJS, React Native and other JavaScript platforms.
 ### Platform
 
 - [@ohbug/browser](./packages/browser): SDK for Browsers.
-- [@ohbug/react](./packages/ohbug-react): SDK for React.
-- [@ohbug/vue](./packages/ohbug-vue): SDK for Vue.
+- [@ohbug/react](packages/react): SDK for React.
+- [@ohbug/vue](packages/vue): SDK for Vue.
 
 ### Plugins
 

packages/browser/src/client.ts

@@ -19,7 +19,12 @@ function createClient(config: OhbugConfig) {
   const client = new Client({ config, device: { platform, version }, notifier })
   global.__OHBUG__ = { client }
   client.use(extension)
-  client._logger?.log('browser Loaded!')
+  console.log(
+    `%c @ohbug/browser %c Detected Ohbug v${version} %c`,
+    'background:#333; padding: 2px 1px; color: #FFF',
+    'background:#FF6F61; padding: 2px 1px; color: #FFF',
+    'background:transparent'
+  )
   return client
 }
 

packages/core/src/client.ts

@@ -74,9 +74,10 @@ export const Client: OhbugClientConstructor = class Client implements OhbugClien
    * 加载扩展
    *
    * @param extension
+   * @param args
    */
-  use(extension: OhbugExtension): Client {
-    return loadExtension(extension, this)
+  use(extension: OhbugExtension, ...args: any[]): Client | any {
+    return loadExtension(extension, this, ...args)
   }
 
   /**

packages/core/src/extension.ts

@@ -10,9 +10,14 @@ export function createExtension(extension: OhbugExtension) {
  *
  * @param extension
  * @param client
+ * @param args
  */
-export function loadExtension(extension: OhbugExtension, client: OhbugClient): OhbugClient {
-  extension.init?.(client)
+export function loadExtension(
+  extension: OhbugExtension,
+  client: OhbugClient,
+  ...args: any[]
+): OhbugClient | any {
+  const result = extension.init?.(client, ...args)
   client._extensions.push(extension)
   client._hooks.created = compose(
     // @ts-ignore
@@ -27,5 +32,5 @@ export function loadExtension(extension: OhbugExtension, client: OhbugClient): O
         .map(({ notified }) => notified),
     ].forEach((func) => func?.(_event, _client))
 
-  return client
+  return result || client
 }