@soleil-se/app-util 3.0.3 → 4.0.1

package/src/index.js

@@ -1,162 +0,0 @@
-import PortletContextUtil from 'PortletContextUtil';
-import PropertyUtil from 'PropertyUtil';
-import VersionUtil from 'VersionUtil';
-import appInfo from 'appInfo';
-
-/* Underscore is provided by SiteVision */
-/* eslint-disable-next-line import/no-extraneous-dependencies */
-import _ from 'underscore';
-
-/** If the webapp is running in offline mode or not. */
-export const isOffline = VersionUtil.getCurrentVersion() === VersionUtil.OFFLINE_VERSION;
-/** If the webapp is running in online mode or not. */
-export const isOnline = !isOffline;
-
-const currentPortlet = PortletContextUtil.getCurrentPortlet();
-
-const getUniqueId = () => {
-  const id = (currentPortlet ? currentPortlet.getIdentifier() : appInfo['jcr:uuid']).replace('.', '_');
-  const decoratedNode = PortletContextUtil.getCurrentDecoratedNode();
-
-  if (decoratedNode) {
-    return `${decoratedNode.getIdentifier().replace('.', '_')}_${id}`;
-  }
-  return id;
-};
-
-
-export const uniqueId = getUniqueId();
-
-/**
- * Get URI for a resource.
- * @param {String} resource A resource.
- * @returns {String} URI for a resource.
- */
-export function getResourceUri(resource) {
-  return `/webapp-files/${appInfo.appIdentifier}/${appInfo.appVersion}/${resource}`;
-}
-
-/**
- * Renders a Underscore template and returns a string.
- * @param {String} template Underscore template.
- * @param {Object} [values={}] Values.
- * @returns {String} Rendered template
- */
-export function renderTemplate(template, values = {}) {
-  if (typeof template === 'function') {
-    return template({ ...values, renderTemplate });
-  }
-  return _.template(template)(({ ...values, renderTemplate }));
-}
-
-/**
- * Get a HTML string for rendering an application.
- * @param {Svelte} [App] Svelte application.
- * @param {Object} [data={}] Server config or data that will be available in the attribute.
- * `data-app` on currentScript. In Vue it will also be available in the `$options` object.
- * @param {Object} [settings={}] Settings object.
- * @param {String} [settings.noScript=''] HTML that will be rendered when JavaScript
- * is not available.
- * @param {String} [settings.selector=`[data-portlet-id="${portletId}"]`] Query selector for
- * where the app should be mounted.
- * @param {Boolean} [settings.async=false] If the app script should be loaded asynchronously.
- * [Read more about async and defer.](https://flaviocopes.com/javascript-async-defer/)
- * @param {Boolean} [settings.defer=true] If the app script should be loaded after DOM is ready.
- * [Read more about async and defer.](https://flaviocopes.com/javascript-async-defer/)
- * @param {Object} [settings.req] The req object from SiteVision, pass this to optimize browser
- * specific script loading if you have multiple instances of the app.
- * @returns {String} HTML for rendering an application.
- */
-export function renderApp(data, {
-  noScript = '',
-  html = '',
-  selector = `[data-portlet-id="${uniqueId}"]`,
-  async = false,
-  defer = true,
-  req,
-} = {}) {
-  if (typeof data === 'string') {
-    throw new Error('As of version 2 renderApp no longer needs the application name.');
-  }
-
-  const isIE = () => {
-    if (!req) return true;
-    const userAgent = req.header('user-agent');
-    return /Trident\/|MSIE/.test(userAgent);
-  };
-
-  const getHtml = () => (html || (noScript ? `<noscript>${noScript}</noscript>` : ''));
-
-  const appData = {
-    ...data, isOffline, isOnline, uniqueId,
-  };
-
-  if (isOffline) {
-    return `
-<div data-portlet-id="${uniqueId}">${getHtml()}</div>
-<script>
-  window.svDocReady(function() {
-    var targetElement = document.querySelector('[data-portlet-id="${uniqueId}"]');
-    var script = document.createElement("script");
-    script.src = "${getResourceUri('client/index.js')}?${appInfo.appImportDate}${uniqueId.replace('_', '')}";
-    script.setAttribute("data-app", "${encodeURIComponent(JSON.stringify(appData))}");
-    script.setAttribute("data-selector", "${encodeURIComponent(selector)}");
-    targetElement.parentNode.insertBefore(script, targetElement.nextSibling);
-  });
-</script>`;
-  }
-  return `
-<div data-portlet-id="${uniqueId}">${getHtml()}</div>
-<script 
-  src="${getResourceUri('client/index.js')}?${appInfo.appImportDate}${isIE() ? uniqueId.replace('_', '') : ''}" 
-  data-app="${encodeURIComponent(JSON.stringify(appData))}" 
-  data-selector="${encodeURIComponent(selector)}" 
-  ${async && !defer ? 'async' : ''} 
-  ${defer ? 'defer' : ''}>
-</script>`;
-}
-
-/**
- * Get URI for a route, same as `getStandaloneUrl` in SiteVision template.
- * @param {String} route A route.
- * @returns {String} URI for route.
- */
-export function getRouteUri(route) {
-  const currentPage = PortletContextUtil.getCurrentPage();
-  if (currentPage && currentPortlet) {
-    const currentPageId = currentPage.getIdentifier().replace('_sitePage', '');
-    const currentPortletId = currentPortlet.getIdentifier();
-    return `/appresource/${currentPageId}/${currentPortletId}/${route}`.replace(/\/\//g, '/');
-  }
-  return '/';
-}
-
-/**
- * Get URI for a view, same as `getUrl` in SiteVision template.
- * @param {String} route A route.
- * @returns {String} URI for view.
- */
-export function getViewUri(route) {
-  const currentPage = PortletContextUtil.getCurrentPage();
-  if (currentPage && currentPortlet) {
-    const currentPageId = currentPage.getIdentifier().replace('_sitePage', '');
-    const currentPageUri = PropertyUtil.getString(currentPage, 'URI');
-    const currentPortletId = PortletContextUtil.getCurrentPortlet().getIdentifier();
-    if (isOffline) {
-      return `/edit-offline/${currentPageId}?sv.target=${currentPortletId}&sv.${currentPortletId}.route=${encodeURI(route)}`;
-    }
-    return `${currentPageUri}?sv.target=${currentPortletId}&sv.${currentPortletId}.route=${encodeURI(route)}`;
-  }
-  const addonId = appInfo['jcr:uuid'];
-  return `/edit-web-app-offline/${addonId}?sv.target=${addonId}&sv.${addonId}.route=${encodeURI(route)}`;
-}
-
-export default {
-  getRouteUri,
-  getViewUri,
-  getResourceUri,
-  renderApp,
-  renderTemplate,
-  isOffline,
-  isOnline,
-};

package/svelte-client/.eslintrc

@@ -1,4 +0,0 @@
-{
-  "extends": "@soleil/eslint-config-sitevision/client",
-  "root": true  
-}

package/svelte-server/index.js

@@ -1,26 +0,0 @@
-import appResource from 'appResource';
-import { setAppData } from '../app-data';
-import {
-  renderApp, isOffline, isOnline, uniqueId,
-} from '../src';
-
-export function renderClient(data, settings) {
-  return renderApp(data, settings);
-}
-
-export function renderServer(App, data) {
-  const appData = {
-    ...data, isOffline, isOnline, uniqueId,
-  };
-  setAppData(appData);
-  const { html } = App.render(appData);
-  return html;
-}
-
-export function render(App, data, settings) {
-  const html = renderServer(App, data);
-  if (appResource.getNode('client/index.js')) {
-    return renderClient(data, { html, ...settings });
-  }
-  return html;
-}