@teambit/preview 0.0.519 → 0.0.520
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/preview.start-plugin.d.ts +1 -1
- package/dist/preview.start-plugin.js +13 -22
- package/dist/preview.start-plugin.js.map +1 -1
- package/package-tar/teambit-preview-0.0.520.tgz +0 -0
- package/package.json +20 -20
- package/preview.start-plugin.tsx +10 -18
- package/package-tar/teambit-preview-0.0.519.tgz +0 -0
|
@@ -83,6 +83,19 @@ class PreviewStartPlugin {
|
|
|
83
83
|
this.initialState = typeof servers === 'function' ? servers(this.initialState) : servers;
|
|
84
84
|
return servers;
|
|
85
85
|
});
|
|
86
|
+
(0, _defineProperty2().default)(this, "render", () => {
|
|
87
|
+
const [servers, setServers] = (0, _react().useState)(this.initialState);
|
|
88
|
+
this.updateServers = setServers;
|
|
89
|
+
this.initialState = {};
|
|
90
|
+
(0, _react().useEffect)(() => {
|
|
91
|
+
const noneAreCompiling = Object.values(servers).every(x => !x.compiling);
|
|
92
|
+
if (noneAreCompiling) this.setReady();
|
|
93
|
+
}, [servers]);
|
|
94
|
+
return /*#__PURE__*/_react().default.createElement(_previewCli().PreviewServerStatus, {
|
|
95
|
+
previewServers: this.previewServers,
|
|
96
|
+
serverStats: servers
|
|
97
|
+
});
|
|
98
|
+
});
|
|
86
99
|
}
|
|
87
100
|
|
|
88
101
|
async initiate(options) {
|
|
@@ -145,28 +158,6 @@ class PreviewStartPlugin {
|
|
|
145
158
|
return this.readyPromise;
|
|
146
159
|
}
|
|
147
160
|
|
|
148
|
-
render() {
|
|
149
|
-
const handleStart = setServers => {
|
|
150
|
-
this.updateServers = setServers;
|
|
151
|
-
this.initialState = {};
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
const PreviewPlugin = () => {
|
|
155
|
-
const [servers, setServers] = (0, _react().useState)(this.initialState);
|
|
156
|
-
handleStart(setServers);
|
|
157
|
-
(0, _react().useEffect)(() => {
|
|
158
|
-
const noneAreCompiling = Object.values(servers).every(x => !x.compiling);
|
|
159
|
-
if (noneAreCompiling) this.setReady();
|
|
160
|
-
}, [servers]);
|
|
161
|
-
return /*#__PURE__*/_react().default.createElement(_previewCli().PreviewServerStatus, {
|
|
162
|
-
previewServers: this.previewServers,
|
|
163
|
-
serverStats: servers
|
|
164
|
-
});
|
|
165
|
-
};
|
|
166
|
-
|
|
167
|
-
return PreviewPlugin;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
161
|
}
|
|
171
162
|
|
|
172
163
|
exports.PreviewStartPlugin = PreviewStartPlugin;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["preview.start-plugin.tsx"],"names":["PreviewStartPlugin","constructor","workspace","bundler","ui","pubsub","Promise","resolve","setReady","servers","initialState","initiate","options","listenToDevServers","components","byPattern","pattern","
|
|
1
|
+
{"version":3,"sources":["preview.start-plugin.tsx"],"names":["PreviewStartPlugin","constructor","workspace","bundler","ui","pubsub","Promise","resolve","setReady","servers","initialState","setServers","updateServers","noneAreCompiling","Object","values","every","x","compiling","previewServers","initiate","options","listenToDevServers","components","byPattern","pattern","devServer","forEach","server","listen","watcher","watchAll","msgs","onAll","onStart","onReady","onChange","onAdd","onError","onUnlink","concat","getProxy","proxyConfigs","map","context","envRuntime","id","target","port","ws","state","onDone","results","whenReady","readyPromise"],"mappings":"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","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';\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 ) {}\n\n previewServers: ComponentServer[] = [];\n\n async initiate(options: StartPluginOptions) {\n this.listenToDevServers();\n\n const components = await this.workspace.byPattern(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 resolve so it's stop all the start process!\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n this.workspace.watcher.watchAll({\n msgs: {\n onAll: () => {},\n onStart: () => {},\n onReady: () => {},\n onChange: () => {},\n onAdd: () => {},\n onError: () => {},\n onUnlink: () => {},\n },\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"]}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/preview",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.520",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/preview/preview",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.preview",
|
|
8
8
|
"name": "preview",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.520"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"fs-extra": "10.0.0",
|
|
@@ -17,25 +17,25 @@
|
|
|
17
17
|
"mime": "2.5.2",
|
|
18
18
|
"@babel/runtime": "7.12.18",
|
|
19
19
|
"core-js": "^3.0.0",
|
|
20
|
-
"@teambit/builder": "0.0.
|
|
21
|
-
"@teambit/bundler": "0.0.
|
|
22
|
-
"@teambit/component": "0.0.
|
|
23
|
-
"@teambit/envs": "0.0.
|
|
24
|
-
"@teambit/toolbox.path.to-windows-compatible-path": "0.0.
|
|
25
|
-
"@teambit/aspect-loader": "0.0.
|
|
20
|
+
"@teambit/builder": "0.0.520",
|
|
21
|
+
"@teambit/bundler": "0.0.520",
|
|
22
|
+
"@teambit/component": "0.0.520",
|
|
23
|
+
"@teambit/envs": "0.0.520",
|
|
24
|
+
"@teambit/toolbox.path.to-windows-compatible-path": "0.0.442",
|
|
25
|
+
"@teambit/aspect-loader": "0.0.520",
|
|
26
26
|
"@teambit/cli": "0.0.379",
|
|
27
|
-
"@teambit/logger": "0.0.
|
|
28
|
-
"@teambit/pkg": "0.0.
|
|
29
|
-
"@teambit/pubsub": "0.0.
|
|
30
|
-
"@teambit/ui": "0.0.
|
|
31
|
-
"@teambit/workspace": "0.0.
|
|
27
|
+
"@teambit/logger": "0.0.449",
|
|
28
|
+
"@teambit/pkg": "0.0.520",
|
|
29
|
+
"@teambit/pubsub": "0.0.520",
|
|
30
|
+
"@teambit/ui": "0.0.520",
|
|
31
|
+
"@teambit/workspace": "0.0.520",
|
|
32
32
|
"@teambit/component-id": "0.0.369",
|
|
33
|
-
"@teambit/express": "0.0.
|
|
34
|
-
"@teambit/ui-foundation.ui.pages.static-error": "0.0.
|
|
35
|
-
"@teambit/preview.cli.preview-server-status": "0.0.
|
|
36
|
-
"@teambit/preview.cli.webpack-events-listener": "0.0.
|
|
37
|
-
"@teambit/compiler": "0.0.
|
|
38
|
-
"@teambit/isolator": "0.0.
|
|
33
|
+
"@teambit/express": "0.0.453",
|
|
34
|
+
"@teambit/ui-foundation.ui.pages.static-error": "0.0.29",
|
|
35
|
+
"@teambit/preview.cli.preview-server-status": "0.0.447",
|
|
36
|
+
"@teambit/preview.cli.webpack-events-listener": "0.0.118",
|
|
37
|
+
"@teambit/compiler": "0.0.520",
|
|
38
|
+
"@teambit/isolator": "0.0.520",
|
|
39
39
|
"@teambit/bit-error": "0.0.365"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@types/jest": "^26.0.0",
|
|
50
50
|
"@types/react-dom": "^17.0.5",
|
|
51
51
|
"@types/node": "12.20.4",
|
|
52
|
-
"@teambit/preview.aspect-docs.preview": "0.0.
|
|
52
|
+
"@teambit/preview.aspect-docs.preview": "0.0.85"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@teambit/legacy": "1.0.76",
|
package/preview.start-plugin.tsx
CHANGED
|
@@ -94,24 +94,16 @@ export class PreviewStartPlugin implements StartPlugin {
|
|
|
94
94
|
return servers;
|
|
95
95
|
};
|
|
96
96
|
|
|
97
|
-
render() {
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
};
|
|
97
|
+
render = () => {
|
|
98
|
+
const [servers, setServers] = useState<CompilationServers>(this.initialState);
|
|
99
|
+
this.updateServers = setServers;
|
|
100
|
+
this.initialState = {};
|
|
102
101
|
|
|
103
|
-
|
|
104
|
-
const
|
|
105
|
-
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
const noneAreCompiling = Object.values(servers).every((x) => !x.compiling);
|
|
104
|
+
if (noneAreCompiling) this.setReady();
|
|
105
|
+
}, [servers]);
|
|
106
106
|
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
if (noneAreCompiling) this.setReady();
|
|
110
|
-
}, [servers]);
|
|
111
|
-
|
|
112
|
-
return <PreviewServerStatus previewServers={this.previewServers} serverStats={servers} />;
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
return PreviewPlugin;
|
|
116
|
-
}
|
|
107
|
+
return <PreviewServerStatus previewServers={this.previewServers} serverStats={servers} />;
|
|
108
|
+
};
|
|
117
109
|
}
|
|
Binary file
|