@panoramax/web-viewer 3.2.3 → 4.0.0-develop-9f9cf858

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 (255) hide show
  1. package/.gitlab-ci.yml +13 -6
  2. package/CHANGELOG.md +56 -1
  3. package/CODE_OF_CONDUCT.md +1 -1
  4. package/README.md +1 -1
  5. package/build/editor.html +10 -1
  6. package/build/index.css +12 -12
  7. package/build/index.css.map +1 -1
  8. package/build/index.html +1 -1
  9. package/build/index.js +2126 -14
  10. package/build/index.js.map +1 -1
  11. package/build/map.html +1 -1
  12. package/build/photo.html +1 -0
  13. package/build/static/media/atkinson-hyperlegible-next-latin-400-normal..woff +0 -0
  14. package/build/static/media/atkinson-hyperlegible-next-latin-400-normal..woff2 +0 -0
  15. package/build/static/media/atkinson-hyperlegible-next-latin-ext-400-normal..woff +0 -0
  16. package/build/static/media/atkinson-hyperlegible-next-latin-ext-400-normal..woff2 +0 -0
  17. package/build/viewer.html +12 -1
  18. package/build/widgets.html +1 -0
  19. package/config/jest/mocks.js +201 -0
  20. package/config/paths.js +2 -0
  21. package/config/webpack.config.js +52 -0
  22. package/docs/03_URL_settings.md +14 -16
  23. package/docs/05_Compatibility.md +59 -76
  24. package/docs/09_Develop.md +46 -11
  25. package/docs/90_Releases.md +2 -2
  26. package/docs/images/class_diagram.drawio +60 -45
  27. package/docs/images/class_diagram.jpg +0 -0
  28. package/docs/images/screenshot.jpg +0 -0
  29. package/docs/index.md +135 -0
  30. package/docs/reference/components/core/Basic.md +196 -0
  31. package/docs/reference/components/core/CoverageMap.md +210 -0
  32. package/docs/reference/components/core/Editor.md +224 -0
  33. package/docs/reference/components/core/PhotoViewer.md +307 -0
  34. package/docs/reference/components/core/Viewer.md +350 -0
  35. package/docs/reference/components/layout/BottomDrawer.md +35 -0
  36. package/docs/reference/components/layout/CorneredGrid.md +29 -0
  37. package/docs/reference/components/layout/Mini.md +45 -0
  38. package/docs/reference/components/layout/Tabs.md +45 -0
  39. package/docs/reference/components/menus/MapBackground.md +32 -0
  40. package/docs/reference/components/menus/MapFilters.md +15 -0
  41. package/docs/reference/components/menus/MapLayers.md +15 -0
  42. package/docs/reference/components/menus/MapLegend.md +15 -0
  43. package/docs/reference/components/menus/PictureLegend.md +16 -0
  44. package/docs/reference/components/menus/PictureMetadata.md +15 -0
  45. package/docs/reference/components/menus/PlayerOptions.md +15 -0
  46. package/docs/reference/components/menus/QualityScoreDoc.md +15 -0
  47. package/docs/reference/components/menus/ReportForm.md +15 -0
  48. package/docs/reference/components/menus/ShareMenu.md +15 -0
  49. package/docs/reference/components/ui/Button.md +40 -0
  50. package/docs/reference/components/ui/ButtonGroup.md +36 -0
  51. package/docs/reference/components/ui/CopyButton.md +38 -0
  52. package/docs/reference/components/ui/Grade.md +32 -0
  53. package/docs/reference/components/ui/LinkButton.md +45 -0
  54. package/docs/reference/components/ui/ListGroup.md +22 -0
  55. package/docs/reference/components/ui/Loader.md +56 -0
  56. package/docs/reference/components/ui/Map.md +239 -0
  57. package/docs/reference/components/ui/MapMore.md +256 -0
  58. package/docs/reference/components/ui/Photo.md +385 -0
  59. package/docs/reference/components/ui/Popup.md +56 -0
  60. package/docs/reference/components/ui/ProgressBar.md +32 -0
  61. package/docs/reference/components/ui/QualityScore.md +45 -0
  62. package/docs/reference/components/ui/SearchBar.md +63 -0
  63. package/docs/reference/components/ui/TogglableGroup.md +39 -0
  64. package/docs/reference/components/ui/widgets/GeoSearch.md +32 -0
  65. package/docs/reference/components/ui/widgets/Legend.md +49 -0
  66. package/docs/reference/components/ui/widgets/MapFiltersButton.md +33 -0
  67. package/docs/reference/components/ui/widgets/MapLayersButton.md +15 -0
  68. package/docs/reference/components/ui/widgets/OSMEditors.md +15 -0
  69. package/docs/reference/components/ui/widgets/PictureLegendActions.md +32 -0
  70. package/docs/reference/components/ui/widgets/Player.md +33 -0
  71. package/docs/reference/components/ui/widgets/Zoom.md +15 -0
  72. package/docs/reference/utils/API.md +334 -0
  73. package/docs/reference/utils/InitParameters.md +68 -0
  74. package/docs/reference/utils/URLHandler.md +107 -0
  75. package/docs/reference.md +79 -0
  76. package/docs/shortcuts.md +11 -0
  77. package/docs/tutorials/aerial_imagery.md +19 -0
  78. package/docs/tutorials/authentication.md +10 -0
  79. package/docs/tutorials/custom_widgets.md +59 -0
  80. package/docs/tutorials/map_style.md +39 -0
  81. package/docs/tutorials/migrate_v4.md +153 -0
  82. package/docs/tutorials/synced_coverage.md +43 -0
  83. package/mkdocs.yml +66 -5
  84. package/package.json +22 -17
  85. package/public/editor.html +21 -29
  86. package/public/index.html +17 -12
  87. package/public/map.html +19 -18
  88. package/public/photo.html +55 -0
  89. package/public/viewer.html +22 -26
  90. package/public/widgets.html +306 -0
  91. package/scripts/doc.js +79 -0
  92. package/src/components/core/Basic.css +48 -0
  93. package/src/components/core/Basic.js +349 -0
  94. package/src/components/core/CoverageMap.css +9 -0
  95. package/src/components/core/CoverageMap.js +139 -0
  96. package/src/components/core/Editor.css +23 -0
  97. package/src/components/core/Editor.js +390 -0
  98. package/src/components/core/PhotoViewer.css +48 -0
  99. package/src/components/core/PhotoViewer.js +499 -0
  100. package/src/components/core/Viewer.css +98 -0
  101. package/src/components/core/Viewer.js +564 -0
  102. package/src/components/core/index.js +12 -0
  103. package/src/components/index.js +13 -0
  104. package/src/components/layout/BottomDrawer.js +257 -0
  105. package/src/components/layout/CorneredGrid.js +112 -0
  106. package/src/components/layout/Mini.js +117 -0
  107. package/src/components/layout/Tabs.js +133 -0
  108. package/src/components/layout/index.js +9 -0
  109. package/src/components/menus/MapBackground.js +106 -0
  110. package/src/components/menus/MapFilters.js +400 -0
  111. package/src/components/menus/MapLayers.js +143 -0
  112. package/src/components/menus/MapLegend.js +34 -0
  113. package/src/components/menus/PictureLegend.js +257 -0
  114. package/src/components/menus/PictureMetadata.js +317 -0
  115. package/src/components/menus/PlayerOptions.js +95 -0
  116. package/src/components/menus/QualityScoreDoc.js +36 -0
  117. package/src/components/menus/ReportForm.js +133 -0
  118. package/src/components/menus/Share.js +100 -0
  119. package/src/components/menus/index.js +15 -0
  120. package/src/components/styles.js +383 -0
  121. package/src/components/ui/Button.js +77 -0
  122. package/src/components/ui/ButtonGroup.css +57 -0
  123. package/src/components/ui/ButtonGroup.js +68 -0
  124. package/src/components/ui/CopyButton.js +106 -0
  125. package/src/components/ui/Grade.js +54 -0
  126. package/src/components/ui/LinkButton.js +67 -0
  127. package/src/components/ui/ListGroup.js +66 -0
  128. package/src/components/ui/Loader.js +203 -0
  129. package/src/components/{Map.css → ui/Map.css} +5 -17
  130. package/src/components/{Map.js → ui/Map.js} +148 -156
  131. package/src/components/ui/MapMore.js +324 -0
  132. package/src/components/{Photo.css → ui/Photo.css} +6 -6
  133. package/src/components/{Photo.js → ui/Photo.js} +313 -101
  134. package/src/components/ui/Popup.js +145 -0
  135. package/src/components/ui/ProgressBar.js +104 -0
  136. package/src/components/ui/QualityScore.js +147 -0
  137. package/src/components/ui/SearchBar.js +367 -0
  138. package/src/components/ui/TogglableGroup.js +157 -0
  139. package/src/components/ui/index.js +22 -0
  140. package/src/components/ui/widgets/GeoSearch.css +21 -0
  141. package/src/components/ui/widgets/GeoSearch.js +139 -0
  142. package/src/components/ui/widgets/Legend.js +113 -0
  143. package/src/components/ui/widgets/MapFiltersButton.js +104 -0
  144. package/src/components/ui/widgets/MapLayersButton.js +79 -0
  145. package/src/components/ui/widgets/OSMEditors.js +155 -0
  146. package/src/components/ui/widgets/PictureLegendActions.js +117 -0
  147. package/src/components/ui/widgets/Player.css +7 -0
  148. package/src/components/ui/widgets/Player.js +151 -0
  149. package/src/components/ui/widgets/Zoom.js +82 -0
  150. package/src/components/ui/widgets/index.js +13 -0
  151. package/src/img/loader_base.jpg +0 -0
  152. package/src/img/panoramax.svg +13 -0
  153. package/src/img/switch_big.svg +20 -10
  154. package/src/index.js +7 -9
  155. package/src/translations/br.json +1 -0
  156. package/src/translations/da.json +38 -15
  157. package/src/translations/de.json +5 -3
  158. package/src/translations/en.json +35 -15
  159. package/src/translations/eo.json +38 -15
  160. package/src/translations/es.json +1 -1
  161. package/src/translations/fr.json +36 -16
  162. package/src/translations/hu.json +1 -1
  163. package/src/translations/it.json +39 -16
  164. package/src/translations/ja.json +182 -1
  165. package/src/translations/nl.json +106 -6
  166. package/src/translations/pl.json +1 -1
  167. package/src/translations/sv.json +182 -0
  168. package/src/translations/zh_Hant.json +35 -14
  169. package/src/utils/API.js +109 -49
  170. package/src/utils/InitParameters.js +388 -0
  171. package/src/utils/PhotoAdapter.js +1 -0
  172. package/src/utils/URLHandler.js +362 -0
  173. package/src/utils/geocoder.js +152 -0
  174. package/src/utils/{I18n.js → i18n.js} +7 -3
  175. package/src/utils/index.js +11 -0
  176. package/src/utils/{Map.js → map.js} +256 -77
  177. package/src/utils/picture.js +442 -0
  178. package/src/utils/utils.js +324 -0
  179. package/src/utils/widgets.js +55 -0
  180. package/tests/components/core/Basic.test.js +121 -0
  181. package/tests/components/core/BasicMock.js +25 -0
  182. package/tests/components/core/CoverageMap.test.js +20 -0
  183. package/tests/components/core/Editor.test.js +20 -0
  184. package/tests/components/core/PhotoViewer.test.js +57 -0
  185. package/tests/components/core/Viewer.test.js +84 -0
  186. package/tests/components/core/__snapshots__/PhotoViewer.test.js.snap +73 -0
  187. package/tests/components/core/__snapshots__/Viewer.test.js.snap +145 -0
  188. package/tests/components/ui/CopyButton.test.js +52 -0
  189. package/tests/components/ui/Loader.test.js +55 -0
  190. package/tests/components/{Map.test.js → ui/Map.test.js} +73 -61
  191. package/tests/components/{Photo.test.js → ui/Photo.test.js} +97 -63
  192. package/tests/components/ui/Popup.test.js +26 -0
  193. package/tests/components/ui/QualityScore.test.js +18 -0
  194. package/tests/components/ui/SearchBar.test.js +110 -0
  195. package/tests/components/ui/__snapshots__/CopyButton.test.js.snap +33 -0
  196. package/tests/components/ui/__snapshots__/Loader.test.js.snap +56 -0
  197. package/tests/components/{__snapshots__ → ui/__snapshots__}/Map.test.js.snap +11 -38
  198. package/tests/components/{__snapshots__ → ui/__snapshots__}/Photo.test.js.snap +70 -6
  199. package/tests/components/ui/__snapshots__/Popup.test.js.snap +29 -0
  200. package/tests/components/ui/__snapshots__/QualityScore.test.js.snap +11 -0
  201. package/tests/components/ui/__snapshots__/SearchBar.test.js.snap +65 -0
  202. package/tests/utils/API.test.js +83 -83
  203. package/tests/utils/InitParameters.test.js +499 -0
  204. package/tests/utils/URLHandler.test.js +401 -0
  205. package/tests/utils/__snapshots__/API.test.js.snap +10 -0
  206. package/tests/utils/__snapshots__/URLHandler.test.js.snap +21 -0
  207. package/tests/utils/__snapshots__/{Map.test.js.snap → geocoder.test.js.snap} +1 -1
  208. package/tests/utils/__snapshots__/map.test.js.snap +11 -0
  209. package/tests/utils/__snapshots__/picture.test.js.snap +327 -0
  210. package/tests/utils/__snapshots__/widgets.test.js.snap +19 -0
  211. package/tests/utils/geocoder.test.js +37 -0
  212. package/tests/utils/{I18n.test.js → i18n.test.js} +8 -8
  213. package/tests/utils/map.test.js +126 -0
  214. package/tests/utils/picture.test.js +745 -0
  215. package/tests/utils/utils.test.js +288 -0
  216. package/tests/utils/widgets.test.js +31 -0
  217. package/docs/01_Start.md +0 -149
  218. package/docs/02_Usage.md +0 -831
  219. package/docs/04_Advanced_examples.md +0 -216
  220. package/src/Editor.css +0 -37
  221. package/src/Editor.js +0 -361
  222. package/src/StandaloneMap.js +0 -114
  223. package/src/Viewer.css +0 -203
  224. package/src/Viewer.js +0 -1246
  225. package/src/components/CoreView.css +0 -70
  226. package/src/components/CoreView.js +0 -175
  227. package/src/components/Loader.css +0 -74
  228. package/src/components/Loader.js +0 -120
  229. package/src/img/loader_hd.jpg +0 -0
  230. package/src/utils/Exif.js +0 -193
  231. package/src/utils/Utils.js +0 -631
  232. package/src/utils/Widgets.js +0 -562
  233. package/src/viewer/URLHash.js +0 -469
  234. package/src/viewer/Widgets.css +0 -880
  235. package/src/viewer/Widgets.js +0 -1470
  236. package/tests/Editor.test.js +0 -126
  237. package/tests/StandaloneMap.test.js +0 -45
  238. package/tests/Viewer.test.js +0 -366
  239. package/tests/__snapshots__/Editor.test.js.snap +0 -298
  240. package/tests/__snapshots__/StandaloneMap.test.js.snap +0 -30
  241. package/tests/__snapshots__/Viewer.test.js.snap +0 -195
  242. package/tests/components/CoreView.test.js +0 -92
  243. package/tests/components/Loader.test.js +0 -38
  244. package/tests/components/__snapshots__/Loader.test.js.snap +0 -15
  245. package/tests/utils/Exif.test.js +0 -124
  246. package/tests/utils/Map.test.js +0 -113
  247. package/tests/utils/Utils.test.js +0 -300
  248. package/tests/utils/Widgets.test.js +0 -107
  249. package/tests/utils/__snapshots__/Exif.test.js.snap +0 -43
  250. package/tests/utils/__snapshots__/Utils.test.js.snap +0 -41
  251. package/tests/utils/__snapshots__/Widgets.test.js.snap +0 -44
  252. package/tests/viewer/URLHash.test.js +0 -559
  253. package/tests/viewer/Widgets.test.js +0 -127
  254. package/tests/viewer/__snapshots__/URLHash.test.js.snap +0 -108
  255. package/tests/viewer/__snapshots__/Widgets.test.js.snap +0 -403
