@teambit/preview 1.0.600 → 1.0.604

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.
Files changed (8) hide show
  1. package/artifacts/ui-bundle/asset-manifest.json +2 -2
  2. package/artifacts/ui-bundle/static/js/{main.e74fa0f7.cjs → main.5b69d01e.cjs} +2 -2
  3. package/dist/{preview-1745032684816.js → preview-1745464885481.js} +2 -2
  4. package/dist/preview.preview.runtime.js +32 -19
  5. package/dist/preview.preview.runtime.js.map +1 -1
  6. package/package.json +22 -22
  7. package/preview.preview.runtime.tsx +25 -29
  8. /package/artifacts/ui-bundle/static/js/{main.e74fa0f7.cjs.LICENSE.txt → main.5b69d01e.cjs.LICENSE.txt} +0 -0
package/dist/{preview-1745032684816.js → preview-1745464885481.js} RENAMED
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.600/dist/preview.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.600/dist/preview.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.604/dist/preview.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.preview_preview@1.0.604/dist/preview.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/dist/preview.preview.runtime.js CHANGED
@@ -228,28 +228,41 @@ class PreviewPreview {
228
228
  }
229
229
  reportSize() {
230
230
  if (!window?.parent || !window?.document) return;
231
- // TODO: discuss with gilad for a better way to resolve page loaded here.
232
-
233
- const sendPubsubEvent = () => {
234
- this.pubsub.pub(_preview().PreviewAspect.id, new (_sizeEvent().SizeEvent)({
235
- width: window.document.body.offsetWidth,
236
- height: window.document.body.offsetHeight
237
- }));
231
+ // In Preview, the <body> is always exactly as tall as the iframe viewport, not as tall as the content.
232
+ // by measuring the scrollHeight of the root element, we can get the height of the content.
233
+ const measure = () => {
234
+ const root = window.document.getElementById('root') ?? window.document.documentElement;
235
+ const prevHeight = root.style.height;
236
+ // set height auto to make the browser calculate the natural block formatting height
237
+ // scrollHeight of an element that has height: 100% reports the viewport height, not the content height
238
+ root.style.height = 'auto';
239
+ const height = root.scrollHeight;
240
+ const width = root.scrollWidth;
241
+ // restore the previous height so nothing visually changes within the same tick
242
+ root.style.height = prevHeight;
243
+ return {
244
+ width,
245
+ height
246
+ };
238
247
  };
239
- window.document.body.addEventListener('resize', (0, _lodash().debounce)(sendPubsubEvent, 300));
240
- let counter = 0;
241
- const interval = setInterval(() => {
242
- // TODO: think
243
- counter += 1;
244
- if (counter > 10) {
245
- clearInterval(interval);
246
- return;
247
- }
248
+ const publish = () => {
249
+ const {
250
+ width,
251
+ height
252
+ } = measure();
248
253
  this.pubsub.pub(_preview().PreviewAspect.id, new (_sizeEvent().SizeEvent)({
249
- width: window.document.body.offsetWidth,
250
- height: window.document.body.offsetHeight
254
+ width,
255
+ height
251
256
  }));
252
- }, 200);
257
+ };
258
+ // publish right away so the parent gets the first real size as soon as possible
259
+ publish();
260
+ // publish dimension changes when the content size actually changes
261
+ const debounced = (0, _lodash().debounce)(publish, 100);
262
+ const resizedObserver = new ResizeObserver(debounced);
263
+ resizedObserver.observe(window.document.documentElement);
264
+ const root = window.document.getElementById('root');
265
+ if (root) resizedObserver.observe(root);
253
266
  }
254
267
  async getPreviewModule(previewName, id) {
255
268
  const compShortId = id.fullName;
package/dist/preview.preview.runtime.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_pubsub","data","require","_harmony","_componentId","_crossFetch","_interopRequireDefault","_memoizee","_lodash","_exceptions","_preview","_events","_renderingContext","_fetchComponentAspects","_previewModules","_htmlUtils","_sizeEvent","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","window","document","body","style","width","previewName","componentId","envId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","query","getQuery","onlyOverview","getParam","includes","filter","module","isObject","keysWithoutDefault","keys","key","defaultKeys","intersection","length","componentAspects","getComponentAspects","toString","previewModule","render","getRenderingContext","reportSize","setViewport","setFullScreen","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","timestamp","Date","now","clickEvent","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","fullScreen","root","getElementById","height","viewPort","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","modulesMap","componentMapMetadata","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","catch","err","previewAssetsRoute","stringId","url","res","crossFetch","status","parsed","json","isBundledWithEnv","files","previewRoute","src","loadScript","href","loadLink","globalId","toStringWithoutVersion","componentPreview","registerPreview","register","aspectsFilter","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","ComponentID","tryFromString","provider","config","exports","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import { PubsubAspect, PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\n// Using cross-fetch here instead of @pnpm/node-fetch\n// which is crucial in this context as preview operates from the frontend where proxy and CA cert handling are not required\n// Reverting to cross-fetch restores correct handling of relative URLs, ensuring that previews render correctly\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\nimport { debounce, intersection, isObject } from 'lodash';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\nimport { loadScript, loadLink } from './html-utils';\nimport { SizeEvent } from './size-event';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n constructor(\n /**\n * register to pubsub\n */\n private pubsub: PubsubPreview,\n\n /**\n * preview slot.\n */\n private previewSlot: PreviewSlot,\n\n private renderingContextSlot: RenderingContextSlot\n ) {\n this.registerClickPubSub();\n }\n\n private registerClickPubSub() {\n window.addEventListener('click', (e) => {\n const timestamp = Date.now();\n const clickEvent = Object.assign({}, e);\n this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n });\n }\n\n private isDev = false;\n\n private isReady() {\n const { previewName } = this.getLocation();\n const name = previewName || this.getDefault();\n\n if (!PREVIEW_MODULES.has(name)) return false;\n const preview = this.getPreview(name);\n if (!preview) return false;\n const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n if (!includedReady) return false;\n\n return true;\n }\n\n private _setupPromise?: Promise<void>;\n setup = () => {\n if (this.isReady()) return Promise.resolve();\n\n this._setupPromise ??= new Promise((resolve) => {\n PREVIEW_MODULES.onSet.add(() => {\n if (this.isReady()) resolve();\n });\n });\n\n return this._setupPromise;\n };\n\n /**\n * render the preview.\n */\n render = async (rootExt?: string) => {\n // fit content always.\n window.document.body.style.width = 'fit-content';\n\n const { previewName, componentId, envId } = this.getLocation();\n const name = previewName || this.getDefault();\n if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n const preview = this.getPreview(name);\n if (!preview || !componentId) {\n throw new PreviewNotFound(previewName);\n }\n\n const includesAll = await Promise.all(\n (preview.include || []).map(async (inclPreviewName) => {\n const includedPreview = this.getPreview(inclPreviewName);\n if (!includedPreview) return undefined;\n\n const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n })\n );\n\n const query = this.getQuery();\n const onlyOverview = this.getParam(query, 'onlyOverview');\n\n const includes =\n onlyOverview === 'true'\n ? []\n : includesAll\n .filter((module) => !!module)\n .map((module) => {\n if (!module.default || !isObject(module.default)) return module;\n // This aims to handle use cases where we have package.json with type:\"module\" in the root\n // in that case sometime we might get the props both under default and in the object root\n const keysWithoutDefault = Object.keys(module).filter((key) => key !== 'default');\n const defaultKeys = Object.keys(module.default);\n if (intersection(keysWithoutDefault, defaultKeys).length === defaultKeys.length) return module.default;\n return module;\n });\n\n // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n const previewModule = await this.getPreviewModule(name, componentId);\n const render = preview.render(\n componentId,\n envId || '',\n previewModule,\n includes,\n this.getRenderingContext(componentAspects)\n );\n\n this.reportSize();\n this.setViewport();\n this.setFullScreen();\n return render;\n };\n\n setFullScreen() {\n const query = this.getQuery();\n const fullScreen = this.getParam(query, 'fullscreen');\n\n if (!fullScreen) return;\n\n const root = window.document.getElementById('root');\n\n if (root) {\n root.style.height = '100vh';\n }\n }\n\n setViewport() {\n const query = this.getQuery();\n const viewPort = this.getParam(query, 'viewport');\n if (!viewPort) {\n window.document.body.style.width = '100%';\n return;\n }\n\n window.document.body.style.maxWidth = `${viewPort}px`;\n }\n\n reportSize() {\n if (!window?.parent || !window?.document) return;\n // TODO: discuss with gilad for a better way to resolve page loaded here.\n\n const sendPubsubEvent = () => {\n this.pubsub.pub(\n PreviewAspect.id,\n new SizeEvent({\n width: window.document.body.offsetWidth,\n height: window.document.body.offsetHeight,\n })\n );\n };\n\n window.document.body.addEventListener('resize', debounce(sendPubsubEvent, 300));\n\n let counter = 0;\n const interval = setInterval(() => {\n // TODO: think\n counter += 1;\n if (counter > 10) {\n clearInterval(interval);\n return;\n }\n this.pubsub.pub(\n PreviewAspect.id,\n new SizeEvent({\n width: window.document.body.offsetWidth,\n height: window.document.body.offsetHeight,\n })\n );\n }, 200);\n }\n\n async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n const compShortId = id.fullName;\n\n const relevantModel = PREVIEW_MODULES.get(previewName);\n if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n const componentPreviews = await this.fetchComponentPreview(id, previewName);\n PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n const component = componentPreviews[previewName];\n const metadata = componentPreviews[`${previewName}_metadata`];\n\n return {\n modulesMap: relevantModel.modulesMap,\n componentMap: {\n [id.fullName]: component,\n },\n componentMapMetadata: {\n [id.fullName]: metadata,\n },\n };\n }\n\n async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n let previewFile: string | undefined;\n const allFiles = await this.fetchComponentPreviewFiles(id, name);\n // It's a component bundled with the env\n if (allFiles === null) return {};\n\n await Promise.all(\n allFiles.map((file) => {\n // We want to run the preview file always last\n if (file.endsWith('-preview.js')) {\n previewFile = file;\n return undefined;\n }\n\n return this.addComponentFileElement(id, file);\n })\n );\n\n if (!previewFile) return {};\n return this.loadPreviewScript(id, name, previewFile);\n }\n\n private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n if (previewBundleFileName.endsWith('.js')) {\n return this.addComponentFileScriptElement(id, previewBundleFileName);\n }\n\n // TODO - should we load assets other than .css / .js?\n // if (previewBundleFileName.endsWith('.css')) {\n this.addComponentFileLinkElement(id, previewBundleFileName).catch((err) => {\n throw new Error(\n `[preview.preview] failed loading asset \"${previewBundleFileName}\". Error - \"${err?.toString()}\"`\n );\n });\n\n // do NOT await non js assets, as they might never load (like images), and not critical for rendering.\n return undefined;\n }\n\n private async fetchComponentPreviewFiles(id: ComponentID, previewName: string): Promise<string[] | null> {\n const previewAssetsRoute = `~aspect/preview-assets`;\n const stringId = id.toString();\n const url = `/api/${stringId}/${previewAssetsRoute}`;\n\n const res = await crossFetch(url);\n if (res.status >= 400) {\n throw new PreviewNotFound(previewName);\n }\n const parsed = await res.json();\n // This is component bundled with the env, no reason to bring the files, as they will be the files of the env\n if (parsed.isBundledWithEnv) {\n return null;\n }\n if (!parsed.files || !parsed.files.length) {\n throw new PreviewNotFound(previewName);\n }\n return parsed.files;\n }\n\n private addComponentFileScriptElement(id: ComponentID, previewBundleFileName: string) {\n const previewRoute = `~aspect/component-preview`;\n const stringId = id.toString();\n const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n return loadScript({ src });\n }\n\n private addComponentFileLinkElement(id: ComponentID, previewBundleFileName: string) {\n const stringId = id.toString();\n const previewRoute = `~aspect/component-preview`;\n const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n return loadLink({ href });\n }\n\n private async loadPreviewScript(id: ComponentID, previewName: string, previewBundleFileName: string) {\n const previewRoute = `~aspect/component-preview`;\n const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;\n await loadScript({ src });\n\n // TODO - replace with jsonp\n const globalId = `${id.toStringWithoutVersion()}-preview`;\n const componentPreview = window[globalId];\n if (!componentPreview) throw new PreviewNotFound(previewName);\n\n return componentPreview as Record<string, ModuleFile[]>;\n }\n\n private getComponentAspects = memoize(fetchComponentAspects, {\n max: 100,\n maxAge: 12 * 60 * 60 * 1000,\n });\n\n /**\n * register a new preview.\n */\n registerPreview(preview: PreviewType) {\n this.previewSlot.register(preview);\n return this;\n }\n\n /**\n * get the preview rendering context.\n */\n getRenderingContext(aspectsFilter?: string[]) {\n return new RenderingContext(this.renderingContextSlot, { aspectsFilter });\n }\n\n /**\n * allows aspects to add rendering contexts.\n * render context is available through all preview definitions.\n */\n registerRenderContext(renderContext: RenderingContextProvider) {\n this.renderingContextSlot.register(renderContext);\n return this;\n }\n\n getDefault() {\n const previews = this.previewSlot.values();\n const defaultOne = previews.find((previewCandidate) => previewCandidate.default);\n\n return defaultOne?.name || previews[0].name;\n }\n\n private getPreview(previewName: string): undefined | PreviewType {\n const previews = this.previewSlot.values();\n const preview = previews.find((previewCandidate) => previewCandidate.name === previewName);\n\n return preview;\n }\n\n getParam(query: string, param: string) {\n const params = new URLSearchParams(query);\n return params.get(param);\n }\n\n getQuery() {\n const withoutHash = window.location.hash.substring(1);\n const [, after] = withoutHash.split('?');\n return after;\n }\n\n private getLocation() {\n const withoutHash = window.location.hash.substring(1);\n const [before, after] = withoutHash.split('?');\n\n return {\n previewName: this.getParam(after, 'preview'),\n envId: this.getParam(after, 'env'),\n componentId: ComponentID.tryFromString(before),\n };\n }\n\n static runtime = PreviewRuntime;\n\n static dependencies = [PubsubAspect];\n\n static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n static async provider(\n [pubsub]: [PubsubPreview],\n config,\n [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n ) {\n const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n window.addEventListener('hashchange', () => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n preview.render();\n });\n\n return preview;\n }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_pubsub","data","require","_harmony","_componentId","_crossFetch","_interopRequireDefault","_memoizee","_lodash","_exceptions","_preview","_events","_renderingContext","_fetchComponentAspects","_previewModules","_htmlUtils","_sizeEvent","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","window","document","body","style","width","previewName","componentId","envId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","query","getQuery","onlyOverview","getParam","includes","filter","module","isObject","keysWithoutDefault","keys","key","defaultKeys","intersection","length","componentAspects","getComponentAspects","toString","previewModule","render","getRenderingContext","reportSize","setViewport","setFullScreen","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","timestamp","Date","now","clickEvent","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","fullScreen","root","getElementById","height","viewPort","maxWidth","parent","measure","documentElement","prevHeight","scrollHeight","scrollWidth","publish","SizeEvent","debounced","debounce","resizedObserver","ResizeObserver","observe","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","modulesMap","componentMapMetadata","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","catch","err","previewAssetsRoute","stringId","url","res","crossFetch","status","parsed","json","isBundledWithEnv","files","previewRoute","src","loadScript","href","loadLink","globalId","toStringWithoutVersion","componentPreview","registerPreview","register","aspectsFilter","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","ComponentID","tryFromString","provider","config","exports","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import { PubsubAspect, PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\n// Using cross-fetch here instead of @pnpm/node-fetch\n// which is crucial in this context as preview operates from the frontend where proxy and CA cert handling are not required\n// Reverting to cross-fetch restores correct handling of relative URLs, ensuring that previews render correctly\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\nimport { debounce, intersection, isObject } from 'lodash';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\nimport { loadScript, loadLink } from './html-utils';\nimport { SizeEvent } from './size-event';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n constructor(\n /**\n * register to pubsub\n */\n private pubsub: PubsubPreview,\n\n /**\n * preview slot.\n */\n private previewSlot: PreviewSlot,\n\n private renderingContextSlot: RenderingContextSlot\n ) {\n this.registerClickPubSub();\n }\n\n private registerClickPubSub() {\n window.addEventListener('click', (e) => {\n const timestamp = Date.now();\n const clickEvent = Object.assign({}, e);\n this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n });\n }\n\n private isDev = false;\n\n private isReady() {\n const { previewName } = this.getLocation();\n const name = previewName || this.getDefault();\n\n if (!PREVIEW_MODULES.has(name)) return false;\n const preview = this.getPreview(name);\n if (!preview) return false;\n const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n if (!includedReady) return false;\n\n return true;\n }\n\n private _setupPromise?: Promise<void>;\n setup = () => {\n if (this.isReady()) return Promise.resolve();\n\n this._setupPromise ??= new Promise((resolve) => {\n PREVIEW_MODULES.onSet.add(() => {\n if (this.isReady()) resolve();\n });\n });\n\n return this._setupPromise;\n };\n\n /**\n * render the preview.\n */\n render = async (rootExt?: string) => {\n // fit content always.\n window.document.body.style.width = 'fit-content';\n\n const { previewName, componentId, envId } = this.getLocation();\n const name = previewName || this.getDefault();\n if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n const preview = this.getPreview(name);\n if (!preview || !componentId) {\n throw new PreviewNotFound(previewName);\n }\n\n const includesAll = await Promise.all(\n (preview.include || []).map(async (inclPreviewName) => {\n const includedPreview = this.getPreview(inclPreviewName);\n if (!includedPreview) return undefined;\n\n const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n })\n );\n\n const query = this.getQuery();\n const onlyOverview = this.getParam(query, 'onlyOverview');\n\n const includes =\n onlyOverview === 'true'\n ? []\n : includesAll\n .filter((module) => !!module)\n .map((module) => {\n if (!module.default || !isObject(module.default)) return module;\n // This aims to handle use cases where we have package.json with type:\"module\" in the root\n // in that case sometime we might get the props both under default and in the object root\n const keysWithoutDefault = Object.keys(module).filter((key) => key !== 'default');\n const defaultKeys = Object.keys(module.default);\n if (intersection(keysWithoutDefault, defaultKeys).length === defaultKeys.length) return module.default;\n return module;\n });\n\n // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n const previewModule = await this.getPreviewModule(name, componentId);\n const render = preview.render(\n componentId,\n envId || '',\n previewModule,\n includes,\n this.getRenderingContext(componentAspects)\n );\n\n this.reportSize();\n this.setViewport();\n this.setFullScreen();\n return render;\n };\n\n setFullScreen() {\n const query = this.getQuery();\n const fullScreen = this.getParam(query, 'fullscreen');\n\n if (!fullScreen) return;\n\n const root = window.document.getElementById('root');\n\n if (root) {\n root.style.height = '100vh';\n }\n }\n\n setViewport() {\n const query = this.getQuery();\n const viewPort = this.getParam(query, 'viewport');\n if (!viewPort) {\n window.document.body.style.width = '100%';\n return;\n }\n\n window.document.body.style.maxWidth = `${viewPort}px`;\n }\n\n reportSize() {\n if (!window?.parent || !window?.document) return;\n // In Preview, the <body> is always exactly as tall as the iframe viewport, not as tall as the content.\n // by measuring the scrollHeight of the root element, we can get the height of the content.\n const measure = () => {\n const root = window.document.getElementById('root') ?? window.document.documentElement;\n const prevHeight = root.style.height;\n // set height auto to make the browser calculate the natural block formatting height\n // scrollHeight of an element that has height: 100% reports the viewport height, not the content height\n root.style.height = 'auto';\n const height = root.scrollHeight;\n const width = root.scrollWidth;\n // restore the previous height so nothing visually changes within the same tick\n root.style.height = prevHeight;\n return { width, height };\n };\n const publish = () => {\n const { width, height } = measure();\n this.pubsub.pub(PreviewAspect.id, new SizeEvent({ width, height }));\n };\n // publish right away so the parent gets the first real size as soon as possible\n publish();\n // publish dimension changes when the content size actually changes\n const debounced = debounce(publish, 100);\n const resizedObserver = new ResizeObserver(debounced);\n resizedObserver.observe(window.document.documentElement);\n const root = window.document.getElementById('root');\n if (root) resizedObserver.observe(root);\n }\n\n async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n const compShortId = id.fullName;\n\n const relevantModel = PREVIEW_MODULES.get(previewName);\n if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n const componentPreviews = await this.fetchComponentPreview(id, previewName);\n PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n const component = componentPreviews[previewName];\n const metadata = componentPreviews[`${previewName}_metadata`];\n\n return {\n modulesMap: relevantModel.modulesMap,\n componentMap: {\n [id.fullName]: component,\n },\n componentMapMetadata: {\n [id.fullName]: metadata,\n },\n };\n }\n\n async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n let previewFile: string | undefined;\n const allFiles = await this.fetchComponentPreviewFiles(id, name);\n // It's a component bundled with the env\n if (allFiles === null) return {};\n\n await Promise.all(\n allFiles.map((file) => {\n // We want to run the preview file always last\n if (file.endsWith('-preview.js')) {\n previewFile = file;\n return undefined;\n }\n\n return this.addComponentFileElement(id, file);\n })\n );\n\n if (!previewFile) return {};\n return this.loadPreviewScript(id, name, previewFile);\n }\n\n private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n if (previewBundleFileName.endsWith('.js')) {\n return this.addComponentFileScriptElement(id, previewBundleFileName);\n }\n\n // TODO - should we load assets other than .css / .js?\n // if (previewBundleFileName.endsWith('.css')) {\n this.addComponentFileLinkElement(id, previewBundleFileName).catch((err) => {\n throw new Error(\n `[preview.preview] failed loading asset \"${previewBundleFileName}\". Error - \"${err?.toString()}\"`\n );\n });\n\n // do NOT await non js assets, as they might never load (like images), and not critical for rendering.\n return undefined;\n }\n\n private async fetchComponentPreviewFiles(id: ComponentID, previewName: string): Promise<string[] | null> {\n const previewAssetsRoute = `~aspect/preview-assets`;\n const stringId = id.toString();\n const url = `/api/${stringId}/${previewAssetsRoute}`;\n\n const res = await crossFetch(url);\n if (res.status >= 400) {\n throw new PreviewNotFound(previewName);\n }\n const parsed = await res.json();\n // This is component bundled with the env, no reason to bring the files, as they will be the files of the env\n if (parsed.isBundledWithEnv) {\n return null;\n }\n if (!parsed.files || !parsed.files.length) {\n throw new PreviewNotFound(previewName);\n }\n return parsed.files;\n }\n\n private addComponentFileScriptElement(id: ComponentID, previewBundleFileName: string) {\n const previewRoute = `~aspect/component-preview`;\n const stringId = id.toString();\n const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n return loadScript({ src });\n }\n\n private addComponentFileLinkElement(id: ComponentID, previewBundleFileName: string) {\n const stringId = id.toString();\n const previewRoute = `~aspect/component-preview`;\n const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n return loadLink({ href });\n }\n\n private async loadPreviewScript(id: ComponentID, previewName: string, previewBundleFileName: string) {\n const previewRoute = `~aspect/component-preview`;\n const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;\n await loadScript({ src });\n\n // TODO - replace with jsonp\n const globalId = `${id.toStringWithoutVersion()}-preview`;\n const componentPreview = window[globalId];\n if (!componentPreview) throw new PreviewNotFound(previewName);\n\n return componentPreview as Record<string, ModuleFile[]>;\n }\n\n private getComponentAspects = memoize(fetchComponentAspects, {\n max: 100,\n maxAge: 12 * 60 * 60 * 1000,\n });\n\n /**\n * register a new preview.\n */\n registerPreview(preview: PreviewType) {\n this.previewSlot.register(preview);\n return this;\n }\n\n /**\n * get the preview rendering context.\n */\n getRenderingContext(aspectsFilter?: string[]) {\n return new RenderingContext(this.renderingContextSlot, { aspectsFilter });\n }\n\n /**\n * allows aspects to add rendering contexts.\n * render context is available through all preview definitions.\n */\n registerRenderContext(renderContext: RenderingContextProvider) {\n this.renderingContextSlot.register(renderContext);\n return this;\n }\n\n getDefault() {\n const previews = this.previewSlot.values();\n const defaultOne = previews.find((previewCandidate) => previewCandidate.default);\n\n return defaultOne?.name || previews[0].name;\n }\n\n private getPreview(previewName: string): undefined | PreviewType {\n const previews = this.previewSlot.values();\n const preview = previews.find((previewCandidate) => previewCandidate.name === previewName);\n\n return preview;\n }\n\n getParam(query: string, param: string) {\n const params = new URLSearchParams(query);\n return params.get(param);\n }\n\n getQuery() {\n const withoutHash = window.location.hash.substring(1);\n const [, after] = withoutHash.split('?');\n return after;\n }\n\n private getLocation() {\n const withoutHash = window.location.hash.substring(1);\n const [before, after] = withoutHash.split('?');\n\n return {\n previewName: this.getParam(after, 'preview'),\n envId: this.getParam(after, 'env'),\n componentId: ComponentID.tryFromString(before),\n };\n }\n\n static runtime = PreviewRuntime;\n\n static dependencies = [PubsubAspect];\n\n static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n static async provider(\n [pubsub]: [PubsubPreview],\n config,\n [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n ) {\n const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n window.addEventListener('hashchange', () => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n preview.render();\n });\n\n return preview;\n }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/preview",
3
- "version": "1.0.600",
3
+ "version": "1.0.604",
4
4
  "homepage": "https://bit.cloud/teambit/preview/preview",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.preview",
8
8
  "name": "preview",
9
- "version": "1.0.600"
9
+ "version": "1.0.604"
10
10
  },
11
11
  "dependencies": {
12
12
  "mime": "2.5.2",
@@ -31,36 +31,36 @@
31
31
  "@teambit/bit-error": "0.0.404",
32
32
  "@teambit/preview.cli.dev-server-events-listener": "0.0.1",
33
33
  "@teambit/react.webpack.react-webpack": "1.0.42",
34
- "@teambit/express": "0.0.1276",
35
- "@teambit/logger": "0.0.1270",
34
+ "@teambit/express": "0.0.1280",
35
+ "@teambit/logger": "0.0.1274",
36
36
  "@teambit/ui-foundation.ui.pages.static-error": "0.0.108",
37
- "@teambit/builder": "1.0.600",
38
- "@teambit/bundler": "1.0.600",
39
- "@teambit/component": "1.0.600",
37
+ "@teambit/builder": "1.0.604",
38
+ "@teambit/bundler": "1.0.604",
39
+ "@teambit/component": "1.0.604",
40
40
  "@teambit/preview.ui.component-preview": "1.0.23",
41
- "@teambit/aspect-loader": "1.0.600",
42
- "@teambit/cli": "0.0.1177",
43
- "@teambit/dependency-resolver": "1.0.600",
44
- "@teambit/envs": "1.0.600",
41
+ "@teambit/aspect-loader": "1.0.604",
42
+ "@teambit/cli": "0.0.1181",
43
+ "@teambit/dependency-resolver": "1.0.604",
44
+ "@teambit/envs": "1.0.604",
45
45
  "@teambit/toolbox.path.to-windows-compatible-path": "0.0.500",
46
46
  "@teambit/legacy.constants": "0.0.11",
47
47
  "@teambit/toolbox.crypto.sha1": "0.0.7",
48
- "@teambit/ui": "1.0.600",
49
- "@teambit/isolator": "1.0.600",
48
+ "@teambit/ui": "1.0.604",
49
+ "@teambit/isolator": "1.0.604",
50
50
  "@teambit/harmony.modules.harmony-root-generator": "0.0.18",
51
51
  "@teambit/component.sources": "0.0.101",
52
52
  "@teambit/toolbox.path.path": "0.0.8",
53
- "@teambit/cache": "0.0.1270",
54
- "@teambit/graphql": "1.0.600",
53
+ "@teambit/cache": "0.0.1274",
54
+ "@teambit/graphql": "1.0.604",
55
55
  "@teambit/harmony.modules.feature-toggle": "0.0.19",
56
- "@teambit/pkg": "1.0.600",
57
- "@teambit/pubsub": "1.0.600",
58
- "@teambit/scope": "1.0.600",
59
- "@teambit/watcher": "1.0.600",
60
- "@teambit/workspace": "1.0.600",
61
- "@teambit/compiler": "1.0.600",
56
+ "@teambit/pkg": "1.0.604",
57
+ "@teambit/pubsub": "1.0.604",
58
+ "@teambit/scope": "1.0.604",
59
+ "@teambit/watcher": "1.0.604",
60
+ "@teambit/workspace": "1.0.604",
61
+ "@teambit/compiler": "1.0.604",
62
62
  "@teambit/preview.cli.webpack-events-listener": "0.0.177",
63
- "@teambit/webpack": "1.0.600"
63
+ "@teambit/webpack": "1.0.604"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@types/mime": "2.0.3",
package/preview.preview.runtime.tsx CHANGED
@@ -168,36 +168,32 @@ export class PreviewPreview {
168
168
 
169
169
  reportSize() {
170
170
  if (!window?.parent || !window?.document) return;
171
- // TODO: discuss with gilad for a better way to resolve page loaded here.
172
-
173
- const sendPubsubEvent = () => {
174
- this.pubsub.pub(
175
- PreviewAspect.id,
176
- new SizeEvent({
177
- width: window.document.body.offsetWidth,
178
- height: window.document.body.offsetHeight,
179
- })
180
- );
171
+ // In Preview, the <body> is always exactly as tall as the iframe viewport, not as tall as the content.
172
+ // by measuring the scrollHeight of the root element, we can get the height of the content.
173
+ const measure = () => {
174
+ const root = window.document.getElementById('root') ?? window.document.documentElement;
175
+ const prevHeight = root.style.height;
176
+ // set height auto to make the browser calculate the natural block formatting height
177
+ // scrollHeight of an element that has height: 100% reports the viewport height, not the content height
178
+ root.style.height = 'auto';
179
+ const height = root.scrollHeight;
180
+ const width = root.scrollWidth;
181
+ // restore the previous height so nothing visually changes within the same tick
182
+ root.style.height = prevHeight;
183
+ return { width, height };
181
184
  };
182
-
183
- window.document.body.addEventListener('resize', debounce(sendPubsubEvent, 300));
184
-
185
- let counter = 0;
186
- const interval = setInterval(() => {
187
- // TODO: think
188
- counter += 1;
189
- if (counter > 10) {
190
- clearInterval(interval);
191
- return;
192
- }
193
- this.pubsub.pub(
194
- PreviewAspect.id,
195
- new SizeEvent({
196
- width: window.document.body.offsetWidth,
197
- height: window.document.body.offsetHeight,
198
- })
199
- );
200
- }, 200);
185
+ const publish = () => {
186
+ const { width, height } = measure();
187
+ this.pubsub.pub(PreviewAspect.id, new SizeEvent({ width, height }));
188
+ };
189
+ // publish right away so the parent gets the first real size as soon as possible
190
+ publish();
191
+ // publish dimension changes when the content size actually changes
192
+ const debounced = debounce(publish, 100);
193
+ const resizedObserver = new ResizeObserver(debounced);
194
+ resizedObserver.observe(window.document.documentElement);
195
+ const root = window.document.getElementById('root');
196
+ if (root) resizedObserver.observe(root);
201
197
  }
202
198
 
203
199
  async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {