@nyuccl/smile 0.2.0-beta.0

package/dist/runtime/core/timeline/Timeline.js

@@ -0,0 +1,495 @@
+/**
+ * @fileoverview Timeline module for managing application routing and view sequencing
+ * @module timeline
+ */
+
+import _ from 'lodash'
+// NOTE: RecruitmentChooser and PresentationMode views are handled via
+// route-based modes (/dev/, /presentation/) in Nuxt, not registered here.
+// See runtime/pages/dev/ and runtime/pages/presentation/
+
+/**
+ * Timeline class for managing the sequence of routes in the application
+ * @class Timeline
+ * @param {object} api - API instance
+ */
+class Timeline {
+  /**
+   * Constructor for the Timeline class
+   * @param {object} api - API instance
+   */
+  constructor(api) {
+    this.api = api
+    this.routes = [] // the actual routes given to VueRouter
+    this.seqtimeline = [] // copies of routes that are sequential
+    this.registered = {}
+    this.type = 'timeline'
+    this.has_welcome_anonymous = false
+    this._IS_ROOT_NODE = '_IS_ROOT_NODE'
+    // Register landing redirect: `/` → `welcome_anonymous`
+    // NOTE: Dev-mode and presentation-mode routes are handled via extendPages
+    // in the Nuxt module (Phase 8), not registered on the Timeline.
+    this.registerView({
+      path: '/',
+      name: 'landing',
+      redirect: {
+        name: 'welcome_anonymous',
+      },
+      meta: { requiresConsent: false },
+    })
+  }
+
+  /**
+   * Clones a route and fills in default values
+   * @param {object} route - The route to clone
+   * @returns {object} The cloned route with default values
+   */
+  cloneRouteAndFillDefaults(route) {
+    const newroute = _.cloneDeep(route)
+
+    if (newroute.path == null) {
+      const nameAsPath = `/${encodeURIComponent(newroute.name.toLowerCase().replace(/\s/g, '_'))}`
+      // this.api.log.debug(`Assigning path by name for route ${newroute.name}: ${nameAsPath}`)
+      newroute.path = nameAsPath
+    }
+
+    return newroute
+  }
+
+  /**
+   * Pushes a route to the routes array
+   * @param {object} route - The route to push
+   * @throws {Error} If a route with the same path or name already exists
+   */
+  pushToRoutes(route) {
+    for (let i = 0; i < this.routes.length; i += 1) {
+      if (this.routes[i].path === route.path) {
+        this.api.log.error(`Registering two routes to router with same path.  DuplicatePathError:${route.path}`)
+        throw new Error(`DuplicatePathError:${route.path}`)
+      }
+      if (this.routes[i].name === route.name) {
+        this.api.log.error(`Registering two routes to router with same name.  DuplicatePathError:${route.name}`)
+        throw new Error(`DuplicateNameError:${route.name}`)
+      }
+    }
+    this.routes.push(route)
+  }
+
+  /**
+   * Pushes a route to the timeline array
+   * @param {object} route - The route to push
+   * @throws {Error} If a route with the same path or name already exists
+   */
+  pushToTimeline(route) {
+    for (let i = 0; i < this.seqtimeline.length; i += 1) {
+      if (this.seqtimeline[i].name === route.name) {
+        this.api.log.error(`Registering two routes to timeline with same name.  DuplicateNameError:${route.name}`)
+        throw new Error(`DuplicateNameError:${route.name}`)
+      }
+      if (this.seqtimeline[i].path === route.path) {
+        this.api.log.error(`Registering two routes to timeline with same path.  DuplicatePathError:${route.path}`)
+        throw new Error(`DuplicatePathError${route.path}`)
+      }
+    }
+    this.seqtimeline.push(route)
+  }
+
+  /**
+   * Pushes a sequential route to the timeline array
+   * @param {object} routeConfig - The route configuration
+   * @throws {Error} If a route with the same path or name already exists
+   */
+  pushSeqView(routeConfig) {
+    const newroute = this.cloneRouteAndFillDefaults(routeConfig)
+
+    if (!newroute.meta) {
+      newroute.meta = { next: undefined, prev: undefined } // need to configure it
+    }
+    else {
+      if (!newroute.meta.next) {
+        // need to configure next
+        newroute.meta.next = undefined
+      }
+
+      if (!newroute.meta.prev) {
+        // need to configure prev
+        newroute.meta.prev = undefined
+      }
+    }
+    newroute.meta.type = 'route'
+    newroute.meta.sequential = true
+    newroute.meta.level = 0
+
+    if (newroute.meta.requiresConsent == undefined) {
+      newroute.meta.requiresConsent = true // default to require consent
+    }
+
+    if (newroute.meta.requiresDone == undefined) {
+      newroute.meta.requiresDone = false // default to not require done
+    }
+
+    if (newroute.meta.requiresWithdraw == undefined) {
+      newroute.meta.requiresWithdraw = false // default to not require done
+    }
+
+    try {
+      this.pushToRoutes(newroute)
+    }
+    catch (err) {
+      this.api.log.error('Smile FATAL ERROR: ', err)
+      throw err
+    }
+
+    try {
+      this.pushToTimeline(newroute) // by reference so should update together
+    }
+    catch (err) {
+      this.api.log.error('Smile FATAL ERROR: ', err)
+      throw err
+    }
+
+    if (newroute.name === 'welcome_anonymous') {
+      this.has_welcome_anonymous = true
+    }
+  }
+
+  /**
+   * Registers a view in the timeline
+   * @param {object} routeConfig - The route configuration
+   * @throws {Error} If a route with the same path or name already exists
+   */
+  registerView(routeConfig) {
+    const newroute = this.cloneRouteAndFillDefaults(routeConfig)
+    // should NOT allow meta next/prev to exist
+    if (!newroute.meta) {
+      newroute.meta = { prev: null, next: null, type: 'route' }
+    }
+    else if (newroute.meta.prev || newroute.meta.next) {
+      throw new Error(`NonSequentialRouteError: Can't have meta.next or meta.prev defined for non-sequential route`)
+    }
+    newroute.meta.sequential = false
+    newroute.meta.level = 0
+
+    if (newroute.meta.requiresConsent == undefined) {
+      newroute.meta.requiresConsent = true // default to require consent
+    }
+
+    if (newroute.meta.requiresDone == undefined) {
+      newroute.meta.requiresDone = false // default to not require done
+    }
+
+    if (newroute.meta.requiresWithdraw == undefined) {
+      newroute.meta.requiresWithdraw = false // default to not require done
+    }
+
+    try {
+      this.pushToRoutes(newroute)
+    }
+    catch (err) {
+      this.api.log.error('Smile FATAL ERROR: ', err)
+      throw err
+    }
+
+    if (newroute.name === 'welcome_anonymous') {
+      this.has_welcome_anonymous = true
+    }
+  }
+
+  /**
+   * Pushes a randomized node to the timeline
+   * @param {object} routeConfig - The route configuration
+   * @param {boolean} [push] - Whether to push the node to the timeline
+   */
+  pushRandomizedNode(routeConfig, push = true) {
+    const newroute = this.cloneRouteAndFillDefaults(routeConfig)
+
+    if (!push) {
+      if (this.registered[newroute.name]) {
+        this.api.log.debug(`Randomized node ${newroute.name} already registered`)
+        return
+      }
+      else {
+        this.registered[newroute.name] = []
+      }
+    }
+
+    // get options
+    const options = newroute.options
+
+    // get weights
+    let weights = undefined
+    if (newroute.weights) {
+      weights = newroute.weights
+
+      // check that options and weights are the same length
+      if (options.length !== weights.length) {
+        this.api.log.error('Length of options and weights do not match for randomized node')
+        throw new Error('OptionsWeightsLengthMismatchError')
+      }
+    }
+
+    // Use this.api.store instead of smilestore
+    let randomOption = this.api.store.getRandomizedRouteByName(newroute.name)
+    let currentRouteOptions = newroute.options
+    let needsNewOption = false
+
+    // is there already a selected option?
+    if (randomOption != null) {
+      // is the currently selected option actually one of the available options, as currently defined in the design file?
+      const isContained = currentRouteOptions.some(
+        option => option.length === randomOption.length && option.every((val, i) => val === randomOption[i]),
+      )
+      if (isContained) {
+        // if yes,
+        this.api.log.debug(`Randomized node ${newroute.name} already assigned option ${randomOption}`) // we can stick with the existing one
+      }
+      else {
+        // otherwise, we need to select a new random option
+        needsNewOption = true
+        randomOption = this.api.sampleWithReplacement(options, 1, weights)[0]
+        this.api.log.debug(`Randomized node ${newroute.name} selected option ${randomOption}`)
+        this.api.store.setRandomizedRoute(newroute.name, randomOption)
+      }
+    }
+    else {
+      // also select new if there's no current option
+      needsNewOption = true
+    }
+
+    if (needsNewOption) {
+      randomOption = this.api.sampleWithReplacement(options, 1, weights)[0]
+      this.api.log.debug(`Randomized node ${newroute.name} selected option ${randomOption}`)
+      this.api.store.setRandomizedRoute(newroute.name, randomOption)
+    }
+
+    // now, pull entries from routes that match random Option names (for each random option)
+    this._handleRandomizedOption(newroute, randomOption, push)
+  }
+
+  /**
+   * Handles a randomized option
+   * @param {object} newroute - The new route
+   * @param {object} randomOption - The random option
+   * @param {boolean} push - Whether to push the option to the timeline
+   */
+  _handleRandomizedOption(newroute, randomOption, push) {
+    for (let i = 0; i < randomOption.length; i += 1) {
+      const option = randomOption[i]
+      const route = this.routes.find(r => r.name === option)
+      if (!route) {
+        if (option in this.registered) {
+          // if the route(s) are in the registered list, pull it from there
+          const registeredRoutes = this.registered[option]
+          delete this.registered[option]
+          if (registeredRoutes) {
+            // TODO: Do we actually need to do this?
+            registeredRoutes.forEach((r) => {
+              // TODO: should we also set something about the parent? meta-parent?
+              r.meta.level += 1
+            })
+
+            if (push) {
+              registeredRoutes.forEach((r) => {
+                this.pushToTimeline(r)
+              })
+            }
+            else {
+              this.registered[newroute.name].push(...registeredRoutes)
+            }
+          }
+          continue
+        }
+        else {
+          this.api.log.error(
+            `Randomized node option ${option} not found in routes. You must add randomized route options to the timeline using registerView() before adding a randomized node`,
+          )
+          throw new Error('RandomizedNodeOptionNotFoundError')
+        }
+      }
+
+      // Preserve existing meta (requiresConsent, requiresDone, etc.) while adding sequential fields
+      route.meta = {
+        ...route.meta,
+        next: undefined,
+        prev: undefined,
+        sequential: true,
+        level: 1,
+        parentRandomizer: newroute.name,
+      }
+
+      if (push) {
+        // add the route to the sequential timeline
+        this.pushToTimeline(route)
+      }
+      else {
+        // add the route to the registered list to be consumed later
+        this.registered[newroute.name].push(route)
+      }
+    }
+  }
+
+  /**
+   * Registers a randomized node
+   * @param {object} routeConfig - The route configuration
+   */
+  registerRandomizedNode(routeConfig) {
+    this.pushRandomizedNode(routeConfig, false)
+  }
+
+  /**
+   * Pushes a conditional node to the timeline
+   * @param {object} routeConfig - The route configuration
+   * @param {boolean} [push] - Whether to push the node to the timeline
+   */
+  pushConditionalNode(routeConfig, push = true) {
+    // newroute should have name and a condition name (user specified, has to match something in data.conditions)
+    const newroute = this.cloneRouteAndFillDefaults(routeConfig)
+
+    // Check if already registered if not pushing
+    if (!push) {
+      if (this.registered[newroute.name]) {
+        this.api.log.debug(`Randomized node ${newroute.name} already registered`)
+        return
+      }
+      else {
+        this.registered[newroute.name] = []
+      }
+    }
+
+    // get condition name—anything that's not name or path
+    const conditionname = Object.keys(newroute).filter(key => key !== 'name' && key !== 'path')
+    if (conditionname.length > 1) {
+      this.api.log.error('Can only branch routes based on one condition at a time')
+      throw new Error('TooManyConditionNamesError')
+    }
+    const name = conditionname[0]
+    let assignedCondition = this.api.getConditionByName(name)
+    if (!assignedCondition) {
+      const possibleConditions = Object.keys(newroute[name])
+      this.api.log.warn(
+        `Condition ${name} not found in data.conditions -- assigning uniformly from keys of condition object: ${possibleConditions}`,
+      )
+
+      assignedCondition = this.api.randomAssignCondition({
+        conditionname: possibleConditions,
+      })
+    }
+
+    // based on assigned condition, get the correct set of routes
+
+    const randomOption = newroute[name][assignedCondition]
+
+    this._handleRandomizedOption(newroute, randomOption, push)
+  }
+
+  /**
+   * Registers a conditional node
+   * @param {object} routeConfig - The route configuration
+   */
+  registerConditionalNode(routeConfig) {
+    this.pushConditionalNode(routeConfig, false)
+  }
+
+  /**
+   * Builds the timeline
+   */
+  build() {
+    if (!this.has_welcome_anonymous) {
+      this.api.log.error('No welcome_anonymous route defined in src/user/design.js  This is required.')
+      throw new Error('NoWelcomeAnonymousRouteError')
+    }
+
+    this.buildGraph()
+
+    this.api.store.localState.seqtimeline = this.seqtimeline
+    this.api.store.localState.routes = this.routes
+  }
+
+  /**
+   * Builds the graph
+   */
+  buildGraph() {
+    // this.api.log.debug('DEV MODE: building DAG for timeline')
+
+    for (let i = 0; i < this.seqtimeline.length; i += 1) {
+      if (this.seqtimeline[i].meta.next === undefined) {
+        if (this.seqtimeline.length === 1) {
+          this.seqtimeline[i].meta.next = null
+        }
+        else if (i === 0) {
+          this.seqtimeline[i].meta.next = this.seqtimeline[i + 1].name
+        }
+        else if (i === this.seqtimeline.length - 1) {
+          this.seqtimeline[i].meta.next = null
+        }
+        else {
+          this.seqtimeline[i].meta.next = this.seqtimeline[i + 1].name
+        }
+      }
+      if (!this.seqtimeline[i].meta.root && this.seqtimeline[i].meta.prev === undefined) {
+        if (this.seqtimeline.length === 1) {
+          this.seqtimeline[i].meta.prev = null
+        }
+        else if (i === 0) {
+          this.seqtimeline[i].meta.prev = null
+        }
+        else if (i === this.seqtimeline.length - 1) {
+          this.seqtimeline[i].meta.prev = this.seqtimeline[i - 1].name
+        }
+        else {
+          this.seqtimeline[i].meta.prev = this.seqtimeline[i - 1].name
+        }
+      }
+      else {
+        this.seqtimeline[i].meta.prev = null
+      }
+    }
+  }
+
+  /**
+   * Looks up a route config from the routes array by name.
+   * Used by middleware to resolve name → path for redirects.
+   * @param {string} name - The route name to look up
+   * @returns {object | null} The matching route config, or null if not found
+   */
+  getRouteByName(name) {
+    return this.routes.find(r => r.name === name) || null
+  }
+
+  /**
+   * Looks up a route config from the routes array by path.
+   * Used by the catch-all page to resolve which component to render.
+   * @param {string} path - The URL path to look up
+   * @returns {object | null} The matching route config, or null if not found
+   */
+  getViewForPath(path) {
+    // Normalize path (strip trailing slash, etc.)
+    const normalized = path === '' ? '/' : path.replace(/\/$/, '') || '/'
+
+    // First try exact match, then pattern match for parameterized routes (e.g., /welcome/:service)
+    let match = this.routes.find(r => r.path === normalized)
+    if (!match) {
+      match = this.routes.find((r) => {
+        if (!r.path.includes(':')) return false
+        // Convert route pattern like /welcome/:service to regex /^\/welcome\/([^/]+)$/
+        const regex = new RegExp('^' + r.path.replace(/:[^/]+/g, '([^/]+)') + '$')
+        return regex.test(normalized)
+      })
+    }
+    if (!match) return null
+
+    // Handle redirect routes (e.g., landing → welcome_anonymous)
+    if (match.redirect) {
+      return { redirect: match.redirect, meta: match.meta, name: match.name }
+    }
+
+    return {
+      component: match.component,
+      props: match.props || {},
+      meta: match.meta,
+      name: match.name,
+    }
+  }
+}
+
+export default Timeline