@@ -1,127 +0,0 @@
1
- import Widgets from "../../src/viewer/Widgets.js";
2
- import T_fr from "../../src/translations/fr.json";
3
-
4
- const TRANSLATIONS = {"fr": T_fr};
5
-
6
- jest.mock("@photo-sphere-viewer/core", () => ({
7
- Viewer: class {},
8
- SYSTEM: {},
9
- DEFAULTS: {},
10
- }));
11
-
12
- jest.mock("@photo-sphere-viewer/equirectangular-tiles-adapter", () => ({
13
- EquirectangularTilesAdapter: jest.fn(),
14
- }));
15
-
16
- jest.mock("@photo-sphere-viewer/virtual-tour-plugin", () => ({
17
- VirtualTourPlugin: jest.fn(),
18
- }));
19
-
20
- jest.mock("maplibre-gl", () => ({
21
- addProtocol: jest.fn(),
22
- Map: class {},
23
- }));
24
-
25
- const createViewer = () => {
26
- const vc = document.createElement("div");
27
- const vmac = document.createElement("div");
28
- const vmin = document.createElement("div");
29
- vc.appendChild(vmac);
30
- vc.appendChild(vmin);
31
- return {
32
- _t: TRANSLATIONS.fr,
33
- _api: {
34
- _endpoints: {},
35
- getRSSURL: jest.fn(),
36
- },
37
- container: vc,
38
- mainContainer: vmac,
39
- miniContainer: vmin,
40
- isWidthSmall: () => false,
41
- addEventListener: jest.fn(),
42
- dispatchEvent: jest.fn(),
43
- setPopup: jest.fn(),
44
- getPicturesNavigation: () => null,
45
- psv: {
46
- getTransitionDuration: jest.fn(),
47
- getPictureMetadata: jest.fn(),
48
- getZoomLevel: jest.fn(),
49
- getPictureOriginalHeading: jest.fn(),
50
- },
51
- };
52
- };
53
-
54
- describe("constructor", () => {
55
- it("works", () => {
56
- const v = createViewer();
57
- const w = new Widgets(v, {bla: "bla"});
58
- expect(v.container.innerHTML).toMatchSnapshot();
59
- expect(w._options).toStrictEqual({bla: "bla", editIdUrl: "https://www.openstreetmap.org/edit"});
60
- });
61
-
62
- it("works with small container", () => {
63
- const v = createViewer();
64
- v.isWidthSmall = () => true;
65
- const w = new Widgets(v);
66
- expect(v.container.innerHTML).toMatchSnapshot();
67
- });
68
-
69
- it("works with iframeBaseURL option", () => {
70
- const v = createViewer();
71
- const w = new Widgets(v, { iframeBaseURL: "https://geovisio.fr/iframed/" });
72
- expect(w._options.iframeBaseURL).toEqual("https://geovisio.fr/iframed/");
73
- expect(v.container.innerHTML).toMatchSnapshot();
74
- });
75
- });
76
-
77
- describe("_showPictureMetadataPopup", () => {
78
- it("fails if no picture is selected", () =>{
79
- const v = createViewer();
80
- v.psv.getPictureMetadata = () => null;
81
- const w = new Widgets(v);
82
- expect(() => w._showPictureMetadataPopup()).toThrowError("No picture currently selected");
83
- });
84
-
85
- it("works when metadata is available", () => {
86
- const v = createViewer();
87
- v._api.getPictureMetadataUrl = () => "https://geovisio.fr/api/picture/metadata.json";
88
- v._api.getSequenceMetadataUrl = () => "https://geovisio.fr/api/sequence/metadata.json";
89
- v.psv.getPictureMetadata = () => ({
90
- id: "blablabla",
91
- caption: { producer: "Adrien PAVIE", license: "CC-BY-SA 4.0", date: new Date("2024-01-01") },
92
- panorama: {
93
- baseUrl: "https://geovisio.fr/api/pictures/blablabla/sd.jpg",
94
- hdUrl: "https://geovisio.fr/api/pictures/blablabla/hd.jpg",
95
- cols: 2,
96
- rows: 1,
97
- width: 2048,
98
- tileUrl: () => "https://geovisio.fr/api/pictures/blablabla/tile.jpg"
99
- },
100
- links: {},
101
- gps: [-1.7, 48.6],
102
- sequence: {
103
- id: "seq",
104
- nextPic: "blanext",
105
- prevPic: "blaprev"
106
- },
107
- sphereCorrection: { pan: 0 },
108
- horizontalFov: 90,
109
- properties: {
110
- "view:azimuth": 90,
111
- "pers:interior_orientation": {
112
- camera_manufacturer: "IKEA",
113
- camera_model: "360 en Kit",
114
- focal_length: 3
115
- },
116
- exif: {
117
- "Exif.GPSInfo.GPSDOP": 1
118
- }
119
- }
120
- });
121
- const w = new Widgets(v);
122
- Date.prototype.toLocaleDateString = () => "1 janvier 2024 à 01:00:00,000";
123
- w._showPictureMetadataPopup();
124
- expect(v.setPopup.mock.calls).toMatchSnapshot();
125
- expect(v.dispatchEvent.mock.calls).toMatchSnapshot();
126
- });
127
- });
@@ -1,108 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`_updateHash works 1`] = `
4
- Array [
5
- Array [
6
- CustomEvent {
7
- "isTrusted": false,
8
- },
9
- ],
10
- ]
11
- `;
12
-
13
- exports[`_updateHash works with pic change 1`] = `
14
- Array [
15
- Array [
16
- CustomEvent {
17
- "isTrusted": false,
18
- },
19
- ],
20
- ]
21
- `;
22
-
23
- exports[`bindMapEvents works 1`] = `
24
- Array [
25
- Array [
26
- "moveend",
27
- [Function],
28
- ],
29
- ]
30
- `;
31
-
32
- exports[`constructor works 1`] = `
33
- Array [
34
- Array [
35
- "ready",
36
- [Function],
37
- ],
38
- Array [
39
- "psv:view-rotated",
40
- [Function],
41
- ],
42
- Array [
43
- "psv:picture-loaded",
44
- [Function],
45
- ],
46
- Array [
47
- "focus-changed",
48
- [Function],
49
- ],
50
- Array [
51
- "filters-changed",
52
- [Function],
53
- ],
54
- Array [
55
- "psv:transition-duration-changed",
56
- [Function],
57
- ],
58
- Array [
59
- "map:background-changed",
60
- [Function],
61
- ],
62
- Array [
63
- "map:users-changed",
64
- [Function],
65
- ],
66
- Array [
67
- "pictures-navigation-changed",
68
- [Function],
69
- ],
70
- ]
71
- `;
72
-
73
- exports[`destroy works 1`] = `
74
- Array [
75
- Array [
76
- "psv:view-rotated",
77
- [Function],
78
- ],
79
- Array [
80
- "psv:picture-loaded",
81
- [Function],
82
- ],
83
- Array [
84
- "focus-changed",
85
- [Function],
86
- ],
87
- Array [
88
- "filters-changed",
89
- [Function],
90
- ],
91
- Array [
92
- "psv:transition-duration-changed",
93
- [Function],
94
- ],
95
- Array [
96
- "map:background-changed",
97
- [Function],
98
- ],
99
- Array [
100
- "map:users-changed",
101
- [Function],
102
- ],
103
- Array [
104
- "pictures-navigation-changed",
105
- [Function],
106
- ],
107
- ]
108
- `;