@sitecore-feaas/clientside 0.5.11 → 0.5.12

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 (39) hide show
  1. package/build/components/FEAASComponent.js +1 -0
  2. package/build/components/FEAASComponent.js.map +1 -1
  3. package/dist/browser/headless.cjs +1 -1
  4. package/dist/browser/headless.cjs.map +2 -2
  5. package/dist/browser/headless.esm.js +1 -1
  6. package/dist/browser/headless.esm.js.map +1 -1
  7. package/dist/browser/index.cjs +1 -1
  8. package/dist/browser/index.cjs.map +2 -2
  9. package/dist/browser/index.esm.js +1 -1
  10. package/dist/browser/index.esm.js.map +1 -1
  11. package/dist/browser/react.cjs +1 -1
  12. package/dist/browser/react.cjs.map +2 -2
  13. package/dist/browser/react.esm.js +1 -1
  14. package/dist/browser/react.esm.js.map +1 -1
  15. package/dist/node/headless.cjs +1 -1
  16. package/dist/node/headless.cjs.map +2 -2
  17. package/dist/node/headless.esm.js +1 -1
  18. package/dist/node/headless.esm.js.map +2 -2
  19. package/dist/node/index.cjs +1 -1
  20. package/dist/node/index.cjs.map +2 -2
  21. package/dist/node/index.esm.js +1 -1
  22. package/dist/node/index.esm.js.map +2 -2
  23. package/dist/node/react.cjs +1 -1
  24. package/dist/node/react.cjs.map +2 -2
  25. package/dist/node/react.esm.js +1 -1
  26. package/dist/node/react.esm.js.map +2 -2
  27. package/headless.cjs +1 -1
  28. package/headless.cjs.map +2 -2
  29. package/headless.js +1 -1
  30. package/headless.js.map +2 -2
  31. package/package.json +1 -1
  32. package/react.cjs +1 -1
  33. package/react.cjs.map +2 -2
  34. package/react.js +1 -1
  35. package/react.js.map +2 -2
  36. package/src/components/FEAASComponent.tsx +1 -0
  37. package/test/FEAASComponent.test.tsx +21 -21
  38. package/types/components/FEAASComponent.d.ts.map +1 -1
  39. /package/test/{FEAASComponentData.test.tsx → FEAASComponent.data.test.tsx} +0 -0
