@soleil-se/app-util 2.1.0 → 2.1.2

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.2] - 2020-02-21
+### Fixed
+- Wrapped `renderApp` script in svDocReady in edit mode to be sure it executes when other bundles are loaded.
+
+## [2.1.1] - 2020-02-14
+### Changed
+- Updated readme, heading levels and examples.
+
 ## [2.1.0] - 2020-02-14
 ### Added
 - App data import in client, `@soleil-api/webapp-util/app-data`.

package/README.md

@@ -17,7 +17,7 @@ See [example](#example).
 
 ## Usage
 ```javascript
-import { renderApp, getRouteUri, getResourceUri, renderTemplate, isOffline } from '@soleil-se/webapp-util';
+import { renderApp, getRouteUri, getViewUri, getResourceUri, renderTemplate, isOffline, isOnline } from '@soleil-se/webapp-util';
 ```
 ### `renderApp([config], [settings])` ⇒ `String`
 Get HTML string for rendering an application.   
@@ -78,7 +78,7 @@ const searchThings = async (query) => {
 export default searchThings;
 ```
 
-## `getRouteUri(route)` ⇒ `String`
+### `getRouteUri(route)` ⇒ `String`
 Get URI for a route, same as `getStandaloneUrl` in SiteVision template.   
 https://developer.sitevision.se/docs/webapps/template#h-Methods
 
@@ -93,7 +93,7 @@ https://developer.sitevision.se/docs/webapps/template#h-Methods
 ```javascript
 const routeUri = getRouteUri('/my-route');
 ```
-## `getViewUri(route)` ⇒ `String`
+### `getViewUri(route)` ⇒ `String`
 Get URI for a view, same as `getUrl` in SiteVision template.   
 https://developer.sitevision.se/docs/webapps/template#h-Methods
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soleil-se/app-util",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Utility functions for Webapps.",
   "main": "./src/index.js",
   "author": "Soleil AB",

package/src/index.js

@@ -64,14 +64,14 @@ export function renderApp(data, {
     return `
 <div data-portlet-id="${portletId}">${noScript}</div>
 <script>
-  (function(){
+  window.svDocReady(function() {
     var targetElement = document.querySelector('[data-portlet-id="${portletId}"]');
     var script = document.createElement('script');
     script.src = '${getResourceUri('client/index.js')}?${portletId.replace('_', '')}';
     script.setAttribute('data-app', '${encodeURIComponent(JSON.stringify({ ...data, isOffline }))}');
     script.setAttribute('data-selector', '${encodeURIComponent(selector)}');
     targetElement.parentNode.insertBefore(script, targetElement.nextSibling);
-  })();
+  });
 </script>`;
   }
   return `