Vuex Actions

Modules

component-datadecoratorsdeep-linkingdrawersformslayout-statelistsnavpage-datapage-statepreloadertoolbarundovalidators

Functions

isPageSpecific(uri, store) ⇒ boolean

is uri page spectific

component-data

• component-data

  • static

    • .updateSchemaProp(store, schemaName, inputName, prop, value)

    • .triggerModelSave(uri, data) ⇒ promise

    • .triggerModelRender(store, uri, data) ⇒ promise

    • .saveComponent(store, uri, data, [eventID], [snapshot], [prevData], forceSave) ⇒ Promise

    • .removeComponent(store, data) ⇒ Promise

    • .removeHeadComponent(store, startNode) ⇒ Promise

    • .addCreatedComponentsToPageArea(store, newComponents, currentURI, path, replace, number, array, boolean) ⇒ Promise

    • .addComponents(store, [currentURI], parentURI, path, [replace], components) ⇒ Promise

    • .openAddComponent(store, [currentURI], parentURI, path) ⇒ Promise

    • .componentAdded(store, componentName, uri)

    • .closeAddComponent(store)

    • .currentlyRestoring(store, restoring)

  • inner

    • ~logSaveError(uri, e, data, [eventID], [snapshot], store)

    • ~revertReject(uri, data, [snapshot], paths, store) ⇒ Promise

    • ~clientSave(uri, data, oldData, store, [eventID], [snapshot], paths) ⇒ Promise

    • ~findIndex(data, [uri]) ⇒ number

    • ~addComponentsToComponentList(store, data, [currentURI], parentURI, path, [replace], components) ⇒ Promise

    • ~addComponentsToComponentProp(store, data, parentURI, path, components) ⇒ Promise

    • ~addComponentsToPageArea(store, currentURI, path, replace, components) ⇒ Promise

component-data.updateSchemaProp(store, schemaName, inputName, prop, value)

update a property value on a component schema

Kind: static method of component-data Return{promise}:

Param	Type
store	object
schemaName	string
inputName	string
prop	string
value	object | string | number

component-data.triggerModelSave(uri, data) ⇒ promise

trigger a the model.save of a component

Kind: static method of component-data

Param	Type
uri	string
data	object

component-data.triggerModelRender(store, uri, data) ⇒ promise

trigger a the model.render of a component

Kind: static method of component-data

Param	Type
store	object
uri	string
data	object

component-data.saveComponent(store, uri, data, [eventID], [snapshot], [prevData], forceSave) ⇒ Promise

save a component's data and re-render

Kind: static method of component-data

Param	Type	Description
store	object
uri	string
data	object	(may be a subset of the data)
[eventID]	string	when saving from a pubsub subscription
[snapshot]	boolean	set to false if save is triggered by undo/redo
[prevData]	object	manually passed in when undoing/redoing (because the store has already been updated)
forceSave	boolean	if true, component will be saved even if it doesn't appear to have changed

component-data.removeComponent(store, data) ⇒ Promise

remove a component from its parent note: removes from parent component OR page

Kind: static method of component-data

Param	Type	Description
store	object
data	Element	el		{el, msg} where el is the component to delete

component-data.removeHeadComponent(store, startNode) ⇒ Promise

remove head components (from page or layout)

Kind: static method of component-data

Param	Type	Description
store	object
startNode	Node	comment with data-uri

component-data.addCreatedComponentsToPageArea(store, newComponents, currentURI, path, replace, number, array, boolean) ⇒ Promise

add components to a page area

Kind: static method of component-data

Param	Type
store	object
newComponents	array
currentURI	string
path	string
replace	boolean
number	index
array	data
boolean	forceRender

component-data.addComponents(store, [currentURI], parentURI, path, [replace], components) ⇒ Promise

add components to a parent component (or page) note: allows multiple components to be added at once note: always creates new instances of the components you're adding note: allows you to replace a specific uri, or add components after it note: if no currentURI passed in, it will add new components to the end (and won't replace anything)

Kind: static method of component-data Returns: Promise - with the last added component's el

Param	Type	Description
store	object
[currentURI]	string	if adding after / replacing a specific component
parentURI	string
path	string
[replace]	boolean	to replace the current URI
components	array	to add (object with name and [data])

