@teambit/preview 1.0.53 → 1.0.55

package/dist/{preview-1699931922620.js → preview-1700063442591.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@1.0.53/dist/preview.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@1.0.53/dist/preview.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@1.0.55/dist/preview.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@1.0.55/dist/preview.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/dist/preview.start-plugin.js

@@ -96,6 +96,7 @@ class PreviewStartPlugin {
       spawnTSServer: true,
       checkTypes: _watcher().CheckTypes.None,
       preCompile: false,
+      compile: true,
       initiator: _compiler().CompilationInitiator.Start
     }).catch(err => {
       const msg = `watcher found an error`;

package/dist/preview.start-plugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_lodash","_previewCli","_previewCli2","_compiler","_watcher","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","obj","key","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","PreviewStartPlugin","constructor","workspace","bundler","ui","pubsub","logger","watcher","Promise","resolve","setReady","servers","initialState","setServers","useState","updateServers","useEffect","noneAreCompiling","values","every","x","compiling","createElement","PreviewServerStatus","previewServers","serverStats","initiate","options","listenToDevServers","components","getComponentsByUserInput","pattern","devServer","server","listen","watch","spawnTSServer","checkTypes","CheckTypes","None","preCompile","initiator","CompilationInitiator","Start","catch","err","msg","error","console","message","concat","getProxy","proxyConfigs","map","context","envRuntime","id","target","port","ws","flatten","SubscribeToWebpackEvents","onStart","state","onDone","results","whenReady","readyPromise","exports"],"sources":["preview.start-plugin.tsx"],"sourcesContent":["import React, { useState, useEffect, Dispatch, SetStateAction } from 'react';\nimport { flatten } from 'lodash';\nimport { PreviewServerStatus } from '@teambit/preview.cli.preview-server-status';\nimport { BundlerMain, ComponentServer } from '@teambit/bundler';\nimport { PubsubMain } from '@teambit/pubsub';\nimport { ProxyEntry, StartPlugin, StartPluginOptions, UiMain } from '@teambit/ui';\nimport { Workspace } from '@teambit/workspace';\nimport { SubscribeToWebpackEvents, CompilationResult } from '@teambit/preview.cli.webpack-events-listener';\nimport { CompilationInitiator } from '@teambit/compiler';\nimport { Logger } from '@teambit/logger';\nimport { CheckTypes, WatcherMain } from '@teambit/watcher';\n\ntype CompilationServers = Record<string, CompilationResult>;\ntype ServersSetter = Dispatch<SetStateAction<CompilationServers>>;\n\nexport class PreviewStartPlugin implements StartPlugin {\n  constructor(\n    private workspace: Workspace,\n    private bundler: BundlerMain,\n    private ui: UiMain,\n    private pubsub: PubsubMain,\n    private logger: Logger,\n    private watcher: WatcherMain\n  ) {}\n\n  previewServers: ComponentServer[] = [];\n\n  async initiate(options: StartPluginOptions) {\n    this.listenToDevServers();\n\n    const components = await this.workspace.getComponentsByUserInput(!options.pattern, options.pattern);\n    // TODO: logic for creating preview servers must be refactored to this aspect from the DevServer aspect.\n    const previewServers = await this.bundler.devServer(components);\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    previewServers.forEach((server) => server.listen());\n    // DON'T add wait! this promise never resolves, so it would stop the start process!\n    this.watcher\n      .watch({\n        spawnTSServer: true,\n        checkTypes: CheckTypes.None,\n        preCompile: false,\n        initiator: CompilationInitiator.Start,\n      })\n      .catch((err) => {\n        const msg = `watcher found an error`;\n        this.logger.error(msg, err);\n        this.logger.console(`${msg}, ${err.message}`);\n      });\n    this.previewServers = this.previewServers.concat(previewServers);\n  }\n\n  getProxy(): ProxyEntry[] {\n    const proxyConfigs = this.previewServers.map<ProxyEntry[]>((server) => {\n      return [\n        {\n          context: [`/preview/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n        },\n        {\n          context: [`/_hmr/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n          ws: true,\n        },\n      ];\n    });\n\n    return flatten(proxyConfigs);\n  }\n\n  // TODO: this should be a part of the devServer\n  private listenToDevServers() {\n    // keep state changes immutable!\n    SubscribeToWebpackEvents(this.pubsub, {\n      onStart: (id) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: { compiling: true },\n        }));\n      },\n      onDone: (id, results) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: results,\n        }));\n      },\n    });\n  }\n\n  private setReady: () => void;\n  private readyPromise = new Promise<void>((resolve) => (this.setReady = resolve));\n  get whenReady(): Promise<void> {\n    return this.readyPromise;\n  }\n\n  private initialState: CompilationServers = {};\n  // implements react-like setter (value or updater)\n  private updateServers: ServersSetter = (servers) => {\n    this.initialState = typeof servers === 'function' ? servers(this.initialState) : servers;\n    return servers;\n  };\n\n  render = () => {\n    const [servers, setServers] = useState<CompilationServers>(this.initialState);\n    this.updateServers = setServers;\n    this.initialState = {};\n\n    useEffect(() => {\n      const noneAreCompiling = Object.values(servers).every((x) => !x.compiling);\n      if (noneAreCompiling) this.setReady();\n    }, [servers]);\n\n    return <PreviewServerStatus previewServers={this.previewServers} serverStats={servers} />;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_lodash","_previewCli","_previewCli2","_compiler","_watcher","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","obj","key","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","PreviewStartPlugin","constructor","workspace","bundler","ui","pubsub","logger","watcher","Promise","resolve","setReady","servers","initialState","setServers","useState","updateServers","useEffect","noneAreCompiling","values","every","x","compiling","createElement","PreviewServerStatus","previewServers","serverStats","initiate","options","listenToDevServers","components","getComponentsByUserInput","pattern","devServer","server","listen","watch","spawnTSServer","checkTypes","CheckTypes","None","preCompile","compile","initiator","CompilationInitiator","Start","catch","err","msg","error","console","message","concat","getProxy","proxyConfigs","map","context","envRuntime","id","target","port","ws","flatten","SubscribeToWebpackEvents","onStart","state","onDone","results","whenReady","readyPromise","exports"],"sources":["preview.start-plugin.tsx"],"sourcesContent":["import React, { useState, useEffect, Dispatch, SetStateAction } from 'react';\nimport { flatten } from 'lodash';\nimport { PreviewServerStatus } from '@teambit/preview.cli.preview-server-status';\nimport { BundlerMain, ComponentServer } from '@teambit/bundler';\nimport { PubsubMain } from '@teambit/pubsub';\nimport { ProxyEntry, StartPlugin, StartPluginOptions, UiMain } from '@teambit/ui';\nimport { Workspace } from '@teambit/workspace';\nimport { SubscribeToWebpackEvents, CompilationResult } from '@teambit/preview.cli.webpack-events-listener';\nimport { CompilationInitiator } from '@teambit/compiler';\nimport { Logger } from '@teambit/logger';\nimport { CheckTypes, WatcherMain } from '@teambit/watcher';\n\ntype CompilationServers = Record<string, CompilationResult>;\ntype ServersSetter = Dispatch<SetStateAction<CompilationServers>>;\n\nexport class PreviewStartPlugin implements StartPlugin {\n  constructor(\n    private workspace: Workspace,\n    private bundler: BundlerMain,\n    private ui: UiMain,\n    private pubsub: PubsubMain,\n    private logger: Logger,\n    private watcher: WatcherMain\n  ) {}\n\n  previewServers: ComponentServer[] = [];\n\n  async initiate(options: StartPluginOptions) {\n    this.listenToDevServers();\n\n    const components = await this.workspace.getComponentsByUserInput(!options.pattern, options.pattern);\n    // TODO: logic for creating preview servers must be refactored to this aspect from the DevServer aspect.\n    const previewServers = await this.bundler.devServer(components);\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    previewServers.forEach((server) => server.listen());\n    // DON'T add wait! this promise never resolves, so it would stop the start process!\n    this.watcher\n      .watch({\n        spawnTSServer: true,\n        checkTypes: CheckTypes.None,\n        preCompile: false,\n        compile: true,\n        initiator: CompilationInitiator.Start,\n      })\n      .catch((err) => {\n        const msg = `watcher found an error`;\n        this.logger.error(msg, err);\n        this.logger.console(`${msg}, ${err.message}`);\n      });\n    this.previewServers = this.previewServers.concat(previewServers);\n  }\n\n  getProxy(): ProxyEntry[] {\n    const proxyConfigs = this.previewServers.map<ProxyEntry[]>((server) => {\n      return [\n        {\n          context: [`/preview/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n        },\n        {\n          context: [`/_hmr/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n          ws: true,\n        },\n      ];\n    });\n\n    return flatten(proxyConfigs);\n  }\n\n  // TODO: this should be a part of the devServer\n  private listenToDevServers() {\n    // keep state changes immutable!\n    SubscribeToWebpackEvents(this.pubsub, {\n      onStart: (id) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: { compiling: true },\n        }));\n      },\n      onDone: (id, results) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: results,\n        }));\n      },\n    });\n  }\n\n  private setReady: () => void;\n  private readyPromise = new Promise<void>((resolve) => (this.setReady = resolve));\n  get whenReady(): Promise<void> {\n    return this.readyPromise;\n  }\n\n  private initialState: CompilationServers = {};\n  // implements react-like setter (value or updater)\n  private updateServers: ServersSetter = (servers) => {\n    this.initialState = typeof servers === 'function' ? servers(this.initialState) : servers;\n    return servers;\n  };\n\n  render = () => {\n    const [servers, setServers] = useState<CompilationServers>(this.initialState);\n    this.updateServers = setServers;\n    this.initialState = {};\n\n    useEffect(() => {\n      const noneAreCompiling = Object.values(servers).every((x) => !x.compiling);\n      if (noneAreCompiling) this.setReady();\n    }, [servers]);\n\n    return <PreviewServerStatus previewServers={this.previewServers} serverStats={servers} />;\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "homepage": "https://bit.cloud/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "1.0.53"
+    "version": "1.0.55"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -26,27 +26,27 @@
     "@teambit/component-id": "1.2.0",
     "@teambit/harmony": "0.4.6",
     "@teambit/bit-error": "0.0.404",
-    "@teambit/express": "0.0.913",
-    "@teambit/logger": "0.0.907",
-    "@teambit/builder": "1.0.53",
-    "@teambit/bundler": "1.0.53",
-    "@teambit/component": "1.0.53",
+    "@teambit/express": "0.0.914",
+    "@teambit/logger": "0.0.908",
+    "@teambit/builder": "1.0.55",
+    "@teambit/bundler": "1.0.55",
+    "@teambit/component": "1.0.55",
     "@teambit/preview.ui.component-preview": "1.0.3",
-    "@teambit/aspect-loader": "1.0.53",
-    "@teambit/cli": "0.0.814",
-    "@teambit/dependency-resolver": "1.0.53",
-    "@teambit/envs": "1.0.53",
+    "@teambit/aspect-loader": "1.0.55",
+    "@teambit/cli": "0.0.815",
+    "@teambit/dependency-resolver": "1.0.55",
+    "@teambit/envs": "1.0.55",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.494",
-    "@teambit/graphql": "1.0.53",
-    "@teambit/pkg": "1.0.53",
-    "@teambit/pubsub": "1.0.53",
-    "@teambit/ui": "1.0.53",
-    "@teambit/watcher": "1.0.53",
-    "@teambit/workspace": "1.0.53",
-    "@teambit/compiler": "1.0.53",
+    "@teambit/graphql": "1.0.55",
+    "@teambit/pkg": "1.0.55",
+    "@teambit/pubsub": "1.0.55",
+    "@teambit/ui": "1.0.55",
+    "@teambit/watcher": "1.0.55",
+    "@teambit/workspace": "1.0.55",
+    "@teambit/compiler": "1.0.55",
     "@teambit/preview.cli.preview-server-status": "0.0.503",
     "@teambit/preview.cli.webpack-events-listener": "0.0.172",
-    "@teambit/isolator": "1.0.53"
+    "@teambit/isolator": "1.0.55"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",
@@ -64,7 +64,7 @@
     "@teambit/preview.aspect-docs.preview": "0.0.165"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.597",
+    "@teambit/legacy": "1.0.598",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },

package/preview.start-plugin.tsx

@@ -39,6 +39,7 @@ export class PreviewStartPlugin implements StartPlugin {
         spawnTSServer: true,
         checkTypes: CheckTypes.None,
         preCompile: false,
+        compile: true,
         initiator: CompilationInitiator.Start,
       })
       .catch((err) => {