The studio is a web-based console that allows you to maintain and update every part of our website running on triki. All aspects of your site can be accessed and manipulated to add, tweak and refine your site. The studio page is responsive, so pages can be updated from a mobile phone.
Everything about triki is designed to be a simple and elegant as possible, which is exemplified by the studio interface. It provides the following key functions:
That's it. Here is how each one works.
Search
No big surprise here, this allows your to type text which is then auto-searched within the graph database to return matching nodes. Once at least three characters have been entered, the matching nodes will be returned in the dropdown list. The required node can then be clicked and it will show the properties of that page.
The search always matches on the title of the page, hence every node added must have a title. This feature means you never need to remember the full name of specific pages or documents, you can just start typing and find it that way.
Add Node
To create new node, some mandatory information is required. First the node must have a prefix which will define the URL prefix for the web page as well. Then it needs a name. After this it is possible to add as many properties as required using the dynamic node editor. Each property definition consists of two parts - the name of the property and the value. The value can either be plain text, or another node in your graph which is found via the same search functionality.
When adding a new node, there are three mandatory fiels:
- type - to control which template is used for rendering
- restricted - to control who can view the page
- title - to give the page a sensible name for reference
Beyond this, there are other default properties that can be added:
- include - define a Markdown file to incude with page content
- thumbnail - define a thumbnail related to the node
- description - a more details summary of the page
And many more.
The same page used to add node is also used to Edit, Clone, Delete or Render an existing node.
Upload
Web pages are made up of a mixture of files, that together the browser interprets to render the final page view. The actual page itself is of course an HTML file which triki will render via the core module which will find the related node and generate the HTML page.
All the other elements like CSS stylesheets, Javascript, GIFs, SVG files and anything else for that matter is also published via triki. These documents are uploaded to triki and are themselves nodes in the graph database. triki has a special content resource which will return the document given the correct URL.
For example, if a file called icon.svg is uploaded, it will be accessible thereafter via the URL /content/icon.svg.
If content is contains text, like Markdown or Javascript or CSS, then there is a special Content button available in the node editor in the studio, where the content can be edited and saved will immediate effect on the website.
This allows for an interative approach to building out pages.
Configuration
Finally there is a configuration section, where all required node types used by triki internally can be administered. In reality, this page is just a list of special links to the node graph that shows incoming (to an object) references to a node. Editting a configuration node is just the same as editing any other node.
The following configuration types are available:
- Prefixes - Web URL prefixes for adding pages
- Types - StringTemplate types that will be found in your template file
- Properties - Properties that a node can have, and triki can then render
- Users - Web site users
- Groups - Web site groups for permissioning access
- Media Types - List of known media types to allow triki to correcty return different content types
- Settings - Generic single value settings that different modules require
- Identify Providers - OAuth identity providers that triki can integrate with