component-data.openAddComponent(store, [currentURI], parentURI, path) ⇒ Promise

open the add components pane, or add a new components

Kind: static method of component-data

Param	Type	Description
store	object
[currentURI]	string	if we're inserting after a specific component
parentURI	string
path	string

component-data.componentAdded(store, componentName, uri)

Store the last item added

Kind: static method of component-data

Param	Type
store	object
componentName	string
uri	string

component-data.closeAddComponent(store)

Close the add component

Kind: static method of component-data

Param	Type
store	object

component-data.currentlyRestoring(store, restoring)

open the add components pane, or add a new components

Kind: static method of component-data

Param	Type	Description
store	object
restoring	boolean	if we're currently restoring a page

component-data~logSaveError(uri, e, data, [eventID], [snapshot], store)

log errors when components save and display them to the user

Kind: inner method of component-data

Param	Type
uri	string
e	Error
data	object
[eventID]	string
[snapshot]	boolean
store	object

component-data~revertReject(uri, data, [snapshot], paths, store) ⇒ Promise

re-render (reverting) a component and stop the saving promise chain

Kind: inner method of component-data

Param	Type
uri	string
data	object
[snapshot]	boolean
paths	array
store	object

component-data~clientSave(uri, data, oldData, store, [eventID], [snapshot], paths) ⇒ Promise

save data client-side and queue up api call for the server note: this uses the components' model.js (if it exists) and handlebars template note: server-side saving and/or re-rendering has been removed in kiln v4.x

Kind: inner method of component-data

Param	Type	Description
uri	string
data	object
oldData	object
store	object
[eventID]	string
[snapshot]	boolean	passed through to render
paths	array

component-data~findIndex(data, [uri]) ⇒ number

find the index of a uri in a list this is broken out into a separate function so we don't assume an index of 0 is falsy

Kind: inner method of component-data

Param	Type
data	array
[uri]	string

component-data~addComponentsToComponentList(store, data, [currentURI], parentURI, path, [replace], components) ⇒ Promise

add one or more components to a component list

Kind: inner method of component-data

Param	Type	Description
store	object
data	array	list data
[currentURI]	string	if you want to add after / replace a specific current component
parentURI	string
path	string	of the list
[replace]	boolean	to replace currentURI
components	array	with { name, [data] }

component-data~addComponentsToComponentProp(store, data, parentURI, path, components) ⇒ Promise

replace a single component in another component's property

Kind: inner method of component-data

Param	Type	Description
store	object
data	object
parentURI	string
path	string
components	array	note: it'll only replace using the first thing in this array

component-data~addComponentsToPageArea(store, currentURI, path, replace, components) ⇒ Promise

create components to be added to a page area (i.e. head, main, etc.)

Kind: inner method of component-data

Param	Type
store	object
currentURI	string
path	string
replace	boolean
components	array

decorators

• decorators

  • .unselect(store)

  • .select(store, el)

  • .scrollToComponent(store, el)

  • .navigateComponents(store, direction) ⇒ Promise

  • .unfocus(store) ⇒ Promise

decorators.unselect(store)

unselect currently-selected component

Kind: static method of decorators

Param	Type
store	object

decorators.select(store, el)

select a component

Kind: static method of decorators

Param	Type
store	object
el	element

decorators.scrollToComponent(store, el)

Scroll user to the component. "Weeee!" or "What the?"

Kind: static method of decorators

Param	Type
store	object
el	Element

decorators.navigateComponents(store, direction) ⇒ Promise

navigate to the previous or next component

Kind: static method of decorators

Param	Type	Description
store	object
direction	string	'prev' or 'next'

decorators.unfocus(store) ⇒ Promise

unfocus currently-focused field/group

Kind: static method of decorators

Param	Type
store	object

deep-linking

• deep-linking

  • .parseURLHash(store) ⇒ Promise

  • .setHash(commit, [uri], [path], [initialFocus], [menu])

  • .clearHash(commit)

deep-linking.parseURLHash(store) ⇒ Promise

parse url hash, opening form or clay menu as necessary

Kind: static method of deep-linking

Param	Type
store	object

