@kalisio/kdk 2.3.2 → 2.4.0

package/core/client/i18n/core_en.json

@@ -534,10 +534,7 @@
     "UNSUBSCRIBE_DIALOG_MESSAGE": "Are you sure you want to unsubscribe your account from <b>{description}</b> ?<br><br>You will not be able to receive notifications until you reconnect using this service."
   },
   "KGrid": {
-    "EMPTY_GRID": "@:NO_ITEM"
-  },
-  "KList": {
-    "EMPTY_LIST": "@:NO_ITEM"
+    "EMPTY_LABEL": "@:NO_ITEM"
   },
   "KTable": {
     "EMPTY_TABLE": "@:NO_ITEM",
@@ -550,6 +547,12 @@
     "EXPORT_DATA": "Export data",
     "DATA_EXPORT_FILE": "Data.csv"
   },
+  "KTimeLine": {
+    "EMPTY_LABEL": "@:NO_ITEM"
+  },
+  "KScrollToTop": {
+    "TOOLTIP": "Scroll to top"
+  },
   "KHistory": {
     "EMPTY_HISTORY": "@:NO_ITEM"
   },
@@ -557,10 +560,12 @@
     "EMPTY_COLUMN": "@:NO_ITEM"
   },
   "KCard": {
-    "DESCRIPTION_SECTION": "Description",
-    "NO_DESCRIPTION_LABEL": "No description",
-    "MORE_ACTION": "More details",
-    "LESS_ACTION": "Less details"
+    "MORE_DETAILS": "More details",
+    "LESS_DETAILS": "Less details"
+  },
+  "KDescriptionCardSection": {
+    "TITLE": "Description",
+    "NO_DESCRIPTION_LABEL": "No description"
   },
   "KColorChooser": {
     "CANCEL_BUTTON": "@:CANCEL",
@@ -892,6 +897,7 @@
   },
   "KTimeSeriesChart": {
     "TIME_LABEL": "Time",
+    "NO_DATA_AVAILABLE": "No data available",
     "EXPORT_SERIES": "Export series",
     "SERIES_EXPORT_FILE": "Series.csv"
   },

package/core/client/i18n/core_fr.json

@@ -532,10 +532,7 @@
     "UNSUBSCRIBE_DIALOG_MESSAGE": "Etes vous sûr de vouloir désabonner votre compte de {description} ?<br><br>Vous ne pourrez plus recevoir de notifications jusqu'à une prochaine reconnexion via ce service."
   },
   "KGrid": {
-    "EMPTY_GRID": "@:NO_ITEM"
-  },
-  "KList": {
-    "EMPTY_LIST": "@:NO_ITEM"
+    "EMPTY_LABEL": "@:NO_ITEM"
   },
   "KTable": {
     "EMPTY_TABLE": "@:NO_ITEM",
@@ -548,17 +545,25 @@
     "EXPORT_DATA": "Exporter les données",
     "DATA_EXPORT_FILE": "Données.csv"
   },
+  "KTimeLine": {
+    "EMPTY_LABEL": "@:NO_ITEM"
+  },
+  "KScrollToTop": {
+    "TOOLTIP": "Haut de page"
+  },
   "KHistory": {
     "EMPTY_HISTORY": "@:NO_ITEM"
   },
   "KColumn": {
     "EMPTY_COLUMN": "@:NO_ITEM"
   },
