coralite 0.3.0 → 0.4.1

package/.github/workflows/test-e2e.yml

@@ -0,0 +1,45 @@
+name: Test e2e
+
+on:
+  - push
+  - pull_request
+
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+
+    - uses: pnpm/action-setup@v4
+      name: Install pnpm
+      with:
+        version: 9
+        run_install: false
+
+    - name: Install Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 22
+        cache: "pnpm"
+
+    - name: Install dependencies
+      run: pnpm install
+
+    - name: Build HTML from templates
+      run: pnpm run html
+
+    - name: Install Playwright Browser
+      run: pnpm exec playwright install firefox --with-deps
+
+    - name: Run Playwright tests
+      run: pnpm exec playwright test
+
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

package/README.md

@@ -23,6 +23,19 @@ yarn add -D coralite
 pnpm add -D coralite
 ```
 
+## Requirements
+
+Coralite uses **ECMAScript Modules** which requires to run Node.js with the **`--experimental-vm-modules`** option enabled.
+
+```bash
+node --experimental-vm-modules node_modules/coralite/bin/coralite.js [options]
+```
+or using NODE_OPTIONS
+
+```bash
+NODE_OPTIONS=--experimental-vm-modules coralite [options]
+```
+
 ## Basic Syntax
 
 Coralite is executed using the following command:
@@ -37,14 +50,14 @@ Replace `[options]` with the desired flags and arguments.
 
 To generate a website using Coralite, you must provide three essential options:
 
-- **-c or --components**: The path to your components directory containing reusable UI elements (e.g., `-c ./src/components`).
+- **-c or --templates**: The path to your templates directory containing reusable UI elements (e.g., `-c ./src/templates`).
 - **-p or --pages**: The path to your pages directory where static HTML files reside (e.g., `-p ./src/pages`).
 - **--output or -o**: The output directory for the generated site (e.g., `--output ./dist`).
 
 Here's an example of how these options might look:
 
 ```bash
-coralite --components ./src/components --pages ./src/pages --output ./dist
+coralite --templates ./src/templates --pages ./src/pages --output ./dist
 ```
 
 ## Optional Options
@@ -54,5 +67,5 @@ coralite --components ./src/components --pages ./src/pages --output ./dist
 Run the CLI in dry-run mode to preview the actions that would be performed without actually generating the website. This is useful for debugging or when you want to check potential issues before committing changes:
 
 ```bash