deep-linking.setHash(commit, [uri], [path], [initialFocus], [menu])

set hash in window and store

Kind: static method of deep-linking

Param	Type
commit	function
[uri]	string
[path]	string
[initialFocus]	string
[menu]	object

deep-linking.clearHash(commit)

clear hash in window and store

Kind: static method of deep-linking

Param	Type
commit	function

drawers

• drawers

  • .closeDrawer(store)

  • .openDrawer(store, nameOrConfig)

drawers.closeDrawer(store)

close drawer without toggling a new drawer

Kind: static method of drawers

Param	Type
store	Object

drawers.openDrawer(store, nameOrConfig)

open drawer

Kind: static method of drawers

Param	Type	Description
store	Object
nameOrConfig	string | object	either just the tab name or a json object for deeper linking

forms

• forms

  • static

    • .updateFormData(store, path, val)

    • .openForm(store, uri, path, [el], [offset], [appendText], [initialFocus], pos)

    • .closeForm(store) ⇒ promise

  • inner

    • ~hasDataChanged(newData, oldData) ⇒ Boolean

forms.updateFormData(store, path, val)

Update form data

Kind: static method of forms

Param	Type
store	object
path	string
val	string | number

forms.openForm(store, uri, path, [el], [offset], [appendText], [initialFocus], pos)

open form

Kind: static method of forms

Param	Type	Description
store	object
uri	string	component uri
path	string	field/form path
[el]	Element	parent element (for inline forms)
[offset]	number	caret offset (for text inputs)
[appendText]	string	text to append (for text inputs, used when splitting/merging components with text fields)
[initialFocus]	string	if focusing on a specific field when opening the form
pos	object	x/y coordinates used to position overlay forms

forms.closeForm(store) ⇒ promise

Close a form

Kind: static method of forms

Param	Type
store	object

forms~hasDataChanged(newData, oldData) ⇒ Boolean

determine if data in form has changed note: convert data to plain objects, since they're reactive

Kind: inner method of forms

Param	Type	Description
newData	object	from form
oldData	object	from store

layout-state

• layout-state

  • .fetchLayoutState(store, [preloadOptions]) ⇒ Promise

  • .updateLayout(store, [data], [preloadOptions]) ⇒ Promise

  • .scheduleLayout(store, timestamp) ⇒ Promise

  • .unscheduleLayout(store, [publishing]) ⇒ Promise

  • .publishLayout(store) ⇒ Promise

layout-state.fetchLayoutState(store, [preloadOptions]) ⇒ Promise

get the list data for a specific layout note: if prefix / uri is specified, this does NOT commit the data (only returns it), allowing the preloader to use it when doing the initial preload of data

Kind: static method of layout-state

Param	Type
store	object
[preloadOptions]	object
[preloadOptions.uri]	string
[preloadOptions.prefix]	string
[preloadOptions.user]	object

layout-state.updateLayout(store, [data], [preloadOptions]) ⇒ Promise

update a layout's title, or just the latest timestamp + user

Kind: static method of layout-state

Param	Type
store	object
[data]	object
[data.title]	string
[preloadOptions]	object

layout-state.scheduleLayout(store, timestamp) ⇒ Promise

schedule the layout and update its index

Kind: static method of layout-state

Param	Type
store	object
timestamp	Date

layout-state.unscheduleLayout(store, [publishing]) ⇒ Promise

unschedule the layout get updated layout state if the call wasn't made during layout publish

Kind: static method of layout-state

Param	Type
store	object
[publishing]	Boolean

layout-state.publishLayout(store) ⇒ Promise

publish layout note: layouts index is updated server-side, including unscheduling the layout if it's currently scheduled also note: this will trigger a fetch of the updated (published) layout state

Kind: static method of layout-state

Param	Type
store	object

lists

nav

nav.openNav(store, nameOrConfig)

open nav tab

Kind: static method of nav

Param	Type	Description
store	object
nameOrConfig	string | object	tab name, or clay menu config openNav sets the ui.currentDrawer vuex variable, this allows drawers (the right slide-in menus) as well as the "nav" (the left slide-in menu) to be deep linked to. The openNav/closeNav are functions are depreciated. Should use the openDrawer/closeDrawer/toggleDrawer actions Just leaving these here in case any legacy plugins are still calling these functions