package/src/components/FEAASComponent.tsx CHANGED
@@ -236,6 +236,7 @@ export class FEAASComponent extends FEAASElement<FEAASComponentsProps, string> {
236
236
  this.needsToFetchTemplate = false
237
237
  var templatePromise = fetchAndRevalidateComponent(this.props, (html) => {
238
238
  this.payload = html
239
+ this.needsRefresh = true
239
240
  advanceIfEverythingIsReady()
240
241
  })
241
242
  } else {
package/test/FEAASComponent.test.tsx CHANGED
@@ -25,7 +25,7 @@ describe('Components', () => {
25
25
  const spy = vi.spyOn(global, 'fetch')
26
26
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
27
27
  if (url.match('CDN/components/L/C/V/R')) {
28
- return new Response('FRESH', {
28
+ return new Response('<p>FRESH</p>', {
29
29
  headers: {
30
30
  date: now.toUTCString(),
31
31
  'last-modified': earlier.toUTCString()
@@ -43,7 +43,7 @@ describe('Components', () => {
43
43
  await expect(component.whenRendered).resolves.toEqual(component)
44
44
  expect(spy).toHaveBeenCalledTimes(1)
45
45
 
46
- expect(component.innerHTML).toContain('FRESH')
46
+ expect(component.innerHTML).toContain('<p>FRESH</p>')
47
47
  })
48
48
 
49
49
  describe('fetch control', () => {
@@ -116,7 +116,7 @@ describe('Components', () => {
116
116
  const spy = vi.spyOn(global, 'fetch')
117
117
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
118
118
  if (url.match('CDN/components/L/C/V/R')) {
119
- return new Response('FRESH', {
119
+ return new Response('<p>FRESH</p>', {
120
120
  headers: {
121
121
  date: now.toUTCString(),
122
122
  'last-modified': earlier.toUTCString()
@@ -139,7 +139,7 @@ describe('Components', () => {
139
139
 
140
140
  await expect(component.whenRendered).resolves.toEqual(component)
141
141
  expect(spy).toHaveBeenCalledTimes(2)
142
- expect(component.innerHTML).toBe('FRESH')
142
+ expect(component.innerHTML).toBe('<p>FRESH</p>')
143
143
  expect(document.head.querySelectorAll('style').length).toEqual(1)
144
144
  })
145
145
  it('should make data/css requests when fetch="stylesheet data"', async () => {
@@ -208,7 +208,7 @@ describe('Components', () => {
208
208
  const spy = vi.spyOn(global, 'fetch')
209
209
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
210
210
  if (url.match('http://a/components/b/c/d/1.html')) {
211
- return new Response('FRESH', {
211
+ return new Response('<p>FRESH</p>', {
212
212
  headers: {
213
213
  date: now.toUTCString(),
214
214
  'last-modified': earlier.toUTCString()
@@ -226,7 +226,7 @@ describe('Components', () => {
226
226
  expect(spy).toHaveBeenCalledTimes(1)
227
227
 
228
228
  expect(component.outerHTML).toBe(
229
- `<feaas-component fetch="template data" src="http://a/components/b/c/d/1.html" cdn="http://a" library="b" component="c" version="d" revision="1" class="-feaas">FRESH</feaas-component>`
229
+ `<feaas-component fetch="template data" src="http://a/components/b/c/d/1.html" cdn="http://a" library="b" component="c" version="d" revision="1" class="-feaas"><p>FRESH</p></feaas-component>`
230
230
  )
231
231
  })
232
232
 
@@ -234,7 +234,7 @@ describe('Components', () => {
234
234
  const spy = vi.spyOn(global, 'fetch')
235
235
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
236
236
  if (url.match('http://a/components/b/c/d/1.html')) {
237
- return new Response('FRESH', {
237
+ return new Response('<p>FRESH</p>', {
238
238
  headers: {
239
239
  date: now.toUTCString(),
240
240
  'last-modified': earlier.toUTCString()
@@ -264,14 +264,14 @@ describe('Components', () => {
264
264
  const spy = vi.spyOn(global, 'fetch')
265
265
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
266
266
  if (url.match('http://a/components/b/c/d/1.html')) {
267
- return new Response('FRESH', {
267
+ return new Response('<p>FRESH</p>', {
268
268
  headers: {
269
269
  date: now.toUTCString(),
270
270
  'last-modified': earlier.toUTCString()
271
271
  }
272
272
  })
273
273
  } else if (url.match('.css')) {
274
- return new Response('FRESH', {
274
+ return new Response('<p>FRESH</p>', {
275
275
  headers: {
276
276
  date: /*String(options?.method).toLowerCase() == 'head' ? */ now.toUTCString(),
277
277
  'last-modified': earlier.toUTCString()
@@ -293,7 +293,7 @@ describe('Components', () => {
293
293
  const spy = vi.spyOn(global, 'fetch')
294
294
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
295
295
  if (url.match('http://a/components/b/c/d/1.html')) {
296
- return new Response('FRESH', {
296
+ return new Response('<p>FRESH</p>', {
297
297
  headers: {
298
298
  date: now.toUTCString(),
299
299
  'last-modified': earlier.toUTCString()
@@ -337,7 +337,7 @@ describe('Components', () => {
337
337
  const spy = vi.spyOn(global, 'fetch')
338
338
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
339
339
  if (url.match('http://a/components/b/c/d/1.html')) {
340
- return new Response('FRESH', {
340
+ return new Response('<p>FRESH</p>', {
341
341
  headers: {
342
342
  date: now.toUTCString(),
343
343
  'last-modified': earlier.toUTCString()
@@ -355,7 +355,7 @@ describe('Components', () => {
355
355
  } else {
356
356
  if (String(options?.method).toLowerCase() == 'head') await new Promise((r) => setTimeout(r, 50))
357
357
  // respond with up to date
358
- return new Response('FRESH', {
358
+ return new Response('<p>FRESH</p>', {
359
359
  headers: {
360
360
  date: now.toUTCString(),
361
361
  'last-modified': now.toUTCString()
@@ -416,7 +416,7 @@ describe('Components', () => {
416
416
  spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
417
417
  if (options.method != 'HEAD' && options['cache'] != 'reload') {
418
418
  // Here's cached component
419
- return new Response('YESTERDAY', {
419
+ return new Response('<p>YESTERDAY</p>', {
420
420
  headers: {
421
421
  date: earlier.toUTCString(),
422
422
  'last-modified': earliest.toUTCString()
@@ -432,7 +432,7 @@ describe('Components', () => {
432
432
  })
433
433
  } else {
434
434
  // Up to date version
435
- return new Response('FRESH', {
435
+ return new Response('<p>FRESH</p>', {
436
436
  headers: {
437
437
  date: now.toUTCString(),
438
438
  'last-modified': earlier.toUTCString()
@@ -447,13 +447,13 @@ describe('Components', () => {
447
447
  const component = document.body.firstElementChild as FEAASComponent
448
448
  // Renders cached version initially
449
449
  await expect(component.whenRendered).resolves.toEqual(component)
450
- expect(component.innerHTML).toContain('YESTERDAY')
450
+ expect(component.innerHTML).toContain('<p>YESTERDAY</p>')
451
451
  expect(spy).toHaveBeenCalledTimes(2)
452
452
 
453
453
  // whenLoaded only fires when ensures that up-to-date version is loaded
454
454
  await expect(component.whenLoaded).resolves.toBeTruthy()
455
455
  expect(spy).toHaveBeenCalledTimes(3)
456
- expect(component.innerHTML).toContain('FRESH')
456
+ expect(component.innerHTML).toContain('<p>FRESH</p>')
457
457
  })
458
458
 
459
459
  it('should re-fetch component when attributes change', async () => {
@@ -525,7 +525,7 @@ describe('Components', () => {
525
525
  } else {
526
526
  if (options.method != 'HEAD' && options['cache'] != 'reload') {
527
527
  // Here's cached component
528
- return new Response('YESTERDAY', {
528
+ return new Response('<p>YESTERDAY</p>', {
529
529
  headers: {
530
530
  date: earlier.toUTCString(),
531
531
  'last-modified': earliest.toUTCString()
@@ -542,7 +542,7 @@ describe('Components', () => {
542
542
  } else {
543
543
  // Latest
544
544
  await new Promise((resolve) => setTimeout(resolve, 100))
545
- return new Response('FRESH', {
545
+ return new Response('<p>FRESH</p>', {
546
546
  headers: {
547
547
  date: now.toUTCString(),
548
548
  'last-modified': earlier.toUTCString()
@@ -562,11 +562,11 @@ describe('Components', () => {
562
562
  await expect(component.whenRendered).resolves.toEqual(component)
563
563
  const stylesheet = document.head.querySelector('style') as HTMLStyleElement
564
564
  expect(stylesheet.innerHTML).toEqual('YESTERDAY {}')
565
- expect(component.innerHTML).toEqual('YESTERDAY')
565
+ expect(component.innerHTML).toEqual('<p>YESTERDAY</p>')
566
566
  // Component will update itself with stale cached stylesheet
567
- await expect(component.whenLoaded).resolves.toEqual('FRESH')
567
+ await expect(component.whenLoaded).resolves.toEqual('<p>FRESH</p>')
568
568
  expect(stylesheet.innerHTML).toEqual('YESTERDAY {}')
569
- expect(component.innerHTML).toEqual('FRESH')
569
+ expect(component.innerHTML).toEqual('<p>FRESH</p>')
570
570
  await new Promise((resolve) => setTimeout(resolve, 200))
571
571
  // Stylesheet will update later
572
572
  expect(stylesheet.innerHTML).toEqual('FRESH {}')
package/types/components/FEAASComponent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAgB,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY;;;;;;;;;;;;;;EAwCzD;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,cAAe,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC5E,SAAS,EAAE,GAAG,CAAK;IACnB,aAAa,yBAGZ;IAED,MAAM,CAAC,kBAAkB,WAYxB;IAED,YAAY;;;;;;;;;;;;;;OAOsB;IAElC,YAAY,EAAE,OAAO,CAAA;IACrB,oBAAoB,EAAE,OAAO,CAAA;IAE7B,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,QAAQ;;;;;;;;;;;;;;;IAIR,eAAe,CAAC,IAAI,EAAE,MAAM,oBAAoB;IAIhD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAuB1E,SAAS;IAef,SAAS,IAAI,GAAG;;IAmBhB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMb,MAAM,SAAU,MAAM,UAGrB;IAEK,IAAI;IAyCV,eAAe,EAAE,OAAO,CAAA;IAExB,KAAK;IAML,MAAM;CAqBP;AAED,KAAK,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,CAAA;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE;gBACjB,IAAI,CAAC,EAAE,GAAG,CAAA;gBACV,KAAK,CAAC,EAAE,MAAM,CAAA;gBACd,wBAAwB,CAAC,EAAE,OAAO,CAAA;gBAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;gBAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;gBACd,uBAAuB,CAAC,EAAE;oBAAE,MAAM,EAAE,MAAM,CAAA;iBAAE,CAAA;gBAC5C,eAAe,CAAC,EAAE,MAAM,CAAA;gBACxB,KAAK,CAAC,EACF,GAAG,YAAY,IAAI,YAAY,IAAI,YAAY,EAAE,GACjD,GAAG,YAAY,IAAI,YAAY,EAAE,GACjC,GAAG,YAAY,EAAE,GACjB,EAAE,CAAA;aACP,GAAG,CACA;gBACE;;mBAEG;gBACH,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,GAAG,CAAC,EAAE,MAAM,CAAA;gBACZ,OAAO,EAAE,MAAM,CAAA;gBACf,SAAS,EAAE,MAAM,CAAA;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAA;gBAChB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;aAC5C,GACD;gBAAE,GAAG,EAAE,MAAM,CAAA;aAAE,GACf;gBAAE,QAAQ,EAAE,MAAM,CAAA;aAAE,CACvB,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,oBAAoB,IAAI,cAAc,EAAE,CAAA"}
1
+ {"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAgB,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY;;;;;;;;;;;;;;EAwCzD;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,cAAe,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC5E,SAAS,EAAE,GAAG,CAAK;IACnB,aAAa,yBAGZ;IAED,MAAM,CAAC,kBAAkB,WAYxB;IAED,YAAY;;;;;;;;;;;;;;OAOsB;IAElC,YAAY,EAAE,OAAO,CAAA;IACrB,oBAAoB,EAAE,OAAO,CAAA;IAE7B,OAAO,CAAC,IAAI,EAAE,WAAW;IAIzB,QAAQ;;;;;;;;;;;;;;;IAIR,eAAe,CAAC,IAAI,EAAE,MAAM,oBAAoB;IAIhD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAuB1E,SAAS;IAef,SAAS,IAAI,GAAG;;IAmBhB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMb,MAAM,SAAU,MAAM,UAGrB;IAEK,IAAI;IA0CV,eAAe,EAAE,OAAO,CAAA;IAExB,KAAK;IAML,MAAM;CAqBP;AAED,KAAK,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,CAAA;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE;gBACjB,IAAI,CAAC,EAAE,GAAG,CAAA;gBACV,KAAK,CAAC,EAAE,MAAM,CAAA;gBACd,wBAAwB,CAAC,EAAE,OAAO,CAAA;gBAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;gBAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;gBACd,uBAAuB,CAAC,EAAE;oBAAE,MAAM,EAAE,MAAM,CAAA;iBAAE,CAAA;gBAC5C,eAAe,CAAC,EAAE,MAAM,CAAA;gBACxB,KAAK,CAAC,EACF,GAAG,YAAY,IAAI,YAAY,IAAI,YAAY,EAAE,GACjD,GAAG,YAAY,IAAI,YAAY,EAAE,GACjC,GAAG,YAAY,EAAE,GACjB,EAAE,CAAA;aACP,GAAG,CACA;gBACE;;mBAEG;gBACH,QAAQ,CAAC,EAAE,MAAM,CAAA;gBACjB,GAAG,CAAC,EAAE,MAAM,CAAA;gBACZ,OAAO,EAAE,MAAM,CAAA;gBACf,SAAS,EAAE,MAAM,CAAA;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAA;gBAChB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;aAC5C,GACD;gBAAE,GAAG,EAAE,MAAM,CAAA;aAAE,GACf;gBAAE,QAAQ,EAAE,MAAM,CAAA;aAAE,CACvB,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,oBAAoB,IAAI,cAAc,EAAE,CAAA"}