-coralite --components ./src/components --pages ./src/pages --output ./dist --dry
+coralite --templates ./src/templates --pages ./src/pages --output ./dist --dry
 ```

package/bin/coralite.js

@@ -17,7 +17,7 @@ program
   .name(pkg.name)
   .description(pkg.description)
   .version(pkg.version)
-  .requiredOption('-c, --components <path>', 'Path to components directory')
+  .requiredOption('-t, --templates <path>', 'Path to templates directory')
   .requiredOption('-p, --pages <path>', 'Path to pages directory')
   .requiredOption('-o, --output <path>', 'Output directory for the generated site')
   .option('-d, --dry', 'Run in dry-run mode')
@@ -28,13 +28,13 @@ program.on('error', (err) => {
 })
 
 const options = program.opts()
-const componentsPath = options.components
+const templatesPath = options.templates
 const pagesPath = options.pages
 const outputDir = options.output
 const dryRun = options.dry
 
-const htmlComponents = await getHTML({
-  path: componentsPath,
+const htmlTemplates = await getHTML({
+  path: templatesPath,
   recursive: true
 })
 const htmlPages = await getHTML({
@@ -45,9 +45,9 @@ const htmlPages = await getHTML({
 /** @type {Object.<string, CoraliteModule>} */
 const coraliteModules = {}
 
-// create components
-for (let i = 0; i < htmlComponents.length; i++) {
-  const html = htmlComponents[i]
+// create templates
+for (let i = 0; i < htmlTemplates.length; i++) {
+  const html = htmlTemplates[i]
   const coraliteModule = parseModule(html.content)
 
   coraliteModules[coraliteModule.id] = coraliteModule
@@ -57,7 +57,7 @@ for (let i = 0; i < htmlPages.length; i++) {
   const html = htmlPages[i]
   const document = parseHTMLDocument(html, {
     pages: pagesPath,
-    components: componentsPath
+    templates: templatesPath
   })
 
   for (let i = 0; i < document.customElements.length; i++) {
@@ -70,9 +70,13 @@ for (let i = 0; i < htmlPages.length; i++) {
       document
     })
 
-    // replace custom element with component
-    customElement.parent.children.splice(customElement.parentChildIndex, 1, ...component.children)
-    component.parent = customElement.parent
+    for (let i = 0; i < component.children.length; i++) {
+      // update component parent
+      component.children[i].parent = customElement.parent
+    }
+    const index = customElement.parent.children.indexOf(customElement, customElement.parentChildIndex)
+    // replace custom element with template
+    customElement.parent.children.splice(index, 1, ...component.children)
   }
 
   // render document

package/eslint.config.js

@@ -0,0 +1,116 @@
+import stylisticJs from '@stylistic/eslint-plugin-js'
+import stylisticPlus from '@stylistic/eslint-plugin-plus'
+
+export default [
+  {
+    plugins: {
+      '@stylistic/js': stylisticJs,
+      '@stylistic/plus': stylisticPlus
+    },
+    rules: {
+      '@stylistic/plus/curly-newline': ['error', 'always'],
+      '@stylistic/js/indent': [
+        'error', 2, {
+          SwitchCase: 1,
+          VariableDeclarator: 1,
+          outerIIFEBody: 1,
+          MemberExpression: 1,
+          FunctionExpression: {
+            body: 1,
+            parameters: 1
+          },
+          CallExpression: {
+            arguments: 1
+          },
+          ArrayExpression: 1,
+          ObjectExpression: 1,
+          ImportDeclaration: 1,
+          flatTernaryExpressions: true,
+          ignoreComments: false
+        }
+      ],
+      '@stylistic/js/object-curly-spacing': ['error', 'always'],
+      '@stylistic/js/object-property-newline': 'error',
+      '@stylistic/js/object-curly-newline': ['error', {
+        ObjectExpression: {
+          multiline: true,
+          consistent: true
+        },
+        ObjectPattern: {
+          multiline: true,
+          consistent: true
+        },
+        ImportDeclaration: {
+          multiline: true,
+          consistent: true
+        },
+        ExportDeclaration: {
+          multiline: true,
+          consistent: true
+        }
+      }],
+      '@stylistic/js/quote-props': ['error', 'as-needed'],
+      '@stylistic/js/space-before-function-paren': ['error', 'always'],
+      '@stylistic/js/function-call-spacing': ['error', 'never'],
+      '@stylistic/js/implicit-arrow-linebreak': ['error', 'beside'],
+      '@stylistic/js/eol-last': ['error', 'always'],
+      '@stylistic/js/brace-style': [
+        'error', '1tbs', {
+          allowSingleLine: false
+        }
+      ],
+      '@stylistic/js/semi': ['error', 'never'],
+      '@stylistic/js/quotes': [
+        'error', 'single', {
+          avoidEscape: true,
+          allowTemplateLiterals: true
+        }
+      ],
+      '@stylistic/js/comma-dangle': ['error', 'never'],
+      '@stylistic/js/comma-spacing': [
+        'error', {
+          before: false,
+          after: true
+        }
+      ],
+      '@stylistic/js/comma-style': ['error', 'last'],
+      '@stylistic/js/array-bracket-spacing': ['error', 'never'],
+      '@stylistic/js/array-bracket-newline': ['error', 'consistent'],
+      '@stylistic/js/array-element-newline': ['error', 'consistent'],
+      '@stylistic/js/computed-property-spacing': ['error', 'never'],
+      '@stylistic/js/no-mixed-operators': [
+        'error',
+        {
+          groups: [
+            [
+              '+', '-', '*', '/', '%', '**'
+            ],
+            [
+              '&', '|', '^', '~', '<<', '>>', '>>>'
+            ],
+            [
+              '==', '!=', '===', '!==', '>', '>=', '<', '<='
+            ],
+            ['&&', '||'],
+            ['in', 'instanceof']
+          ],
+          allowSamePrecedence: false
+        }
+      ],
+      '@stylistic/js/key-spacing': [
+        'error', {
+          mode: 'strict'
+        }
+      ],
+      '@stylistic/js/no-trailing-spaces': 'error',
+      '@stylistic/js/no-multi-spaces': 'error',
+      '@stylistic/js/no-confusing-arrow': 'error'
+    }
+  },
+  {
+    ignores: [
+      '**/dist/',
+      '**/.history/'
+    ]
+  }
+]

package/lib/html-module.js

@@ -3,7 +3,7 @@ import getHTML from './get-html.js'
 import { createComponent, parseHTMLMeta } from './parse.js'
 
 /**
- * @import { CoraliteTokenOptions, CoraliteModule, CoraliteDocument } from '#types'
+ * @import { CoraliteTokenOptions, CoraliteModule, CoraliteDocument, CoraliteModuleValues } from '#types'
  */
 
 /**
@@ -14,7 +14,7 @@ import { createComponent, parseHTMLMeta } from './parse.js'
  * @param {string} options.componentId - Unique identifier for the component
  * @param {boolean} [options.recursive] - Whether to recursively search subdirectories
  * @param {CoraliteTokenOptions} [options.tokens] - Token configuration options
- * @param {Object.<string, string>} values - Default token values
+ * @param {CoraliteModuleValues} values - Default token values
  * @param {Object.<string, CoraliteModule>} components - Available components library
  * @param {CoraliteDocument} document - Current document being processed
  *

package/lib/parse.js

@@ -16,7 +16,8 @@ import { invalidCustomTags, validTags } from './tags.js'
  *  CoraliteModuleSlotElement,
  *  CoraliteDocumentTokens,
  *  CoraliteDocumentRoot,
- *  CoraliteAnyNode,
+ *  CoraliteContentNode,
+ *  CoraliteModuleValues,
  * } from '#types'
  */
 
@@ -42,7 +43,7 @@ const customElementTagTokenRegExp = /^[^-].*[-._a-z0-9\u00B7\u00C0-\u00D6\u00D8-
  *
  * const path = {
  *   pages: 'path/to/pages',
- *   components: 'path/to/components'
+ *   templates: 'path/to/templates'
  * };
  *
  * const document = parseHTMLDocument(html, path);
@@ -57,6 +58,7 @@ export function parseHTMLDocument (html, path) {
     children: []
   }
   // stack to keep track of current element hierarchy
+  /** @type {CoraliteContentNode[]} */
   const stack = [root]
   const customElements = []
 
@@ -69,22 +71,28 @@ export function parseHTMLDocument (html, path) {
       })
     },
     onopentag (originalName, attributes) {
-      createElement(originalName, attributes, customElements, stack)
+      const parent = stack[stack.length - 1]
+      const element = createElement(originalName, attributes, customElements, parent)
+
+      // push element to stack as it may have children
+      stack.push(element)
     },
     ontext (text) {
-      if (text.trim()) {
-        createTextNode(text, stack)
-      }
+      const parent = stack[stack.length - 1]
+
+      createTextNode(text, parent)
     },
     onclosetag () {
       // remove current element from stack as we're done with its children
       stack.pop()
     },
     oncomment (data) {
-      stack[stack.length - 1].children.push({
+      const parent = stack[stack.length - 1]
+
+      parent.children.push({
         type: 'comment',
         data,
-        parent: stack[stack.length - 1]
+        parent
       })
     }
   })
@@ -129,7 +137,7 @@ export function parseHTMLDocument (html, path) {
  * @returns {Object.<string, CoraliteToken[]>}
  *
  * @example
- * ```javascript
+ * ```
  * // Example usage:
  * const html = `<meta name="title" content="Finding Nemo">`;
  * const meta = parseHTMLMeta(html);
@@ -222,6 +230,7 @@ export function parseModule (string) {
     children: []
   }
   // stack to keep track of current element hierarchy
+  /** @type {CoraliteContentNode[]} */
   const stack = [root]
   const customElements = []
   /** @type {Object.<string, Object.<string,CoraliteModuleSlotElement>>} */
@@ -236,9 +245,13 @@ export function parseModule (string) {
 
   const parser = new Parser({
     onopentag (originalName, attributes) {
-      const element = createElement(originalName, attributes, customElements, stack)
+      const parent = stack[stack.length -1]
+      const element = createElement(originalName, attributes, customElements, parent)
       const attributeNames = Object.keys(attributes)
 
+      // push element to stack as it may have children
+      stack.push(element)
+
       // collect tokens
       if (attributeNames.length) {
         for (let i = 0; i < attributeNames.length; i++) {
@@ -300,8 +313,10 @@ export function parseModule (string) {
       }
     },
     ontext (text) {
+      const parent = stack[stack.length - 1]
+      const textNode = createTextNode(text, parent)
+
       if (text.trim()) {
-        const textNode = createTextNode(text, stack)
         const tokens = getTokensFromString(text)
 
         // store tokens
@@ -340,23 +355,26 @@ export function parseModule (string) {
   for (let i = 0; i < root.children.length; i++) {
     const node = root.children[i]
 
-    if (node.type === 'text') {
-      continue
-    }
+    if (node.type === 'tag') {
+      if (node.name === 'template') {
+        if (template) {
+          throw new Error('One template element is permitted')
+        }
 
-    if (node.name === 'template') {
-      if (template) {
-        throw new Error('One template element is permitted')
-      }
+        template = node
 
-      template = node
+      } else if (node.name == 'script') {
+        if (node.attribs.type !== 'module') {
+          throw new Error('Script tag must contain the `type="module"` attribute')
+        }
+        const scriptString = node.children[0]
 
-    } else if (node.name == 'script') {
-      if (node.attribs.type !== 'module') {
-        throw new Error('Script tag must contain the `type="module"` attribute')
-      }
+        if (scriptString.type !== 'text') {
+          throw new Error('Script tag must contain text')
+        }
 
-      script = node.children[0].data
+        script = scriptString.data
+      }
     }
   }
 
@@ -377,10 +395,9 @@ export function parseModule (string) {
 /**
  * @param {Object} options
  * @param {string} options.id - id - Unique identifier for the component
- * @param {Object.<string, (string | (CoraliteTextNode | CoraliteElement)[])>} options.values - Token values available for replacement
- * @param {Object.<string, CoraliteModuleSlotElement[]>} [options.customElementSlots = {}] - Custom slots and their configurations for the component
+ * @param {CoraliteModuleValues} options.values - Token values available for replacement
  * @param {Object.<string, CoraliteModule>} options.components - Mapping of component IDs to their module definitions
- * @param {CoraliteElement} options.element - Mapping of component IDs to their module definitions
+ * @param {CoraliteElement} [options.element] - Mapping of component IDs to their module definitions
  * @param {CoraliteDocument} options.document - Current document being processed
  * @returns {Promise<CoraliteElement>}
  *
@@ -392,11 +409,6 @@ export function parseModule (string) {
  *   values: {
  *     'some-token': 'value-for-token'
  *   },
- *   customElementSlots: {
- *     'slot-name': [
- *       { name: 'sub-slot', element: 'p' }
- *     ]
- *   },
  *   components: {
  *     'my-component': {
  *       id: 'my-component',
@@ -450,8 +462,10 @@ export async function createComponent ({
         }
       }
 
-      // replace token with value
-      item.element.attribs[item.name] = item.element.attribs[item.name].replace(token.content, value)
+      if (typeof value === 'string') {
+        // replace token with value
+        item.element.attribs[item.name] = item.element.attribs[item.name].replace(token.content, value)
+      }
     }
   }
 
@@ -478,8 +492,10 @@ export async function createComponent ({
         }
       }
 
-      // replace token with value
-      item.textNode.data = item.textNode.data.replace(token.content, value)
+      if (typeof value === 'string') {
+        // replace token with value
+        item.textNode.data = item.textNode.data.replace(token.content, value)
+      }
     }
   }
 
@@ -494,9 +510,13 @@ export async function createComponent ({
       const node = computedToken.node
       const value = values[computedToken.name]
 
-      if (computedToken.type === 'attribute') {
+      if (
+        computedToken.type === 'attribute'
+        && node.type === 'tag'
+        && typeof value === 'string'
+      ) {
         node.attribs[computedToken.attribute] = node.attribs[computedToken.attribute].replace(computedToken.content, value)
-      } else {
+      } else if (node.type === 'text') {
         if (Array.isArray(value)) {
           // inject nodes
           const textSplit = node.data.split(computedToken.content)
@@ -597,7 +617,7 @@ export async function createComponent ({
  * Parses a Coralite module script and compiles it into JavaScript.
  *
  * @param {CoraliteModule} component - The Coralite module to parse
- * @param {Object.<string, string>} values - Replacement tokens for the component
+ * @param {CoraliteModuleValues} values - Replacement tokens for the component
  * @param {Object.<string, CoraliteModule>} components - Mapping of other components that might be referenced
  * @param {CoraliteDocument} document - The current document being processed
  * @returns {Promise<Object.<string,(string|(CoraliteElement|CoraliteTextNode)[])>>}
@@ -746,11 +766,10 @@ function addMetadata (meta, name, content) {
  * @param {string} name
  * @param {Object.<string, string>} attributes
  * @param {CoraliteElement[]} customElements
- * @param {CoraliteAnyNode[]} stack
+ * @param {CoraliteElement | CoraliteDocumentRoot} parent
  */
-function createElement (name, attributes, customElements, stack) {
+function createElement (name, attributes, customElements, parent) {
   const sanitisedName = name.toLowerCase()
-  const parent = stack[stack.length - 1]
 
   /** @type {CoraliteElement} */
   const element = {
@@ -779,28 +798,27 @@ function createElement (name, attributes, customElements, stack) {
   // add element to its parent's children
   parent.children.push(element)
 
-  // push element to stack as it may have children
-  stack.push(element)
-
   return element
 }
 
 /**
- * @param {string} text
- * @param {CoraliteElement[]} stack
+ * @param {string} data - The text content to create a text node
+ * @param {CoraliteElement | CoraliteDocumentRoot} parent - parent node
  * @returns {CoraliteTextNode}
+ *
+ * @example
+ * const textNode = createTextNode('Hello World', parentNode);
  */
-function createTextNode (text, stack) {
-  // store if contains data
-  const parentIndex = stack.length - 1
+function createTextNode (data, parent) {
+  /** @type {CoraliteTextNode} */
   const textNode = {
     type: 'text',
-    data: text,
-    parent: stack[parentIndex]
+    data,
+    parent
   }
 
-  stack[parentIndex].children.push(textNode)
+  // @ts-ignore
+  parent.children.push(textNode)
 
   return textNode
 }
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coralite",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "HTML modules static site generator",
   "main": "./lib/coralite.js",
   "type": "module",
@@ -28,7 +28,11 @@
     "format": "eslint --cache --fix .",
     "lint": "eslint --cache .",
     "test-unit": "node --test test/lib/*",
-    "semantic-release": "semantic-release"
+    "test-e2e": "playwright test",
+    "test-e2e-report": "playwright show-report",
+    "test-e2e-ui": "playwright test --ui",
+    "html": "node --experimental-vm-modules bin/coralite.js -t tests/fixtures/templates -p tests/fixtures/pages -o dist",
+    "server": "sirv dist --dev --port 3000"
   },
   "bin": "bin/coralite.js",
   "imports": {
@@ -42,9 +46,11 @@
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
+    "@playwright/test": "^1.50.0",
     "@stylistic/eslint-plugin-js": "^2.12.1",
     "@stylistic/eslint-plugin-plus": "^2.12.1",
-    "@types/node": "^22.10.5"
+    "@types/node": "^22.10.5",
+    "sirv-cli": "^3.0.0"
   },
   "engines": {
     "node": ">=18"

package/playwright.config.js

@@ -0,0 +1,52 @@
+// @ts-check
+import { defineConfig, devices } from '@playwright/test'
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+  testDir: './tests/e2e',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:3000',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry'
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] }
+    }
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'pnpm run server',
+    url: 'http://localhost:3000',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120000
+  }
+})
+

package/tests/e2e/index.spec.js

@@ -0,0 +1,30 @@
+import { test, expect } from '@playwright/test'
+
+test('has title', async ({ page }) => {
+  await page.goto('/')
+
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle(/Home page/)
+})
+
+test('has compiled coralite-header custom element', async ({ page }) => {
+  await page.goto('/')
+
+  // Check if the custom coralite-header element exists and contains the expected text
+  await expect(page.locator('body')).toMatchAriaSnapshot(`
+    - text: Hello
+    - banner: This is the mighty header
+    - text: world
+  `)
+})
+
+test('', async ({ page }) => {
+  await page.goto('/about.html')
+
+  await expect(page.locator('body')).toMatchAriaSnapshot(`
+    - text: Hello
+    - banner: This is the mighty header
+    - text: world
+  `)
+})
+

package/tests/fixtures/pages/about.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="title" content="About">
+    <title>About</title>
+  </head>
+  <body>
+    <coralite-layout>
+      test
+    </coralite-layout>
+  </body>
+</html>

package/tests/fixtures/pages/blog/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Blog posts</title>
+  <coralite-head>
+    <meta slot="meta" name="name" content="coralite">
+    <meta slot="meta" name="description" content="look mum, no database!">
+    <span>default slot</span>
+    <span>default slot</span>
+  </coralite-head>
+</head>
+<body>
+  Hello
+
+  <coralite-header></coralite-header>
+  <coralite-posts path="blog"></coralite-posts>
+  world
+</body>
+</html>

package/tests/fixtures/pages/blog/post-1.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <meta name="title" content="Post 1">
+  <meta name="author" content="Nemo">
+  <meta name="image" content="image.png">
+  <meta name="image_alt" content="Photo of a cat">
+  <meta name="description" content="short description">
+  <meta name="published_time" content="2025-01-08T20:23:07.645Z">
+</head>
+<body>
+  Hello
+
+  <coralite-header></coralite-header>
+  <coralite-author name="Nemo" datetime="2025-01-08T20:23:07.645Z"></coralite-author>
+
+  world
+</body>
+</html>

package/tests/fixtures/pages/blog/post-2.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+  <meta name="title" content="Post 2">
+  <meta name="author" content="Nemo">
+  <meta name="image" content="image.png">
+  <meta name="image_alt" content="Photo of a dog">
+  <meta name="description" content="short description">
+  <meta name="published_time" content="2025-01-09T20:23:07.645Z">
+</head>
+<body>
+  <coralite-header></coralite-header>
+  <coralite-author name="Nemo" datetime="2025-01-08T20:23:07.645Z"></coralite-author>
+</body>
+</html>

package/tests/fixtures/pages/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Home page</title>
+</head>
+<body>
+  Hello
+
+  <coralite-header></coralite-header>
+
+  world
+</body>
+</html>

package/tests/fixtures/templates/components/author.html

@@ -0,0 +1,24 @@
+<template id="coralite-author">
+  <span>{{ name }}</span>
+  <time datetime="{{ datetime }}">
+    {{ localeDate }}
+  </time>
+</template>
+
+<script type="module">
+  import { defineComponent, tokens } from 'coralite'
+
+  export default defineComponent({
+    id: 'coralite-author',
+    tokens: {
+      localeDate () {
+        return new Date(tokens.datetime).toLocaleDateString('en-AU', {
+          weekday: 'short',
+          year: '2-digit',
+          month: 'short',
+          day: 'numeric'
+        })
+      }
+    }
+  })
+</script>

package/tests/fixtures/templates/components/head.html

@@ -0,0 +1,7 @@
+<template id="coralite-head">
+  <slot name="meta">default meta</slot>
+  <slot name="css">default css</slot>
+  <slot name="script">default script</slot>
+  <slot name="empty"></slot>
+  <slot>default value</slot>
+</template>

package/tests/fixtures/templates/components/header.html

@@ -0,0 +1,5 @@
+<template id="coralite-header">
+  <header>
+    This is the mighty header
+  </header>
+</template>

package/tests/fixtures/templates/components/post.html

@@ -0,0 +1,7 @@
+<template id="coralite-post">
+  <h2>{{ title }}</h2>
+  <coralite-author name="{{ author }}" datetime="{{ published_time }}"></coralite-author>
+  <img src="{{ image }}" alt="{{ image_alt }}">
+  {{ description }}
+  <coralite-header></coralite-header>
+</template>

package/tests/fixtures/templates/components/posts.html

@@ -0,0 +1,29 @@
+<template id="coralite-posts">
+  {{ posts }}
+</template>
+
+<script type="module">
+  import { defineComponent, tokens, aggregate } from 'coralite'
+
+  export default defineComponent({
+    id: 'coralite-posts',
+    tokens: {
+      posts () {
+        return aggregate({
+          path: tokens.path,
+          componentId: 'coralite-post',
+          pages: 10,
+          sortBy: 'published_time',
+          tokens: {
+            aliases: {
+              datetime: ['published_time']
+            },
+            values: {
+              image: 'default.png'
+            }
+          }
+        })
+      }
+    }
+  })
+</script>

package/tests/fixtures/templates/components/title.html

@@ -0,0 +1,3 @@
+<template id="coralite-title">
+  <h1>{{ title }}</h1>
+</template>

package/tests/fixtures/templates/layouts/layout.html

@@ -0,0 +1,5 @@
+<template id="coralite-layout">
+  <div>
+    <slot></slot>
+  </div>
+</template>

package/tests/lib/coralite.spec.js

@@ -0,0 +1,27 @@
+import { deepStrictEqual, strictEqual } from 'node:assert'
+import { describe, it } from 'node:test'
+import { getTokensFromString } from '#lib'
+
+describe('Get tokens from string', function () {
+  it('should extract name token', function () {
+    const string = `<template id="template1">Hello {{ name }}! Wassup? <code>import { red } from 'lib.js'</code></template>`
+    const tokens = getTokensFromString(string)
+
+    strictEqual(tokens.length, 1)
+    deepStrictEqual(tokens[0], {
+      name: 'name',
+      content: '{{ name }}'
+    })
+  })
+
+  it('should extract name token', function () {
+    const string = `<template id="template1">Hello {{ name }}! Wassup? <code>import { red } from 'lib.js'</code></template>`
+    const tokens = getTokensFromString(string)
+
+    strictEqual(tokens.length, 1)
+    deepStrictEqual(tokens[0], {
+      name: 'name',
+      content: '{{ name }}'
+    })
+  })
+})

package/types/index.js

@@ -6,10 +6,10 @@
  */
 
 /**
- * Represents the paths to Coralite pages and components within a project.
+ * Represents the paths to Coralite pages and templates within a project.
  * @typedef {Object} CoralitePath
  * @property {string} pages - The path to the root pages directory
- * @property {string} components - The path to the root components directory
+ * @property {string} templates - The path to the root templates directory
  */
 
 /**
@@ -18,6 +18,9 @@
  * @property {Object.<string, string[]>} [aliases] - Token aliases and their possible values
  */
 
+/**
+ * @typedef {Object.<string, (string | (CoraliteTextNode | CoraliteElement)[])>} CoraliteModuleValues
+ */
 
 /**
  * @typedef {Object} CoraliteModule
@@ -50,9 +53,8 @@
 
 /**
  * @typedef {Object} CoraliteTextNodeToken
- * @property {'text'} type - Type of text node ('text')
- * @property {string} data - Text node raw data
- * @property {CoraliteElement} parent - Parent element of the text node
+ * @property {CoraliteTextNode} textNode - Text node that contains the token
+ * @property {CoraliteToken[]} tokens - Array of associated tokens
  */
 
 /**
@@ -67,8 +69,9 @@
  * @property {string} name - Tag name
  * @property {Object.<string, string>} attribs - Element attributes
  * @property {CoraliteAnyNode[]} children - Child nodes of the element
- * @property {CoraliteElement | CoraliteDocumentRoot} parent - Parent element
+ * @property {CoraliteContentNode} parent - Parent element
  * @property {number} [parentChildIndex] - Position in parent's child list
+ * @property {Object[]} [slots]
  */
 
 
@@ -76,11 +79,20 @@
  * @typedef {Object} CoraliteTextNode
  * @property {'text'} type - Text node type
  * @property {string} data - Additional attributes for the text node
- * @property {CoraliteElement} parent - Parent element of the text node
+ * @property {CoraliteContentNode} parent - Parent element of the text node
+ */
+
+/**
+ * @typedef {Object} CoraliteComment
+ * @property {'comment'} type - Comment type
+ * @property {string} data - Additional attributes for the text node
+ * @property {CoraliteContentNode} parent - Parent element of the text node
  */
 
+
 /**
- * @typedef {CoraliteDirective | CoraliteElement | CoraliteTextNode} CoraliteAnyNode
+ * @typedef {CoraliteElement | CoraliteTextNode | CoraliteComment} CoraliteAnyNode
+ * @typedef {CoraliteElement | CoraliteDocumentRoot} CoraliteContentNode
  */
 
 /**
@@ -100,7 +112,7 @@
 /**
  * @typedef {Object} CoraliteDocumentRoot
  * @property {'root'} type - Node type
- * @property {CoraliteAnyNode[]} children - Document list
+ * @property {(CoraliteAnyNode | CoraliteDirective)[]} children - Document list
  */
 
 /**
@@ -109,6 +121,5 @@
  * @property {string} parentPath - Parent file path
  * @property {CoraliteDocumentRoot} root - Array of elements and text nodes in the document
  * @property {CoraliteElement[]} customElements - Custom elements defined in the document
- * @property {Object.<string, CoraliteSlotElement[]>} customElementSlots - Slots with their respective elements
  * @property {CoralitePath} path - Document's file path
  */

package/website/assets/logo.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="1715.4411"
+     inkscape:cy="-318.90516"
+     inkscape:window-width="2560"
+     inkscape:window-height="1371"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true"><sodipodi:guide
+       position="110.89681,253.6422"
+       orientation="1,0"
+       id="guide1"
+       inkscape:locked="false" /></sodipodi:namedview><defs
+     id="defs1" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><path
+       style="fill:#000000"
+       d="m 298.57278,-42.548343 -1.57193,-0.95101 -8.46667,-4.82686 -8.46666,-4.82685 -7.54063,-4.25358 -7.54062,-4.25357 -9.92188,-5.54313 -9.92187,-5.54312 -0.83747,-0.7842 -0.83748,-0.7842 -0.29184,-1.08381 -0.29184,-1.08381 0.071,-34.349607 0.071,-34.34961 0.45352,-0.82838 0.45352,-0.82838 0.74506,-0.62683 0.74505,-0.62683 3.69622,-2.09811 3.69622,-2.09811 5.29166,-3.03444 5.29167,-3.03444 7.14375,-4.10268 7.14375,-4.10269 4.49791,-2.55913 4.49792,-2.55913 5.82083,-3.39734 5.82084,-3.39733 2.4974,-1.31786 1.40074,-2e-5 c 2.86306,1.50973 6.36082,3.41854 9.45889,5.21825 l 8.3388,4.84409 18.91771,10.78535 18.9177,10.78535 0.84627,0.80042 0.84627,0.80042 0.27821,1.29725 0.27821,1.29724 -0.006,33.91979 -0.006,33.919787 -0.49105,1.05833 -0.49104,1.05833 -0.89221,0.81561 -0.8922,0.8156 -10.05417,5.64853 -10.05417,5.64852 -17.05914,9.7416 -17.05915,9.7416 h -1.47725 -1.47725 z m -10.07626,-28.1711 c -4.18857,-0.51534 -7.77638,-1.17424 -10.84552,-2.53296 -2.92767,-1.2961 -5.36699,-3.24983 -8.06878,-5.47912 -0.94895,-0.89498 -1.34047,-3.57834 0.005,-4.97691 1.34533,-1.39856 3.76756,-1.16911 4.92419,-0.27754 l 4.37699,4.02218 c 3.86085,2.30005 8.30646,2.74342 12.6829,3.2415 1.12639,-0.19663 1.56927,-0.94448 1.32865,-2.24354 -1.88926,-1.88481 -3.92259,-3.6124 -5.93549,-5.3617 -2.95933,-2.86246 -6.11886,-5.27287 -9.85143,-7.02012 -7.50215,-0.56709 -13.13233,-2.0385 -18.58347,-6.33354 -0.63866,-0.58882 -0.58007,-2.610077 0.39438,-3.820617 0.97445,-1.21054 3.30629,-1.58259 4.48868,-0.94795 l 1.79605,1.30939 c 1.9763,1.476157 5.23436,3.310727 7.71354,2.827177 l 0.38902,-0.14928 c -0.2606,-1.02271 -0.97521,-1.785997 -1.54093,-2.645167 -0.51971,-0.82928 -1.27764,-1.60239 -2.1114,-2.20081 -0.83377,-0.59842 -1.64526,-0.90244 -2.5306,-1.25733 -1.85425,-0.84855 -3.2686,-1.87817 -4.85167,-3.70328 -1.58306,-1.82511 -3.05131,-4.5981 -4.30168,-7.08018 -0.75466,-3.36601 2.78893,-5.94414 5.70784,-3.02773 l 1.31327,2.46697 c 0.64344,1.68533 1.69338,2.86145 2.91215,4.12628 l 1.59888,1.65931 c 0.44025,0.17148 0.66734,0.0958 1.08174,-0.0661 0.84942,-1.81566 0.35088,-3.71933 0.0963,-5.60376 -0.0771,-0.72919 0.25197,-2.94957 2.76903,-3.2113 2.51706,-0.26173 4.13752,1.51643 3.83534,5.44163 -0.52005,8.56828 -0.26417,10.4647 2.97336,13.27877 0.74309,0.645897 2.30507,0.527127 2.8468,0.23536 0.54173,-0.29177 2.10712,-2.70109 2.10712,-2.70109 1.21222,-3.1555 1.37903,-10.89808 -0.65124,-12.90162 l -3.04271,-1.78178 -3.0427,-1.78178 c -9.66534,-5.24713 -18.86526,-11.36145 -28.69225,-16.30833 h -0.13983 -0.13984 v 28.70397 28.703977 l 0.99219,0.62357 0.99218,0.62357 4.8948,2.77803 4.89479,2.77804 10.71562,6.04275 10.71563,6.04275 7.40833,4.20767 7.40834,4.20767 0.26458,0.25535 0.26458,0.25534 0.0767,-7.35561 0.0767,-7.35562 c -0.57447,-4.95323 -5.68058,-5.29653 -9.71606,-5.70649 z m 40.98193,6.54806 24.01094,-13.71052 v -28.821247 -28.82126 h -0.15091 -0.15091 l -2.93408,1.62115 -2.93407,1.62114 -2.93429,1.71817 -2.93428,1.71817 -6.48229,3.70518 -6.4823,3.70518 -5.23307,3.04119 -5.23308,3.04118 -0.25377,0.47418 -0.25377,0.47417 c -0.26941,4.96868 -1.09667,9.64087 -3.47683,14.07358 -1.69223,3.712857 -5.30682,5.714467 -8.70147,7.705777 l -0.54736,1.02276 0.1514,5.10296 1.45693,1.08607 c 5.67445,-2.83566 1.54564,-1.93404 13.38272,-9.83269 3.07431,-2.97393 4.88489,-6.766477 5.93014,-10.879157 v -10.37529 c 0.13391,-1.41756 1.94903,-2.7093 3.40012,-2.69712 1.06101,0.009 3.43024,1.04801 3.22824,3.03314 l -0.34835,5.38821 0.90433,0.75053 c 3.33504,-1.51403 4.69062,-5.0797 6.26629,-8.16827 0.97075,-1.53729 2.7696,-1.71246 3.80687,-1.24363 1.04653,0.47303 2.57757,1.58139 2.12235,3.72429 -1.46348,3.32572 -3.24133,6.51266 -5.86172,9.07156 -1.73969,1.7013 -4.10964,2.52776 -6.25726,3.60737 -1.51107,1.38197 -2.53112,3.0008 -3.40807,4.838067 l 0.56672,0.90442 c 1.48661,0.28482 2.67301,-0.0267 4.02291,-0.66867 2.1239,-0.69205 3.44563,-2.465717 4.9658,-4.013347 1.26664,-1.11381 3.28221,-0.93637 4.3817,0.15604 1.01689,1.01035 2.22424,2.490017 0.51147,4.790587 -2.60642,2.57748 -5.8419,4.41711 -9.3084,5.57628 -3.03449,0.84327 -6.28531,0.66144 -9.41735,0.8293 -5.67408,2.56503 -10.77555,6.67564 -14.90465,11.3215 -0.12583,0.95067 0.60449,1.62337 1.10001,2.38125 8.33436,-0.31258 11.28603,-1.13059 17.53711,-7.21661 1.55169,-1.24954 2.98403,-0.69057 4.09457,0.23271 0.97058,0.80691 2.15291,2.67844 0.33502,5.13182 -3.0026,3.14278 -6.80257,5.16246 -10.87168,6.58737 -5.11102,1.61153 -5.75631,0.6512 -14.34832,2.58785 -1.45383,0.90224 -2.43548,2.05077 -3.28667,3.52477 l -0.0808,7.89358 -0.0808,7.89357 0.34535,-0.0884 0.34536,-0.0884 z m -31.15468,-22.09368 v -10.59474 -10.594737 c -1.21811,-0.809 -2.297,-1.551 -3.48536,-2.26664 -0.89719,-0.53464 -1.78527,-1.08465 -2.68586,-1.61357 -0.31275,3.34128 0.44282,6.84642 -0.80526,10.00488 -0.99294,3.487347 -3.6408,4.276487 -4.22057,7.307357 0.0134,1.23318 0.71869,1.80546 1.05187,2.12602 3.23777,2.84588 5.88297,5.14625 8.02851,6.61953 0.64135,0.29443 1.72516,-0.27102 2.11667,-0.9881 z m 12.43534,-24.938637 -2.70426,1.60096 -2.70427,1.60096 -0.54459,1.01758 v 5.74979 c 0.36869,0.71878 0.89171,0.93045 1.56908,0.635 3.24646,-2.5687 4.4255,-6.5793 4.38404,-10.60429 z m 42.46569,-31.82138 -0.004,-0.15227 -0.004,-0.15227 -48.10265,-27.64896 h -0.15409 -0.15408 l -0.012,31.08854 c 0,2.08154 -0.7647,3.48702 -3.13224,3.50919 -3.06395,-0.10276 -3.52357,-1.91844 -3.52357,-5.15623 0.0746,-6.60115 -0.0784,-12.80544 -0.0784,-29.43495 -14.16045,8.03959 -27.12211,15.92816 -48.02187,27.55611 v 0.17795 0.17794 c 0,-0.17794 51.72983,29.49604 51.44512,29.49604 h 0.28471 c -0.28471,0 51.45707,-29.46109 51.45707,-29.46109 z m -54.7635,25.88921 -0.006,-12.03019 c 0.34808,-1.15737 1.99053,-1.99921 3.36254,-1.9775 1.16883,0.0185 2.92444,1.15781 2.98746,2.7459 l -0.008,11.09643 c -0.95461,1.07394 -1.64367,1.8698 -3.02106,1.90043 -1.67841,0.0373 -2.14819,-0.64251 -3.31494,-1.73507 z m -12.52508,-6.92125 -0.31569,-1.24334 c -0.11483,-1.1976 -1.14333,-2.4324 -1.58426,-2.60131 -2.5898,-1.11888 -4.50207,-3.31215 -6.27131,-5.44384 0,0 -2.5337,-4.29153 -2.8068,-5.83127 -0.2731,-1.53974 -0.4918,-3.67807 1.29544,-4.69356 1.56481,-1.03909 3.09017,-0.40037 4.06329,0.59164 0.22935,0.2338 0.59072,0.63992 0.83322,1.54495 1.2604,3.99784 1.87196,5.21392 4.34289,7.53236 1.8928,0.47066 1.95147,-0.36269 2.18882,-1.16123 l -0.37803,-13.84185 c 0.2388,-1.11462 0.96833,-2.74078 3.19205,-2.77147 1.60472,-0.27199 2.55717,1.09367 3.33001,2.27321 l -0.0348,16.42737 c -0.008,0.49315 -0.14139,0.59992 -0.40939,1.60011 -1.21143,4.52112 -1.38432,4.48276 -1.14026,7.56628 l 0.18134,2.29125 -0.35232,1.11008 h -0.32455 -0.32455 z m 24.67877,2.48135 0.31631,-5.34968 -1.44627,-4.49792 -0.2227,-17.4625 c 0,-2.38787 1.9467,-3.22837 3.25251,-3.18388 1.60631,0.0547 3.21089,0.96188 3.21089,2.37032 l -0.35191,14.04273 c 0.0754,1.12281 0.71202,1.622 1.90993,1.49755 l 0.98333,-0.65074 c 2.46876,-1.7082 3.16023,-5.36831 4.04009,-8.1083 0.42784,-1.16565 2.38625,-1.71294 3.76761,-1.36012 1.30785,0.33406 2.72705,1.89604 2.32151,3.27907 -0.74484,3.03808 -2.10117,6.48213 -4.56128,9.26878 -0.92742,1.29941 -2.19183,2.10943 -3.47617,3.00939 -1.23785,0.67732 -2.07858,1.44717 -2.82604,2.58937 l -0.34385,2.15447 -0.49476,0.30898 -0.49476,0.30899 -2.31215,1.32576 -2.31214,1.32576 c -0.5695,0.24074 -0.88955,-0.0486 -0.96015,-0.86803 z"
+       id="path1"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccsczccccccczcccczzczccccccczcszccccccccccccccccccccccccccccccccccccccccccccccsccccscccccccsccccccsccccccccccccccccccccccccccccccccccccccccccccsccsccccczcscccccccsccccccccccscccccsccccccccccc" /><text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:83.8112px;line-height:2;font-family:'Edu AU VIC WA NT Pre';-inkscape-font-specification:'Edu AU VIC WA NT Pre Semi-Bold';text-align:center;text-decoration-color:#000000;letter-spacing:-0.402293px;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#000000;stroke-width:1.43066"
+       x="549.49823"
+       y="-72.142212"
+       id="text1"><tspan
+         sodipodi:role="line"
+         id="tspan1"
+         style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:'Edu AU VIC WA NT Pre';-inkscape-font-specification:'Edu AU VIC WA NT Pre Semi-Bold';stroke-width:1.43066"
+         x="549.29706"
+         y="-72.142212">Coralite</tspan></text></g></svg>

package/website/assets/path1.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="479.0517mm"
+   height="138.19606mm"
+   viewBox="0 0 479.0517 138.19606"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><g
+     id="layer1"
+     transform="translate(-242.88389,179.7934)"><path
+       style="fill:#000000"
+       d="m 298.57278,-42.548343 -1.57193,-0.95101 -8.46667,-4.82686 -8.46666,-4.82685 -7.54063,-4.25358 -7.54062,-4.25357 -9.92188,-5.54313 -9.92187,-5.54312 -0.83747,-0.7842 -0.83748,-0.7842 -0.29184,-1.08381 -0.29184,-1.08381 0.071,-34.349607 0.071,-34.34961 0.45352,-0.82838 0.45352,-0.82838 0.74506,-0.62683 0.74505,-0.62683 3.69622,-2.09811 3.69622,-2.09811 5.29166,-3.03444 5.29167,-3.03444 7.14375,-4.10268 7.14375,-4.10269 4.49791,-2.55913 4.49792,-2.55913 5.82083,-3.39734 5.82084,-3.39733 2.4974,-1.31786 1.40074,-2e-5 c 2.86306,1.50973 6.36082,3.41854 9.45889,5.21825 l 8.3388,4.84409 18.91771,10.78535 18.9177,10.78535 0.84627,0.80042 0.84627,0.80042 0.27821,1.29725 0.27821,1.29724 -0.006,33.91979 -0.006,33.919787 -0.49105,1.05833 -0.49104,1.05833 -0.89221,0.81561 -0.8922,0.8156 -10.05417,5.64853 -10.05417,5.64852 -17.05914,9.7416 -17.05915,9.7416 h -1.47725 -1.47725 z m -10.07626,-28.1711 c -4.18857,-0.51534 -7.77638,-1.17424 -10.84552,-2.53296 -2.92767,-1.2961 -5.36699,-3.24983 -8.06878,-5.47912 -0.94895,-0.89498 -1.34047,-3.57834 0.005,-4.97691 1.34533,-1.39856 3.76756,-1.16911 4.92419,-0.27754 l 4.37699,4.02218 c 3.86085,2.30005 8.30646,2.74342 12.6829,3.2415 1.12639,-0.19663 1.56927,-0.94448 1.32865,-2.24354 -1.88926,-1.88481 -3.92259,-3.6124 -5.93549,-5.3617 -2.95933,-2.86246 -6.11886,-5.27287 -9.85143,-7.02012 -7.50215,-0.56709 -13.13233,-2.0385 -18.58347,-6.33354 -0.63866,-0.58882 -0.58007,-2.610077 0.39438,-3.820617 0.97445,-1.21054 3.30629,-1.58259 4.48868,-0.94795 l 1.79605,1.30939 c 1.9763,1.476157 5.23436,3.310727 7.71354,2.827177 l 0.38902,-0.14928 c -0.2606,-1.02271 -0.97521,-1.785997 -1.54093,-2.645167 -0.51971,-0.82928 -1.27764,-1.60239 -2.1114,-2.20081 -0.83377,-0.59842 -1.64526,-0.90244 -2.5306,-1.25733 -1.85425,-0.84855 -3.2686,-1.87817 -4.85167,-3.70328 -1.58306,-1.82511 -3.05131,-4.5981 -4.30168,-7.08018 -0.75466,-3.36601 2.78893,-5.94414 5.70784,-3.02773 l 1.31327,2.46697 c 0.64344,1.68533 1.69338,2.86145 2.91215,4.12628 l 1.59888,1.65931 c 0.44025,0.17148 0.66734,0.0958 1.08174,-0.0661 0.84942,-1.81566 0.35088,-3.71933 0.0963,-5.60376 -0.0771,-0.72919 0.25197,-2.94957 2.76903,-3.2113 2.51706,-0.26173 4.13752,1.51643 3.83534,5.44163 -0.52005,8.56828 -0.26417,10.4647 2.97336,13.27877 0.74309,0.645897 2.30507,0.527127 2.8468,0.23536 0.54173,-0.29177 2.10712,-2.70109 2.10712,-2.70109 1.21222,-3.1555 1.37903,-10.89808 -0.65124,-12.90162 l -3.04271,-1.78178 -3.0427,-1.78178 c -9.66534,-5.24713 -18.86526,-11.36145 -28.69225,-16.30833 h -0.13983 -0.13984 v 28.70397 28.703977 l 0.99219,0.62357 0.99218,0.62357 4.8948,2.77803 4.89479,2.77804 10.71562,6.04275 10.71563,6.04275 7.40833,4.20767 7.40834,4.20767 0.26458,0.25535 0.26458,0.25534 0.0767,-7.35561 0.0767,-7.35562 c -0.57447,-4.95323 -5.68058,-5.29653 -9.71606,-5.70649 z m 40.98193,6.54806 24.01094,-13.71052 v -28.821247 -28.82126 h -0.15091 -0.15091 l -2.93408,1.62115 -2.93407,1.62114 -2.93429,1.71817 -2.93428,1.71817 -6.48229,3.70518 -6.4823,3.70518 -5.23307,3.04119 -5.23308,3.04118 -0.25377,0.47418 -0.25377,0.47417 c -0.26941,4.96868 -1.09667,9.64087 -3.47683,14.07358 -1.69223,3.712857 -5.30682,5.714467 -8.70147,7.705777 l -0.54736,1.02276 0.1514,5.10296 1.45693,1.08607 c 5.67445,-2.83566 1.54564,-1.93404 13.38272,-9.83269 3.07431,-2.97393 4.88489,-6.766477 5.93014,-10.879157 v -10.37529 c 0.13391,-1.41756 1.94903,-2.7093 3.40012,-2.69712 1.06101,0.009 3.43024,1.04801 3.22824,3.03314 l -0.34835,5.38821 0.90433,0.75053 c 3.33504,-1.51403 4.69062,-5.0797 6.26629,-8.16827 0.97075,-1.53729 2.7696,-1.71246 3.80687,-1.24363 1.04653,0.47303 2.57757,1.58139 2.12235,3.72429 -1.46348,3.32572 -3.24133,6.51266 -5.86172,9.07156 -1.73969,1.7013 -4.10964,2.52776 -6.25726,3.60737 -1.51107,1.38197 -2.53112,3.0008 -3.40807,4.838067 l 0.56672,0.90442 c 1.48661,0.28482 2.67301,-0.0267 4.02291,-0.66867 2.1239,-0.69205 3.44563,-2.465717 4.9658,-4.013347 1.26664,-1.11381 3.28221,-0.93637 4.3817,0.15604 1.01689,1.01035 2.22424,2.490017 0.51147,4.790587 -2.60642,2.57748 -5.8419,4.41711 -9.3084,5.57628 -3.03449,0.84327 -6.28531,0.66144 -9.41735,0.8293 -5.67408,2.56503 -10.77555,6.67564 -14.90465,11.3215 -0.12583,0.95067 0.60449,1.62337 1.10001,2.38125 8.33436,-0.31258 11.28603,-1.13059 17.53711,-7.21661 1.55169,-1.24954 2.98403,-0.69057 4.09457,0.23271 0.97058,0.80691 2.15291,2.67844 0.33502,5.13182 -3.0026,3.14278 -6.80257,5.16246 -10.87168,6.58737 -5.11102,1.61153 -5.75631,0.6512 -14.34832,2.58785 -1.45383,0.90224 -2.43548,2.05077 -3.28667,3.52477 l -0.0808,7.89358 -0.0808,7.89357 0.34535,-0.0884 0.34536,-0.0884 z m -31.15468,-22.09368 v -10.59474 -10.594737 c -1.21811,-0.809 -2.297,-1.551 -3.48536,-2.26664 -0.89719,-0.53464 -1.78527,-1.08465 -2.68586,-1.61357 -0.31275,3.34128 0.44282,6.84642 -0.80526,10.00488 -0.99294,3.487347 -3.6408,4.276487 -4.22057,7.307357 0.0134,1.23318 0.71869,1.80546 1.05187,2.12602 3.23777,2.84588 5.88297,5.14625 8.02851,6.61953 0.64135,0.29443 1.72516,-0.27102 2.11667,-0.9881 z m 12.43534,-24.938637 -2.70426,1.60096 -2.70427,1.60096 -0.54459,1.01758 v 5.74979 c 0.36869,0.71878 0.89171,0.93045 1.56908,0.635 3.24646,-2.5687 4.4255,-6.5793 4.38404,-10.60429 z m 42.46569,-31.82138 -0.004,-0.15227 -0.004,-0.15227 -48.10265,-27.64896 h -0.15409 -0.15408 l -0.012,31.08854 c 0,2.08154 -0.7647,3.48702 -3.13224,3.50919 -3.06395,-0.10276 -3.52357,-1.91844 -3.52357,-5.15623 0.0746,-6.60115 -0.0784,-12.80544 -0.0784,-29.43495 -14.16045,8.03959 -27.12211,15.92816 -48.02187,27.55611 v 0.17795 0.17794 c 0,-0.17794 51.72983,29.49604 51.44512,29.49604 h 0.28471 c -0.28471,0 51.45707,-29.46109 51.45707,-29.46109 z m -54.7635,25.88921 -0.006,-12.03019 c 0.34808,-1.15737 1.99053,-1.99921 3.36254,-1.9775 1.16883,0.0185 2.92444,1.15781 2.98746,2.7459 l -0.008,11.09643 c -0.95461,1.07394 -1.64367,1.8698 -3.02106,1.90043 -1.67841,0.0373 -2.14819,-0.64251 -3.31494,-1.73507 z m -12.52508,-6.92125 -0.31569,-1.24334 c -0.11483,-1.1976 -1.14333,-2.4324 -1.58426,-2.60131 -2.5898,-1.11888 -4.50207,-3.31215 -6.27131,-5.44384 0,0 -2.5337,-4.29153 -2.8068,-5.83127 -0.2731,-1.53974 -0.4918,-3.67807 1.29544,-4.69356 1.56481,-1.03909 3.09017,-0.40037 4.06329,0.59164 0.22935,0.2338 0.59072,0.63992 0.83322,1.54495 1.2604,3.99784 1.87196,5.21392 4.34289,7.53236 1.8928,0.47066 1.95147,-0.36269 2.18882,-1.16123 l -0.37803,-13.84185 c 0.2388,-1.11462 0.96833,-2.74078 3.19205,-2.77147 1.60472,-0.27199 2.55717,1.09367 3.33001,2.27321 l -0.0348,16.42737 c -0.008,0.49315 -0.14139,0.59992 -0.40939,1.60011 -1.21143,4.52112 -1.38432,4.48276 -1.14026,7.56628 l 0.18134,2.29125 -0.35232,1.11008 h -0.32455 -0.32455 z m 24.67877,2.48135 0.31631,-5.34968 -1.44627,-4.49792 -0.2227,-17.4625 c 0,-2.38787 1.9467,-3.22837 3.25251,-3.18388 1.60631,0.0547 3.21089,0.96188 3.21089,2.37032 l -0.35191,14.04273 c 0.0754,1.12281 0.71202,1.622 1.90993,1.49755 l 0.98333,-0.65074 c 2.46876,-1.7082 3.16023,-5.36831 4.04009,-8.1083 0.42784,-1.16565 2.38625,-1.71294 3.76761,-1.36012 1.30785,0.33406 2.72705,1.89604 2.32151,3.27907 -0.74484,3.03808 -2.10117,6.48213 -4.56128,9.26878 -0.92742,1.29941 -2.19183,2.10943 -3.47617,3.00939 -1.23785,0.67732 -2.07858,1.44717 -2.82604,2.58937 l -0.34385,2.15447 -0.49476,0.30898 -0.49476,0.30899 -2.31215,1.32576 -2.31214,1.32576 c -0.5695,0.24074 -0.88955,-0.0486 -0.96015,-0.86803 z"
+       id="path1" /><path
+       d="m 408.49003,-72.100306 q -5.90869,0 -10.60212,-2.640053 -4.69343,-2.681959 -7.79444,-7.543008 -3.10102,-4.902956 -4.19056,-11.565946 -1.08955,-6.704897 0.33524,-14.750777 1.38289,-7.62681 3.60389,-14.03837 2.22099,-6.45346 5.40582,-11.48214 3.18482,-5.07057 7.37538,-8.63255 4.19056,-3.56198 9.47067,-5.40582 5.32201,-1.84385 11.77547,-1.84385 5.61535,0 10.64403,1.84385 5.02867,1.80194 9.764,6.24393 1.96957,1.76004 2.59815,3.93913 0.67049,2.13718 -1.04764,3.85531 -1.71813,1.71813 -3.89722,1.29908 -2.17909,-0.41906 -4.19056,-2.17909 -3.10102,-3.01721 -6.45346,-4.27438 -3.35245,-1.25716 -7.50111,-1.25716 -4.65152,0 -8.46493,1.5086 -3.7715,1.46669 -6.78871,4.27437 -2.97529,2.76577 -5.2801,6.7049 -2.2629,3.93912 -3.85532,8.84208 -1.59241,4.90295 -2.59814,10.64402 -1.00574,5.9925 -0.58668,10.937362 0.46096,4.902956 2.09528,8.506837 1.67622,3.603882 4.31627,5.573445 2.64006,1.927658 5.99251,1.927658 5.36391,0 10.39258,-2.514336 5.02868,-2.556242 9.00971,-6.830613 2.09528,-2.220997 3.64579,-3.059109 1.59241,-0.838112 2.97529,-0.838112 2.09528,0 3.18483,1.089546 1.13145,1.04764 1.17336,2.556241 0,1.424791 -0.83812,2.849581 -0.83811,1.382885 -3.0591,3.855316 -5.1963,5.699161 -12.23644,9.05161 -7.04014,3.352448 -14.37362,3.352448 z m 50.63872,0.419056 q -6.53727,0 -10.26687,-4.86105 -3.7296,-4.902955 -3.7296,-13.24217 0,-7.584914 2.38862,-13.15836 2.43052,-5.57344 6.78871,-8.59065 4.40009,-3.0172 10.30878,-3.0172 1.04764,0 2.43052,0.20953 1.42479,0.16762 2.76577,0.41905 1.34098,0.20953 2.09528,0.37715 0.25143,0 1.00573,0.16763 0.79621,0.12571 2.89149,0.50286 2.13719,0.37715 6.32775,1.21527 2.38862,0.50286 3.56197,1.88575 1.17336,1.38288 1.17336,3.14292 0,2.80767 -1.88575,4.19056 -1.88575,1.34098 -4.73534,1.13145 l -0.96382,-0.16762 q 0.16762,0.54477 0.25143,1.21526 0.0838,0.628584 0.0838,1.340979 0,5.489634 -1.67622,10.434495 -1.63432,4.902955 -4.4839,8.674459 -2.84958,3.771504 -6.57918,5.950595 -3.6877,2.179092 -7.75254,2.179092 z m 0.83811,-9.303044 q 2.64006,0 4.81915,-2.47243 2.22099,-2.514336 3.56197,-6.57918 1.34098,-4.106749 1.34098,-8.925893 0,-3.101013 -1.5505,-4.735333 -1.55051,-1.63432 -4.19056,-1.63432 -2.72387,0 -4.81915,1.92766 -2.05337,1.88575 -3.22673,5.405822 -1.13145,3.478165 -1.13145,8.255403 0,4.022938 1.38288,6.411557 1.42479,2.346714 3.81341,2.346714 z m 43.93391,8.842082 q -2.05338,0 -3.64579,-1.340979 -1.59241,-1.382885 -1.17336,-3.81341 l 3.93913,-22.419497 q 0.12572,-0.628582 0.0838,-1.299072 -0.0419,-0.7124 -0.20953,-1.29907 -0.16762,-0.58668 -0.46096,-0.96383 -0.29334,-0.37715 -0.7543,-0.37715 -1.00573,0 -1.63432,0.46096 -0.58668,0.46096 -1.04764,1.21526 l -1.59241,2.262902 q -0.83811,1.257168 -1.80194,2.09528 -0.92192,0.796207 -1.96956,0.796207 -1.71813,0 -3.10102,-1.04764 -1.34098,-1.089546 -1.34098,-3.268639 0,-1.00573 0.46096,-2.64005 0.46096,-1.67623 2.09528,-3.64579 2.55625,-3.22673 5.07058,-4.98676 2.55624,-1.76004 6.11822,-1.63432 2.80767,0.0419 5.19629,1.21526 2.43053,1.17336 4.02294,3.26864 1.63432,2.09528 1.96956,4.94486 3.22674,-4.77724 5.99251,-7.33348 2.76577,-2.55625 4.98676,-2.55625 1.92766,0 2.72387,0.75431 0.7962,0.71239 1.34098,1.46669 0.58667,0.7543 1.80194,0.7543 1.17335,0 2.38862,-0.7543 1.25716,-0.7543 1.88575,-1.21526 1.17335,-0.7543 2.89148,-0.83811 1.76004,-0.0838 3.14292,0.88002 1.38289,0.96382 1.38289,3.22673 0,1.59241 -0.79621,2.64005 -0.7543,1.00573 -1.84384,1.67622 -1.04764,0.62859 -2.01147,1.13145 -1.67623,0.92193 -3.81341,1.84385 -2.13719,0.92192 -3.52007,0.92192 -1.67623,0 -2.9753,-0.67049 -1.29907,-0.67049 -2.38862,-1.34097 -1.08955,-0.67049 -2.09528,-0.67049 -0.79621,0 -2.2629,1.29907 -1.4667,1.25717 -3.64579,4.232465 -2.17909,2.933392 -5.02867,8.00397 l -2.55624,14.541244 q -0.37715,2.220997 -2.17909,3.352448 -1.76004,1.131451 -3.64579,1.131451 z m 47.16058,0.544773 q -4.02294,0 -6.7049,-2.179091 -2.64005,-2.220997 -3.60388,-6.285841 -0.92192,-4.106749 0.0838,-9.680194 1.34098,-7.501102 4.52581,-12.948835 3.22673,-5.44772 7.83635,-8.42302 4.65152,-2.9753 10.22496,-2.9753 h 12.6974 q 2.55624,0 3.43626,1.67623 0.92192,1.63431 0.41906,4.35818 l -3.39436,19.905158 q -0.20953,1.215263 -0.29334,2.220997 -0.0419,1.005735 0.0419,1.760035 0.12571,0.754301 0.37715,1.215263 0.29334,0.419056 0.7543,0.419056 0.79621,0 1.5086,-0.460962 0.7124,-0.502867 1.25717,-1.257168 l 1.55051,-2.262902 q 0.83811,-1.257168 1.76003,-2.053375 0.96383,-0.838112 2.01147,-0.838112 1.76004,0 3.05911,1.089546 1.34098,1.04764 1.34098,3.226731 0,1.005735 -0.46096,2.681959 -0.41906,1.634318 -2.05338,3.645787 -2.51433,3.184826 -5.07058,4.902955 -2.51433,1.71813 -6.0344,1.71813 -4.73534,0 -7.20777,-3.352448 -2.47243,-3.352448 -2.89148,-8.171592 l 0.0419,-0.921924 q -2.64005,4.274372 -5.2382,7.165858 -2.59814,2.891487 -5.07057,4.358183 -2.47244,1.466696 -4.90296,1.466696 z m 2.84958,-9.261138 q 1.55051,0 3.98103,-2.598147 2.47243,-2.640053 5.32201,-7.543009 2.89149,-4.944861 5.65726,-11.859287 l 0.41906,-2.01147 h -5.53154 q -2.93339,0 -5.40583,1.88576 -2.47243,1.88575 -4.23246,5.280101 -1.76004,3.352448 -2.55624,7.920159 -0.67049,3.981032 0.0419,6.453462 0.7543,2.472431 2.30481,2.472431 z m 51.97971,8.716365 q -3.22673,0 -5.44773,-1.550507 -2.17909,-1.550507 -3.43626,-4.064844 -1.21526,-2.514336 -1.5505,-5.531539 -0.33525,-3.059109 0.16762,-6.076312 l 9.93163,-56.572566 q 0.41905,-2.22099 1.96956,-3.10101 1.55051,-0.92192 3.26864,-0.92192 2.22099,0 3.93912,1.38288 1.71813,1.38289 1.25717,3.93913 l -9.764,55.441108 q -0.25144,1.424791 -0.37715,2.681959 -0.0838,1.215262 0,2.09528 0.0838,0.880017 0.37715,1.382885 0.29333,0.502867 0.7543,0.502867 0.83811,0 1.5505,-0.460962 0.7124,-0.502867 1.21527,-1.257168 l 1.5505,-2.262902 q 0.83812,-1.257168 1.80194,-2.053375 0.96383,-0.838112 2.01147,-0.838112 1.71813,0 3.05911,1.089546 1.34098,1.04764 1.34098,3.226731 0,1.005735 -0.46096,2.681959 -0.41906,1.634318 -2.05337,3.645787 -2.55625,3.184826 -5.07058,4.902955 -2.51434,1.71813 -6.03441,1.71813 z m 31.69728,-50.286718 q -2.2629,0 -3.93913,-1.63432 -1.67622,-1.67623 -1.67622,-4.06485 0,-2.2629 1.63432,-3.93912 1.63432,-1.71813 3.98103,-1.71813 2.221,0 3.98103,1.63432 1.80194,1.59241 1.80194,4.02293 0,2.38862 -1.71813,4.06485 -1.67622,1.63432 -4.06484,1.63432 z m -1.76003,50.286718 q -3.18483,0 -5.40583,-1.508602 -2.17909,-1.508601 -3.43626,-3.981032 -1.25716,-2.514336 -1.63432,-5.489634 -0.33524,-3.017203 0.12572,-6.034406 l 3.64579,-20.366124 q 0.0838,-0.7543 0.67049,-1.84384 0.62858,-1.08955 1.92766,-1.88576 1.34098,-0.83811 3.56197,-0.83811 2.51434,0 3.6877,1.38289 1.17335,1.34098 0.7543,3.72959 l -3.52007,19.821354 q -0.33525,1.927658 -0.41906,3.436259 -0.0419,1.508602 0.20953,2.346714 0.29334,0.838112 0.92192,0.838112 0.83811,0 1.55051,-0.460962 0.71239,-0.502867 1.21526,-1.257168 l 1.55051,-2.262902 q 0.83811,-1.257168 1.80194,-2.053375 0.96383,-0.838112 2.01147,-0.838112 1.71813,0 3.05911,1.089546 1.34098,1.04764 1.34098,3.226731 0,1.005735 -0.46097,2.681959 -0.41905,1.634318 -2.05337,3.645787 -2.55624,3.184826 -5.07058,4.902955 -2.51433,1.71813 -6.0344,1.71813 z m 32.07454,0 q -3.18483,0 -5.40583,-1.508602 -2.17909,-1.508601 -3.47816,-3.939126 -1.25717,-2.472431 -1.63432,-5.447728 -0.33525,-2.975298 0.16762,-5.950596 l 2.80768,-16.091746 h -5.86679 q -2.59814,0 -3.93912,-1.25717 -1.34098,-1.25717 -1.34098,-3.22673 0,-1.96957 1.34098,-3.22674 1.34098,-1.29907 3.89722,-1.29907 h 7.5011 l 3.89722,-22.20997 q 0.33525,-1.84384 1.88575,-2.84958 1.59242,-1.04764 3.31055,-1.04764 1.46669,0 2.80767,0.46096 1.34098,0.46096 2.09528,1.55051 0.7543,1.04764 0.41906,2.89149 l -3.7296,21.20423 h 6.95633 q 2.64005,0 3.98103,1.29907 1.34098,1.25717 1.34098,3.22674 0,1.96956 -1.34098,3.22673 -1.34098,1.25717 -3.98103,1.25717 h -8.50684 l -2.89149,16.385085 q -0.25143,1.299074 -0.33524,2.430525 -0.0419,1.131452 0.0419,1.969564 0.0838,0.838112 0.33524,1.299073 0.25143,0.460962 0.7543,0.460962 0.83811,0 1.55051,-0.460962 0.71239,-0.502867 1.21526,-1.257168 l 1.59241,-2.262902 q 0.83812,-1.257168 1.76004,-2.053375 0.96383,-0.838112 1.96956,-0.838112 1.76004,0 3.10102,1.089546 1.34098,1.04764 1.34098,3.226731 0,1.005735 -0.46097,2.681959 -0.41905,1.634318 -2.09528,3.645787 -2.51433,3.184826 -5.07057,4.902955 -2.51434,1.71813 -5.9925,1.71813 z m 32.61939,0.754301 q -6.36966,0 -9.6802,-3.729599 -3.26864,-3.771504 -3.26864,-10.769739 0,-5.741068 1.92766,-10.937362 1.92766,-5.238199 5.1963,-9.303039 3.31054,-4.06485 7.5011,-6.36966 4.23247,-2.34671 8.84208,-2.34671 5.40582,0 8.12969,2.2629 2.76577,2.26291 2.76577,6.57918 0,2.01147 -0.92193,3.89722 -0.88001,1.88576 -2.59814,3.64579 -1.67623,1.760036 -4.02294,3.43626 -2.34671,1.634318 -5.2382,3.268637 -2.01147,1.173356 -5.02867,2.723864 -3.01721,1.508601 -6.16013,3.017203 0,0.712395 0.0838,1.340979 0.0838,0.586679 0.20952,1.131451 0.29334,1.299074 1.08955,2.220997 0.79621,0.880018 1.92766,0.880018 2.05337,0 4.10675,-1.089546 2.09528,-1.131451 3.72959,-3.14292 1.84385,-2.137185 3.81341,-2.723864 2.01147,-0.586678 3.60389,0.628584 0.7962,0.586679 1.29907,1.71813 0.54477,1.089545 0.29334,2.640053 -0.20953,1.508601 -1.71813,3.352448 -2.89149,3.52007 -7.12395,5.61535 -4.19056,2.053375 -8.75827,2.053375 z m -1.34098,-23.509043 q 1.29907,-0.670489 2.64005,-1.42479 1.34098,-0.754301 2.64005,-1.466696 2.47243,-1.42479 4.19056,-2.68196 1.71813,-1.29907 2.68196,-2.38862 0.96383,-1.13145 0.96383,-2.05337 0,-0.67049 -0.41906,-1.21526 -0.41905,-0.58668 -1.21526,-0.58668 -2.55624,0 -4.81914,1.5505 -2.221,1.50861 -3.93913,4.19056 -1.67622,2.640057 -2.72386,6.076316 z"
+       id="text1"
+       style="font-weight:600;font-size:83.8112px;line-height:2;font-family:'Edu AU VIC WA NT Pre';-inkscape-font-specification:'Edu AU VIC WA NT Pre Semi-Bold';text-align:center;letter-spacing:-0.402293px;text-anchor:middle;fill:#000000;stroke-width:1.43066"
+       aria-label="Coralite" /></g></svg>