page-data

• page-data

  • static

    • .savePage(store, data, [snapshot]) ⇒ Promise

    • .createPage(store, id) ⇒ Promise

    • .isPublishing(store, isPublishing)

    • .publishPage(store, uri) ⇒ Promise

    • .unpublishPage(store, uri) ⇒ Promise

    • .schedulePage(store, uri, timestamp) ⇒ Promise

    • .unschedulePage(store, [publishing]) ⇒ Promise

  • inner

    • ~shouldRender(paths) ⇒ boolean

    • ~removeURI(uri, store) ⇒ Promise

page-data.savePage(store, data, [snapshot]) ⇒ Promise

save a page's data, but do not re-render because, uh, that would just be reloading the page

Kind: static method of page-data

Param	Type	Description
store	object
data	*	to save
[snapshot]	boolean	false if we're undoing/redoing

page-data.createPage(store, id) ⇒ Promise

create a new page, then return its editable link

Kind: static method of page-data

Param	Type
store	object
id	string

page-data.isPublishing(store, isPublishing)

set currentlyPublishing in state

Kind: static method of page-data

Param	Type
store	object
isPublishing	boolean

page-data.publishPage(store, uri) ⇒ Promise

manually publish the page

Kind: static method of page-data

Param	Type
store	object
uri	string

page-data.unpublishPage(store, uri) ⇒ Promise

remove uri from /uris/

Kind: static method of page-data

Param	Type
store	object
uri	string

page-data.schedulePage(store, uri, timestamp) ⇒ Promise

schedule the page to publish

Kind: static method of page-data

Param	Type
store	object
uri	string
timestamp	Date

page-data.unschedulePage(store, [publishing]) ⇒ Promise

unschedule the page get updated page state if the call wasn't made during a page publish

Kind: static method of page-data

Param	Type
store	object
[publishing]	Boolean

page-data~shouldRender(paths) ⇒ boolean

iterate through the paths we're saving if one of them ISN'T in the internalPageProps, we should re-render

Kind: inner method of page-data

Param	Type
paths	array

page-data~removeURI(uri, store) ⇒ Promise

remove uri from /uris/

Kind: inner method of page-data

Param	Type
uri	String
store	Object

page-state

• page-state

  • static

    • .updatePageList(store, [data]) ⇒ Promise

    • .getListData(store, uri, [prefix]) ⇒ Promise

  • inner

    • ~sequentialUpdate(prefix, uri, data) ⇒ Promise

page-state.updatePageList(store, [data]) ⇒ Promise

update page list with data provided from pubsub note: if called without data, this just updates the updateTime and user (e.g. when saving components in the page) note: if called with a user, it adds the user (with updateTime) to the page (instead of current user)

Kind: static method of page-state

Param	Type
store	object
[data]	object

page-state.getListData(store, uri, [prefix]) ⇒ Promise

get the list data for a specific page note: if prefix is specified, this does NOT commit the data (only returns it), allowing the preloader to use it when doing the initial preload of data

Kind: static method of page-state