-  "KCard": {
-    "DESCRIPTION_SECTION": "Description",
-    "NO_DESCRIPTION_LABEL": "Aucune description",
-    "MORE_ACTION": "Plus de détails",
-    "LESS_ACTION": "Moins de détails"    
+  "KCard": {    
+    "MORE_DETAILS": "Plus de détails",
+    "LESS_DETAILS": "Moins de détails"    
+  },
+  "KDescriptionCardSection": {
+    "TITLE": "Description",
+    "NO_DESCRIPTION": "Aucune description"
   },
   "KColorChooser": {
     "CANCEL_BUTTON": "@:CANCEL",
@@ -891,6 +896,7 @@
   },
   "KTimeSeriesChart": {
     "TIME_LABEL": "Temps",
+    "NO_DATA_AVAILABLE": "Aucune donnée disponible",
     "EXPORT_SERIES": "Exporter les données",
     "SERIES_EXPORT_FILE": "Series.csv"
   },

package/core/client/index.js

@@ -6,15 +6,18 @@ import { Theme } from './theme.js'
 import { Capabilities } from './capabilities.js'
 import { LocalStorage } from './local-storage.js'
 import { Storage } from './storage.js'
+import { TemplateContext } from './template-context.js'
 import { Time } from './time.js'
 import { Units } from './units.js'
 import { Layout } from './layout.js'
 import { Filter } from './filter.js'
 import { Sorter } from './sorter.js'
+import { Document } from './document.js'
 import { Exporter } from './exporter.js'
 import { Reader } from './reader.js'
 import services from './services/index.js'
 import * as utils from './utils/index.js'
+import * as directives from './directives/index.js'
 import * as composables from './composables/index.js'
 import * as mixins from './mixins/index.js'
 import * as hooks from './hooks/index.js'
@@ -28,6 +31,7 @@ export { Theme }
 export { Capabilities }
 export { LocalStorage }
 export { Storage }
+export { TemplateContext }
 export { Time }
 export { Units }
 export { Layout }
@@ -37,6 +41,7 @@ export { Exporter }
 export { Reader }
 export { services }
 export { utils }
+export { directives }
 export { composables }
 export { mixins }
 export { hooks }
@@ -50,9 +55,9 @@ export * from '../common/index.js'
 export default async function initialize () {
   const api = this
 
-  logger.debug('[KDK] initializing core module')
+  logger.debug('[KDK] Initializing core module')
 
-  // Delcare the module intiaization states
+  // Declare the module initialization states
   Store.set('kdk', { core: { initialized: false }, map: { initialized: false } })
 
   // Initialize singletons that might be used globally first
@@ -70,6 +75,7 @@ export default async function initialize () {
   Layout.initialize()
   Filter.initialize()
   Sorter.initialize()
+  Document.initialize()
   Exporter.initialize(_.get(config, 'exporter'))
   Schema.initialize(_.get(config, 'schema'))
 
@@ -78,7 +84,7 @@ export default async function initialize () {
 
   // Register the readers
   _.forEach(_.get(config, 'readers.core', []), entry => {
-    logger.debug(`[KDK] registering mime types [${entry.mimeTypes}] to reader ${entry.reader}`)
+    logger.debug(`[KDK] Registering reader ${entry.reader} for [${entry.mimeTypes}] mime types`)
     Reader.register(entry.mimeTypes, readers[entry.reader])
   })
 

package/core/client/layout.js

@@ -5,10 +5,20 @@ import sift from 'sift'
 import { Store } from './store.js'
 import { bindContent } from './utils/utils.content.js'
 
+export const DefaultZIndex = {
+  drawer: 3000, // see Quasar css variables
+  panes: 1000,
+  fab: 1000,
+  windows: 990,
+  stickies: 980,
+  focus: 1010
+}
+
 const layoutPath = 'layout'
 const contentDefaults = { content: undefined, filter: {}, mode: undefined, visible: false }
-const windowDefaultContols = { pin: true, unpin: true, maximize: true, restore: true, close: true, resize: true }
-const windowDefaults = { state: undefined, position: undefined, size: undefined, current: undefined, controls: windowDefaultContols }
+const paneDefaults = { opener: false, size: [0, 0], zIndex: DefaultZIndex.panes }
+const windowsDefaultControls = { menu: true, pin: true, unpin: true, maximize: true, restore: true, close: true, resize: true }
+const windowDefaults = { state: undefined, position: undefined, size: undefined, current: undefined, controls: windowsDefaultControls, zIndex: 980 }
 const hWindowDefaultSizePolicy = {
   minSize: [300, 200],
   floating: { position: [0, 0], size: [300, 200] },
@@ -20,22 +30,29 @@ const vWindowDefaultSizePolicy = {
   pinned: { xs: [50, 90], sm: [40, 80], md: [30, 75], lg: [25, 75], xl: [20, 75] }
 }
 const defaults = {
-  layout: { view: 'lHh LpR lFf', mode: undefined },
+  view: 'lHh LpR lFf',
+  padding: true,
+  mode: undefined,
   header: { ...contentDefaults },
   footer: { ...contentDefaults },
-  page: { ...contentDefaults },
-  fab: { ...contentDefaults, icon: 'las la-ellipsis-v', position: 'bottom-right', offset: [16, 16] },
+  page: { ...contentDefaults, size: [0, 0] },
+  stickies: { ...contentDefaults, zIndex: DefaultZIndex.stickies },
+  fab: { ...contentDefaults, icon: 'las la-ellipsis-v', position: 'bottom-right', offset: [16, 16], zIndex: DefaultZIndex.fab },
   panes: {
-    left: { ...contentDefaults, opener: false },
-    top: { ...contentDefaults, opener: false },
-    right: { ...contentDefaults, opener: false },
-    bottom: { ...contentDefaults, opener: false }
+    left: { ...contentDefaults, ...paneDefaults, sizes: 300, zIndex: DefaultZIndex.drawer },
+    top: { ...contentDefaults, ...paneDefaults, sizes: undefined },
+    right: { ...contentDefaults, ...paneDefaults, sizes: { xs: [85, 75], sm: [360, 75], md: [440, 80], lg: [500, 80], xl: [500, 85] } },
+    bottom: { ...contentDefaults, ...paneDefaults, sizes: undefined }
   },
   windows: {
     left: { ...contentDefaults, ...windowDefaults, sizePolicy: vWindowDefaultSizePolicy },
     top: { ...contentDefaults, ...windowDefaults, sizePolicy: hWindowDefaultSizePolicy },
     right: { ...contentDefaults, ...windowDefaults, sizePolicy: vWindowDefaultSizePolicy },
     bottom: { ...contentDefaults, ...windowDefaults, sizePolicy: hWindowDefaultSizePolicy }
+  },
+  focus: {
+    element: null,
+    zIndex: DefaultZIndex.focus
   }
 }
 
@@ -44,9 +61,13 @@ export const Layout = {
   placements: ['top', 'right', 'bottom', 'left'],
   paths: {
     layout: layoutPath,
+    view: layoutPath + '.view',
+    padding: layoutPath + '.padding',
+    mode: layoutPath + '.mode',
     header: layoutPath + '.header',
     footer: layoutPath + '.footer',
     page: layoutPath + '.page',
+    stickies: layoutPath + '.stickies',
     fab: layoutPath + '.fab',
     panes: {
       left: layoutPath + '.panes.left',
@@ -59,36 +80,63 @@ export const Layout = {
       top: layoutPath + '.windows.top',
       right: layoutPath + '.windows.right',
       bottom: layoutPath + '.windows.bottom'
-    }
+    },
+    focus: layoutPath + '.focus'
   },
+  defaults,
   initialize () {
     // create the store structure for each element with their configuration
-    Store.set(this.paths.layout, this.getLayoutDefaults())
+    Store.set(this.paths.view, this.getElementDefaults('view'))
+    Store.set(this.paths.padding, this.getElementDefaults('padding'))
     Store.set(this.paths.header, this.getElementDefaults('header'))
     Store.set(this.paths.footer, this.getElementDefaults('footer'))
     Store.set(this.paths.page, this.getElementDefaults('page'))
+    Store.set(this.paths.stickies, this.getElementDefaults('stickies'))
     Store.set(this.paths.fab, this.getElementDefaults('fab'))
     this.placements.forEach(placement => {
       Store.set(_.get(this.paths.panes, placement), this.getElementDefaults(`panes.${placement}`))
       Store.set(_.get(this.paths.windows, placement), this.getElementDefaults(`windows.${placement}`))
     })
+    Store.set(this.paths.focus, this.getElementDefaults('focus'))
     // debug message
-    logger.debug(`[KDK] Layout initialized with: ${JSON.stringify(this.get(), null, 4)}`)
+    logger.debug('[KDK] Configuring layout with options:', this.get())
   },
   get () {
     return Store.get(this.paths.layout)
   },
-  getLayoutDefaults () {
-    return Object.assign({}, defaults.options, _.pick(_.get(config, this.paths.layout), _.keys(defaults.layout)))
+  set (layout) {
+    if (layout.view) this.setView(layout.view)
+    if (layout.padding) this.setPadding(layout.padding)
+    if (layout.header) this.setHeader(layout.header)
+    if (layout.footer) this.setFooter(layout.footer)
+    if (layout.page) this.setPage(layout.page)
+    if (layout.stickies) this.setStickies(layout.stickies)
+    if (layout.fab) this.setFab(layout.fab)
+    this.placements.forEach(placement => {
+      if (_.has(layout, `panes.${placement}`)) this.setPane(placement, _.get(layout, `panes.${placement}`))
+      if (_.has(layout, `windows.${placement}`)) this.setWindow(placement, _.get(layout, `windows.${placement}`))
+    })
+    if (layout.mode) this.setMode(layout.mode)
+    if (layout.focus) this.setFocus(layout.focus)
   },
   setView (view) {
     Store.patch(this.paths.layout, { view })
   },
+  clearView () {
+    Store.patch(this.paths.layout, { view: this.getElementDefaults('view') })
+  },
+  setPadding (padding) {
+    Store.patch(this.paths.padding, { padding })
+  },
+  clearPadding () {
+    Store.patch(this.paths.layout, { padding: this.getElementDefaults('padding') })
+  },
   setMode (mode) {
     this.setHeaderMode(mode)
     this.setFooterMode(mode)
     this.setPageMode(mode)
     this.setFabMode(mode)
+    this.setStickiesMode(mode)
     this.placements.forEach(placement => {
       this.setPaneMode(placement, mode)
       this.setWindowMode(placement, mode)
@@ -108,7 +156,8 @@ export const Layout = {
     const elementPath = this.getElementPath(element)
     const elementDefaults = _.get(defaults, element)
     const elementConfig = _.get(config, elementPath)
-    return _.defaultsDeep(_.cloneDeep(elementConfig), elementDefaults)
+    if (elementConfig) return _.defaultsDeep(_.cloneDeep(elementConfig), elementDefaults)
+    return _.cloneDeep(elementDefaults)
   },
   setElement (element, options, context, omit = []) {
     const props = _.defaultsDeep(_.cloneDeep(options), this.getElementDefaults(element))
@@ -118,7 +167,7 @@ export const Layout = {
     // compute components
     if (Array.isArray(content)) props.components = content.filter(sift(props.filter))
     else props.components = _.get(content, mode, []).filter(sift(props.filter))
-    // pacth the element
+    // patch the element
     Store.patch(this.getElementPath(element), props)
   },
   setElementMode (element, mode) {
@@ -128,7 +177,7 @@ export const Layout = {
     let components
     if (Array.isArray(props.content)) components = props.content.filter(sift(props.filter))
     else components = _.get(props.content, mode, []).filter(sift(props.filter))
-    // pacth the element
+    // patch the element
     Store.patch(this.getElementPath(element), { mode, components })
   },
   setElementFilter (element, filter) {
@@ -138,7 +187,7 @@ export const Layout = {
     let components
     if (Array.isArray(props.content)) components = props.content.filter(sift(props.filter))
     else components = _.get(props.content, props.mode, []).filter(sift(props.filter))
-    // pacth the element
+    // patch the element
     Store.patch(this.getElementPath(element), { filter, components })
   },
   setElementVisible (element, visible) {
@@ -146,8 +195,17 @@ export const Layout = {
     if (props.visible === visible) return
     Store.patch(this.getElementPath(element), { visible })
   },
+  setElementSize (element, size) {
+    if (!Array.isArray(size) && size.length !== 2) {
+      logger.warn(`[KDK] Invalid size ${size}`)
+      return
+    }
+    const props = this.getElement(element)
+    if (_.isEqual(props.size, size)) return
+    Store.patch(this.getElementPath(element), { size })
+  },
   clearElement (element) {
-    this.setElement(element, null)
+    this.setElement(element, this.getElementDefaults(element))
   },
   getHeader () {
     return this.getElement('header')
@@ -203,6 +261,24 @@ export const Layout = {
   clearPage () {
     this.clearElement('page')
   },
+  getStickies () {
+    return this.getElement('stickies')
+  },
+  setStickies (options, context) {
+    this.setElement('stickies', options, context)
+  },
+  setStickiesMode (mode) {
+    this.setElementMode('stickies', mode)
+  },
+  setStickiesFilter (filter) {
+    this.setElementFilter('stickies', filter)
+  },
+  setStickiesVisible (visible) {
+    this.setElementVisible('stickies', visible)
+  },
+  clearStickies () {
+    this.clearElement('stickies')
+  },
   getFab () {
     return this.getElement('fab')
   },
@@ -264,6 +340,11 @@ export const Layout = {
     if (props.opener === opener) return
     Store.patch(this.getElementPath(`panes.${placement}`), { opener })
   },
+  setPaneSizes (placement, sizes) {
+    const props = this.getElement(`panes.${placement}`)
+    if (_.isEqual(props.sizes, sizes)) return
+    Store.patch(this.getElementPath(`panes.${placement}`), { sizes })
+  },
   clearPane (placement) {
     this.clearElement(`panes.${placement}`)
   },
@@ -284,9 +365,9 @@ export const Layout = {
     this.setElementVisible(`windows.${placement}`, visible)
   },
   setWindowControls (placement, controls) {
-    for (const key in _.keys(windowDefaultContols)) {
+    for (const key of _.keys(windowsDefaultControls)) {
       if (!_.has(controls, key)) {
-        logger.warn(`[KDK] Invalid window controls ${controls}`)
+        logger.warn(`[KDK] Invalid window control key ${key}`)
         return
       }
     }
@@ -313,17 +394,11 @@ export const Layout = {
     Store.patch(this.getElementPath(`windows.${placement}`), { position })
   },
   setWindowSize (placement, size) {
-    if (!Array.isArray(size) && size.length !== 2) {
-      logger.warn(`[KDK] Invalid size ${size}`)
-      return
-    }
-    const props = this.getElement(`windows.${placement}`)
-    if (_.isEqual(props.size, size)) return
-    Store.patch(this.getElementPath(`windows.${placement}`), { size })
+    this.setElementSize(`windows.${placement}`, size)
   },
   setWindowSizePolicy (placement, policy) {
     if (!policy.minSize || !policy.floating || !policy.pinned) {
-      logger.warn(`[KDK] Invalid sizePolicy ${policy}`)
+      logger.warn(`[KDK] Invalid window sizePolicy ${policy}`)
       return
     }
     const props = this.getElement(`windows.${placement}`)
@@ -350,5 +425,30 @@ export const Layout = {
     }
     logger.debug(`[KDK] Unable to find the widget ${widget}`)
     return { placement: undefined, window: undefined }
+  },
+  openWidget (widget, focus = true) {
+    const { placement, window } = this.findWindow(widget)
+    if (!placement) return
+    if (window.current !== 'current') this.setWindowCurrent(placement, widget)
+    if (!window.visible) this.setWindowVisible(placement, true)
+    if (focus) Layout.setFocus(`windows.${placement}`)
+  },
+  closeWidget (widget) {
+    const { placement, window } = this.findWindow(widget)
+    if (!placement) return
+    if (window.visible) this.setWindowVisible(placement, false)
+  },
+  setFocus (element) {
+    const focus = this.getElement('focus')
+    if (focus.element) {
+      if (focus.element === element) return
+      Store.patch(this.getElementPath(focus.element.path), { zIndex: focus.element.zIndex })
+    }
+    const props = this.getElement(element)
+    Store.patch(this.getElementPath('focus'), { element: { path: element, zIndex: props.zIndex } })
+    Store.patch(this.getElementPath(element), { zIndex: focus.zIndex })
+  },
+  clearFocus () {
+    this.clearElement('focus')
   }
 }

package/core/client/local-storage.js

@@ -5,7 +5,7 @@ import config from 'config'
 export const LocalStorage = {
   initialize () {
     this.prefix = _.kebabCase(_.get(config, 'appName', 'kdk'))
-    logger.debug(`[KDK] initializing local storage with prefix: '${this.prefix}'`)
+    logger.debug(`[KDK] Configuring local storage with prefix: '${this.prefix}'`)
   },
   localKey (key) {
     const keyPrefix = `${this.prefix}-`

package/core/client/mixins/index.js

@@ -1,6 +1,5 @@
 export * from './mixin.base-context.js'
 export * from './mixin.base-activity.js'
-export * from './mixin.base-collection.js'
 export * from './mixin.base-editor.js'
 export * from './mixin.base-item.js'
 export * from './mixin.base-field.js'

package/core/client/mixins/mixin.base-activity.js

@@ -131,6 +131,21 @@ export function baseActivity (name) {
       clearPage () {
         Layout.setPage(null)
       },
+      getStickies () {
+        return Layout.getPage()
+      },
+      setStickies (content, mode, filter, sticky) {
+        Layout.setStickies({ content, mode, filter, sticky }, this)
+      },
+      setStickiesMode (mode) {
+        Layout.setStickiesMode(mode)
+      },
+      configureStickies () {
+        Layout.setStickies(_.get(this.activityOptions, 'stickies'), this)
+      },
+      clearStickies () {
+        Layout.clearStickies()
+      },
       getFab () {
         return Layout.getFab()
       },
@@ -169,23 +184,16 @@ export function baseActivity (name) {
         return (window && window.visible)
       },
       openWidget (widget) {
-        const { placement, window } = this.findWindow(widget)
-        if (!placement) {
-          logger.warn(`[KDK] Cannot find widget ${widget}`)
-          return
-        }
-        if (window.current !== widget) Layout.setWindowCurrent(placement, widget)
-        Layout.setWindowVisible(placement, true)
+        Layout.openWidget(widget)
       },
       closeWidget (widget) {
-        const result = this.findWindow(widget)
-        if (!result.placement) {
-          logger.warn(`Cannot find widget ${widget}`)
-          return
-        }
-        Layout.setWindowVisible(result.placement, false)
+        Layout.closeWidget(widget)
+      },
+      clearFocus () {
+        Layout.clearFocus()
       },
       clearActivity () {
+        this.clearFocus()
         this.clearHeader()
         this.clearFooter()
         this.clearTopPane()
@@ -193,6 +201,7 @@ export function baseActivity (name) {
         this.clearLeftPane()
         this.clearRightPane()
         this.clearPage()
+        this.clearStickies()
         this.clearFab()
         this.clearWindows()
       },
@@ -204,6 +213,7 @@ export function baseActivity (name) {
         this.configureBottomPane()
         this.configureRightPane()
         this.configurePage()
+        this.configureStickies()
         this.configureFab()
         this.configureWindows()
       },

package/core/client/mixins/mixin.base-item.js

@@ -41,8 +41,11 @@ export const baseItem = {
     }
   },
   watch: {
+    // Make configured actions reactive as item actions are built from
+    item: function () {
+      this.configureActions()
+    },
     actions: function () {
-      // Make configured actions reactive as item actions are built from
       this.configureActions()
     }
   },
@@ -138,10 +141,10 @@ export const baseItem = {
             flat: true
           }
         }).onOk(() => {
-          this.$api.getService(this.service).remove(this.item._id)
+          this.$api.getService(this.service, this.contextId).remove(this.item._id)
         })
       } else {
-        this.$api.getService(this.service).remove(this.item._id)
+        this.$api.getService(this.service, this.contextId).remove(this.item._id)
       }
     },
     exportItem () {

package/core/client/services/index.js

@@ -31,6 +31,7 @@ export default function init () {
     timelineStep: 'time.step',
     timelineInterval: 'time.interval',
     timeseriesSpan: 'timeseries.span',
+    timeseriesGroupBy: 'timeseries.groupBy',
     location: 'locationFormat',
     restoreView: 'restore.view',
     restoreLayers: 'restore.layers',
@@ -44,8 +45,10 @@ export default function init () {
     defaultNotation: 'units.default.notation',
     defaultPrecision: 'units.default.precision'
   })
+  const settingsSchema = _.get(config, 'settings.schema', 'settings.update')
   api.createService('settings', {
     service: LocalSettingsService,
-    propertyMapping
+    propertyMapping,
+    settingsSchema
   }) // Default options can be overriden from app config
 }

package/core/client/services/local-settings.service.js

@@ -59,6 +59,10 @@ export default function (name, api, options) {
       })
     },
 
+    getSchema () {
+      return options.settingsSchema
+    },
+
     getSettingsMapping () {
       return mapping
     }

package/core/client/storage.js

@@ -87,7 +87,7 @@ export const Storage = {
     // Ensure service is created
     const service = this.getService(context)
     // Get proxy route to object storage
-    let url = api.getBaseUrl() + config.apiPath
+    let url = api.getConfig('domain') + config.apiPath
     if (service.context) url += `/${context}`
     url += `/storage-objects/${key}`
     // Handle extra query params

package/core/client/store.js

@@ -15,7 +15,7 @@ export const Store = Object.assign(store, {
     set(path, value)
     const eventName = _.kebabCase(`${path}-changed`)
     Events.emit(eventName, value, previousValue)
-    Events.emit('store-changed', path, value)
+    Events.emit('store-changed', path, value, previousValue)
   },
   patch (path, value) {
     // Patching should not change the object reference to maintain reactivity

package/core/client/template-context.js

@@ -0,0 +1,17 @@
+// This is a singleton used to inject data in string template evaluation contexts (lodash)
+export const TemplateContext = {
+  initialize () {
+    if (this.ctx) return
+    this.ctx = {}
+  },
+
+  get () {
+    return this.ctx
+  },
+
+  merge (ctx) {
+    this.ctx = Object.assign({}, this.ctx, ctx)
+  }
+}
+
+TemplateContext.initialize()