Hypercubed

@use 'sass:map';
@use 'sass:list';
@use 'sass:selector';

@function to-string($list, $glue: '') {
  $result: nth($list, 1);

  @if length($list) > 1 {
    @for $i from 2 through length($list) {
      $result: $result + $glue + nth($list, $i);

Hypercubed

@use 'sass:map';

$tokens: (
    'color-red': #ff0000,
    'color-blue': #00ff00,
    'color-green': #0000ff,
    'size-40': 2.5rem,
    'size-48': 3rem,
    'size-56': 3.5rem,
    'shadow-2xs': var(----shadow-2xs)

Hypercubed

@use 'sass:map';

$tokens: (
    'red': #ff0000,
    'blue': #00ff00,
    'green': #0000ff
);

$mixins: ();

Hypercubed

// Name: What to Wear

import "@johnlindquist/kit"

const gps = await db({ lat: 0, long: 0 });

if (gps.data.lat === 0 && gps.data.long === 0) {
  gps.data.lat = await arg("Enter your lat");
  gps.data.long = await arg("Enter your long");
  await gps.write();

Hypercubed

// Name: Refresh Screen

import "@johnlindquist/kit"

await widget(`
<style>
body, html {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;

Hypercubed

run1:test (OK)

Running run1:test works fine

chomp run1:test
🞂 ./test.out
./test.txt ./test.out
√ ./test.out [4.791791ms]

Hypercubed

run1:test (OK)

Running run1:test works fine

chomp run1:test
🞂 ./test.out
./test.txt ./test.out
√ ./test.out [4.791791ms]

Hypercubed

// 1. Reacting to a state change

save() {
  this.store.setSaveButtonState(ButtonState.InProgress);
  this.store.saveRecord();

  this.store.saveButtonState
    .pipe(
      filter(state => state !== ButtonState.InProgress),
      take(1)

Hypercubed

DocPad: rsync Deploy Script

• Place deploy.sh in {docpad folder}/bin/
• Create (or edit) a .env file in your docpad folder with the following values:

#!/bin/bash
DEPLOY_SOURCE_DIR="out/"
DEPLOY_DEST_DIR="~/public_html/"
DEPLOY_SERVER=deploy-server-name

Hypercubed

-/
node_modules/
package-lock.json