Param	Type	Description
store	object
uri	string
[prefix]	string	passed in when preloading (e.g. if site isn't in store yet)

page-state~sequentialUpdate(prefix, uri, data) ⇒ Promise

run page list updates sequentially, grabbing from the store after each to prevent race conditions

Kind: inner method of page-state

Param	Type
prefix	string
uri	string
data	object

preloader

• preloader

  • ~getComponentModels() ⇒ object

  • ~getComponentKilnjs() ⇒ object

  • ~reduceComponents(result, val) ⇒ obj

  • ~composeLayoutData(layoutSchema, components, original) ⇒ object

  • ~reduceTemplates(result, val, key) ⇒ obj

  • ~getPageStatus(state) ⇒ string

  • ~getSchemas(schemas, kilnjs) ⇒ object

preloader~getComponentModels() ⇒ object

get component models so we can mount them on window.kiln.componentModels if they aren't already mounted (backwards-compatability)

Kind: inner method of preloader

preloader~getComponentKilnjs() ⇒ object

get component kiln files so we can mount them on window.kiln.componentKilnjs

Kind: inner method of preloader

preloader~reduceComponents(result, val) ⇒ obj

extract component data from preloadData obj

Kind: inner method of preloader

Param	Type
result	obj
val	obj

preloader~composeLayoutData(layoutSchema, components, original) ⇒ object

extract layout data from original data

Kind: inner method of preloader

Param	Type	Description
layoutSchema	object	schema for layout
components	object	key/value store of components
original	object	original preloaded data

preloader~reduceTemplates(result, val, key) ⇒ obj

make precompiled hbs templates ready for user

Kind: inner method of preloader

Param	Type
result	obj
val	obj
key	string

preloader~getPageStatus(state) ⇒ string

get string state to pass to progress bar

Kind: inner method of preloader

Param	Type
state	object

preloader~getSchemas(schemas, kilnjs) ⇒ object

run a copy of the schema through its kiln.js file (if it has one)

Kind: inner method of preloader

Param	Type
schemas	object
kilnjs	function

toolbar

• toolbar

  • .startProgress(commit, type)

  • .finishProgress(commit, type)

  • .addAlert(store, config)

  • .removeAlert(store, config)

  • .showSnackbar(store, config)

toolbar.startProgress(commit, type)

start progress bar. if already started, this will cause a slight pause before continuing the progress bar

Kind: static method of toolbar

Param	Type	Description
commit	function
type	string	e.g. 'save' or 'publish'

toolbar.finishProgress(commit, type)

finish the progress bar.

Kind: static method of toolbar

Param	Type	Description
commit	function
type	string	e.g. 'save' or 'publish'

toolbar.addAlert(store, config)

add alert to the array

Kind: static method of toolbar

Param	Type	Description
store	object
config	string | object	the text of the alert (for info), or an object with { type, text }

toolbar.removeAlert(store, config)

remove an alert from the array, specifying the index

Kind: static method of toolbar

Param	Type	Description
store	object
config	number | object	index or an equivalent config object

toolbar.showSnackbar(store, config)

trigger a new snackbar. note: this happens imperatively (toolbar handles the actual creation, by watching this value) note: if you want the snackbar to have an action, pass in both action (the text of the button) and onActionClick (a reference to the function you want invoked)

Kind: static method of toolbar

Param	Type	Description
store	object
config	string | object	message or full config object

undo

• undo

  • static

    • .createSnapshot(store)

    • .setFixedPoint(store)

    • .undo(store)

    • .redo(store)

  • inner

    • ~getChangedComponents(current, compare) ⇒ object

    • ~saveChangedComponents(changedComponents, store)

undo.createSnapshot(store)

create snapshot. called from the plugin listening to batched renders

Kind: static method of undo

Param	Type
store	object

undo.setFixedPoint(store)

"You're a fixed point in time and space. You're a fact. That's never meant to happen." when doing a manual save from some point in history, we need to remove snapshots after that point (to preserve the expected undo functionality)

Kind: static method of undo

Param	Type
store	object

undo.undo(store)

undo: sets cursor back one, re-saves affected components with old data

Kind: static method of undo

Param	Type
store	object

undo.redo(store)

redo: sets cursor forward one, re-saves affected components with new data

Kind: static method of undo

Param	Type
store	object

undo~getChangedComponents(current, compare) ⇒ object

get changed components, used by undo and redo

Kind: inner method of undo

Param	Type	Description
current	object
compare	object	(prev/next components object)

undo~saveChangedComponents(changedComponents, store)

render multiple components at once

Kind: inner method of undo

Param	Type
changedComponents	object
store	object

validators

• validators

  • static

    • .runMetaValidator(metadata) ⇒ function

    • .runMetaValidators(uri, errorValidators, warningValidators) ⇒ Promise

    • .runKilnjsValidators(schemas, components) ⇒ array

    • .getSchemasWithValidationRules(schemas) ⇒ object

    • .isMetadataError(scope, type) ⇒ boolean

    • .isMetadataWarning(scope, type) ⇒ boolean

    • .isGlobalMetadataError(validator) ⇒ boolean

    • .isGlobalMetadataWarning(validator) ⇒ boolean

    • .isSpecificMetadataWarning(validator, pageUri) ⇒ boolean

    • .isSpecificMetadataError(validator, pageUri) ⇒ boolean

    • .validate(store) ⇒ Promise

  • inner

    • ~isComponentInPageHeadList(uri, state) ⇒ Boolean

    • ~runValidator(state) ⇒ function

    • ~runValidators(validators, state) ⇒ Promise

    • ~hasItems(error) ⇒ Boolean

    • ~validKilnjsValidator(validators, validationRule) ⇒ boolean

    • ~getKilnJsFieldAndValue(validationRule, component) ⇒ object

    • ~getKilnJsError(validationError, errorItem, errors) ⇒ array

validators.runMetaValidator(metadata) ⇒ function

run an metadata validator. if it returns items, add the label and description and items

Kind: static method of validators

Param	Type
metadata	object

validators.runMetaValidators(uri, errorValidators, warningValidators) ⇒ Promise

run a list of validators using page metadata

Kind: static method of validators

Param	Type	Description
uri	uri	page uri
errorValidators	array	validators for errors
warningValidators	array	validators for warnings

validators.runKilnjsValidators(schemas, components) ⇒ array

Run the kilnjsValidators

Kind: static method of validators

Param	Type
schemas	object
components	object

validators.getSchemasWithValidationRules(schemas) ⇒ object

Get the schemas that have a validation property

Kind: static method of validators

Param	Type
schemas	object

validators.isMetadataError(scope, type) ⇒ boolean

Check whether is a metadata error

Kind: static method of validators

Param	Type
scope	string
type	string

validators.isMetadataWarning(scope, type) ⇒ boolean

Check whether is a metadata warning

Kind: static method of validators

Param	Type
scope	string
type	string

validators.isGlobalMetadataError(validator) ⇒ boolean

Check whether is a metadata error

Kind: static method of validators

Param	Type
validator	object
validator.scope	string
validator.type	string
validator.uri	string

validators.isGlobalMetadataWarning(validator) ⇒ boolean

Check whether is a metadata error

Kind: static method of validators

Param	Type
validator	object
validator.scope	string
validator.type	string
validator.uri	string

validators.isSpecificMetadataWarning(validator, pageUri) ⇒ boolean

Check whether is a metadata warning for specific page

Kind: static method of validators

Param	Type
validator	object
validator.scope	string
validator.type	string
validator.uri	string
pageUri	string

validators.isSpecificMetadataError(validator, pageUri) ⇒ boolean

Check whether is a metadata error for specific page

Kind: static method of validators

Param	Type
validator	object
validator.scope	string
validator.type	string
validator.uri	string
pageUri	string

validators.validate(store) ⇒ Promise

trigger validation

Kind: static method of validators

Param	Type
store	object

validators~isComponentInPageHeadList(uri, state) ⇒ Boolean

determine if a component is in a page-specific head list

Kind: inner method of validators

Param	Type
uri	string
state	object

validators~runValidator(state) ⇒ function

run an individual validator. if it returns items, add the label and description

Kind: inner method of validators

Param	Type
state	object

validators~runValidators(validators, state) ⇒ Promise

run a list of validators

Kind: inner method of validators

Param	Type
validators	array
state	object

validators~hasItems(error) ⇒ Boolean

make sure that all errors have items that can display. some may have been parsed out by the isActive check in runValidator, above

Kind: inner method of validators

Param	Type
error	object

validators~validKilnjsValidator(validators, validationRule) ⇒ boolean

Check if the validationRule has the correct properties to run validation with

Kind: inner method of validators

Param	Type
validators	object
validationRule	object

validators~getKilnJsFieldAndValue(validationRule, component) ⇒ object

Get the inputs from a validationRule, either as a string or as an array the fieldName is the name of the input that will have the focus when the user clicks to that error from the Health Tab the value is what will be tested by the rule

Kind: inner method of validators

Param	Type
validationRule	object
component	object

validators~getKilnJsError(validationError, errorItem, errors) ⇒ array

Add error to Errors, either as a completely new error, or as an entry in an existing error

Kind: inner method of validators

Param	Type
validationError	object
errorItem	object
errors	array

isPageSpecific(uri, store) ⇒ boolean

is uri page spectific

Kind: global function

Param	Type
uri	string
store	object