package/dist/runtime/css/main.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@import "tailwindcss";@import "tw-animate-css";@import "./smile.css";@source "../components/**/*.vue";@source "../components/**/*.js";@source "../layouts/**/*.vue";@source "../lib/**/*.js";@source "../pages/**/*.vue";@custom-variant dark (&:is(.dark *));@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--color-primary-button:var(--primary-button);--color-primary-button-foreground:var(--primary-button-foreground);--color-primary-button-light:var(--primary-button-light);--color-primary-button-light-foreground:var(--primary-button-light-foreground);--color-link-button:var(--link-button);--color-link-button-foreground:var(--link-button-foreground);--color-link-button-light:var(--link-button-light);--color-link-button-light-foreground:var(--link-button-light-foreground);--color-info-button:var(--info-button);--color-info-button-foreground:var(--info-button-foreground);--color-info-button-light:var(--info-button-light);--color-info-button-light-foreground:var(--info-button-light-foreground);--color-success-button:var(--success-button);--color-success-button-foreground:var(--success-button-foreground);--color-success-button-light:var(--success-button-light);--color-success-button-light-foreground:var(--success-button-light-foreground);--color-warning-button:var(--warning-button);--color-warning-button-foreground:var(--warning-button-foreground);--color-warning-button-light:var(--warning-button-light);--color-warning-button-light-foreground:var(--warning-button-light-foreground);--color-danger-button:var(--danger-button);--color-danger-button-foreground:var(--danger-button-foreground);--color-danger-button-light:var(--danger-button-light);--color-danger-button-light-foreground:var(--danger-button-light-foreground);--color-window-sizer-bg:var(--window-sizer-bg);--color-window-sizer-text:var(--window-sizer-text);--color-window-sizer-border:var(--window-sizer-border);--color-window-sizer-input:var(--window-sizer-input);--color-window-sizer-ring:var(--window-sizer-ring);--color-withdraw-bg:var(--withdraw-bg);--color-withdraw-text:var(--withdraw-text);--color-withdraw-border:var(--withdraw-border);--color-withdraw-ring:var(--withdraw-ring);--color-warning-bg:var(--warning-bg);--color-warning-text:var(--warning-text);--color-warning-border:var(--warning-border);--color-warning-ring:var(--warning-ring);--dev-bar-bg:var(--dev-bg);--dev-bar-text:var(--dev-text);--dev-bar-lines:var(--dev-lines);--page-bg-color:var(--background);--page-text-color:var(--foreground)}:root{--font-family-base:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-mono:ui-monospace,"Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace;font-optical-sizing:auto}.light,:root{--background:oklch(1 0 0);--foreground:oklch(0.141 0.005 285.823);--card:oklch(1 0 0);--card-foreground:oklch(0.141 0.005 285.823);--popover:oklch(1 0 0);--popover-foreground:oklch(0.141 0.005 285.823);--primary:oklch(0.21 0.006 285.885);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.967 0.001 286.375);--secondary-foreground:oklch(0.21 0.006 285.885);--muted:oklch(0.967 0.001 286.375);--muted-foreground:oklch(0.552 0.016 285.938);--accent:oklch(0.967 0.001 286.375);--accent-foreground:oklch(0.21 0.006 285.885);--destructive:oklch(0.577 0.245 27.325);--destructive-foreground:oklch(0.577 0.245 27.325);--border:oklch(0.92 0.004 286.32);--input:oklch(0.92 0.004 286.32);--ring:oklch(0.705 0.015 286.067);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-2:oklch(0.947 0 0);--sidebar-foreground:oklch(0.141 0.005 285.823);--sidebar-primary:oklch(0.21 0.006 285.885);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.967 0.001 286.375);--sidebar-accent-foreground:oklch(0.21 0.006 285.885);--sidebar-border:oklch(0.92 0.004 286.32);--sidebar-ring:oklch(0.705 0.015 286.067);--primary-button:oklch(0.396 0.141 264.376);--primary-button-foreground:oklch(0.985 0 0);--primary-button-light:oklch(0.85 0.05 264.376);--primary-button-light-foreground:oklch(0.396 0.141 264.376);--link-button:oklch(0.396 0.141 264.376);--link-button-foreground:oklch(0.396 0.141 264.376);--link-button-light:oklch(0.85 0.05 264.376);--link-button-light-foreground:oklch(0.396 0.141 264.376);--info-button:oklch(0.5 0.2 220);--info-button-foreground:oklch(0.985 0 0);--info-button-light:oklch(0.85 0.08 220);--info-button-light-foreground:oklch(0.5 0.2 220);--success-button:oklch(0.7 0.18 142);--success-button-foreground:oklch(0.985 0 0);--success-button-light:oklch(0.85 0.07 142);--success-button-light-foreground:oklch(0.5 0.18 142);--warning-button:oklch(0.7 0.2 70);--warning-button-foreground:oklch(0.141 0.005 285.823);--warning-button-light:oklch(0.9 0.08 70);--warning-button-light-foreground:oklch(0.7 0.2 70);--danger-button:oklch(0.577 0.245 27.325);--danger-button-foreground:oklch(0.985 0 0);--danger-button-light:oklch(0.85 0.1 27.325);--danger-button-light-foreground:oklch(0.577 0.245 27.325);--window-sizer-bg:#c2e9f4;--window-sizer-text:#025a72;--window-sizer-border:#0f96bb;--window-sizer-ring:#0f96bb;--withdraw-bg:#f8d7da;--withdraw-text:#721c24;--withdraw-border:#f5c6cb;--withdraw-ring:#f1aeb5;--warning-bg:#fff3cd;--warning-text:#856404;--warning-border:#ffeeba;--warning-ring:#ffe8a1;--dev-bg:var(--sidebar);--dev-bg-contrast:var(--sidebar-2);--dev-text:#141414;--dev-lines:0.01em solid #b5b5b5;--dev-contrast-text:#4d4d4d;--pinned-route:#ffd050;--hover-table-row:var(--muted);--log-yellow:oklch(0.985 0 0);--log-red:oklch(0.985 0 0);--log-green:oklch(0.985 0 0);--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8}.dark{--background:oklch(0.141 0.005 285.823);--foreground:oklch(0.985 0 0);--card:oklch(0.261 0.005 285.823);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.141 0.005 285.823);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.21 0.006 285.885);--secondary:oklch(0.274 0.006 286.033);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.274 0.006 286.033);--muted-foreground:oklch(0.705 0.015 286.067);--accent:oklch(0.274 0.006 286.033);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.274 0.006 286.033);--input:oklch(0.374 0.006 286.033);--ring:oklch(0.442 0.017 285.786);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.21 0.006 285.885);--sidebar-2:oklch(0.31 0.006 285.885);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.574 0.006 286.033);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.274 0.006 286.033);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.574 0.006 286.033);--sidebar-ring:oklch(0.442 0.017 285.786);--primary-button:oklch(0.488 0.243 264.376);--primary-button-foreground:oklch(0.985 0 0);--primary-button-light:oklch(0.3 0.1 264.376);--primary-button-light-foreground:oklch(0.8 0.15 264.376);--link-button:oklch(0.488 0.243 264.376);--link-button-foreground:oklch(0.488 0.243 264.376);--link-button-light:oklch(0.3 0.1 264.376);--link-button-light-foreground:oklch(0.8 0.15 264.376);--info-button:oklch(0.6 0.25 220);--info-button-foreground:oklch(0.985 0 0);--info-button-light:oklch(0.3 0.12 220);--info-button-light-foreground:oklch(0.75 0.2 220);--success-button:oklch(0.7 0.22 142);--success-button-foreground:oklch(0.985 0 0);--success-button-light:oklch(0.3 0.1 142);--success-button-light-foreground:oklch(0.75 0.18 142);--warning-button:oklch(0.8 0.25 70);--warning-button-foreground:oklch(0.141 0.005 285.823);--warning-button-light:oklch(0.35 0.12 70);--warning-button-light-foreground:oklch(0.85 0.2 70);--danger-button:oklch(0.6 0.25 27.325);--danger-button-foreground:oklch(0.985 0 0);--danger-button-light:oklch(0.3 0.12 27.325);--danger-button-light-foreground:oklch(0.8 0.2 27.325);--window-sizer-bg:#5c818c;--window-sizer-text:#174957;--window-sizer-border:#3c575f;--window-sizer-ring:#0f96bb;--withdraw-bg:#f8d7da;--withdraw-text:#721c24;--withdraw-border:#f5c6cb;--withdraw-ring:#f1aeb5;--warning-bg:#fff3cd;--warning-text:#856404;--warning-border:#ffeeba;--warning-ring:#ffe8a1;--dev-bg:var(--sidebar);--dev-bg-contrast:var(--sidebar-2);--dev-text:#cecece;--dev-lines:0.01em solid #b5b5b5;--dev-contrast-text:#4d4d4d;--pinned-route:#ffd050;--hover-table-row:var(--muted);--log-yellow:#adaa5b;--log-red:#976464;--log-green:#6c9659;--scrollbar-track:#2a2a2a;--scrollbar-thumb:#555;--scrollbar-thumb-hover:#777}.dark-aware-img{filter:invert(0)}.dark .dark-aware-img{filter:invert(1)}.dark .light .dark-aware-img{filter:invert(0)!important}.light .dark .dark-aware-img{filter:invert(1)!important}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground;font-family:var(--font-family-base);font-synthesis:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}

package/dist/runtime/css/smile.css

@@ -0,0 +1 @@
+:root{--purple:#8a4d76;--pink:#e88f9e;--brown:#84e69c;--light-grey:#6c6c6c;--darker-grey:#323232;--beige-light:#d0d1cd;--beige-lighter:#eff0eb;--code:#040404;--code-background:#fbfbfb;--status-green:#23d160;--status-yellow:#dab830;--status-red:#ea0808;--pinned-route:#ffdd57;--dev-bar-light-grey:#f7f7f7;--dev-bar-mild-grey:#eee;--dev-bar-strong-grey:#dbdbdb;--dev-bar-text:#000;--dev-bar-lines:0.01em solid #b5b5b5;--page-bg-color:"#fff";--page-text-color:"#000";--status-bar-bg-color:"#fff";--status-bar-text-color:"#000"}.table-cell-small{font-size:.8em}.table-cell-base{padding:.5rem .85rem}.table-row-base{border-top:1px solid var(--border);transition:background-color .2s}.table-row-base-bottom{border-bottom:1px solid var(--dev-bar-lines)}.table-row-odd{background-color:var(--dev-bg)}.table-row-odd:hover{background-color:var(--hover-table-row)}.table-row-even{background-color:var(--dev-bg-contrast)}.table-row-even:hover{background-color:var(--hover-table-row)}.table-cell-left{text-align:left}.table-cell-center{text-align:center}.table-cell-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.table-border-top{border-top:1px solid var(--border)}.table-border-bottom{border-bottom:1px solid var(--border)}

package/dist/runtime/layouts/development.d.vue.ts

@@ -0,0 +1,10 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};