andyjessop

cx-space {
  --cx-space-gap-small: 2rem;
  --cx-space-gap-default: 2.5rem;
  --cx-space-gap-large: 5rem;
}

andyjessop

import { spaced } from '@crux/design/styles';

...

html`
  <div class=${cx(spaced.container, spaced.vertical, spaced.small)}>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>`;

andyjessop

import { cx } from './cx';

describe('classes', () => {
  describe('cx', () => {
    test('cx should combine class names', () => {
      const result = cx('class1', { class2: true }, null, undefined, 'class3');

      expect(result).toBe('class1 class2 class3');
    });

andyjessop

import { css, html, LitElement } from 'lit';
import { customElement, property, state } from 'lit/decorators.js';

import { RouteEvent, Router } from './Router';

@customElement('router-link')
export class RouterLink extends LitElement {
  static router: Router | null = null;

  @property({ type: String }) to = '';

andyjessop

Web Component Development Prompt

Overview

Create a web component following best practices for architectural and stylistic elements. The component should be implemented using the lit library, with particular attention to accessibility, customisability, and reusability.

Objectives

• The component must be fully functional, encapsulating all logic and styles necessary for its operation.
• Implement static styles using css imported from lit, ensuring all CSS properties are exposed as custom properties on the host element for easy styling customisation.
• Define slots and CSS parts to allow users to customise the content and style of different component parts.
• Ensure the component is accessible, including proper ARIA attributes and roles where necessary.

andyjessop

type RandomizedSet struct {
	Entries map[int]bool
	Values  []int
	Indexes map[int]int
}

func Constructor() *RandomizedSet {
	return &RandomizedSet{Entries: make(map[int]bool), Indexes: make(map[int]int)}
}

andyjessop

import { Hono } from 'hono';
import { jwt } from 'hono/jwt';
import { D1 } from '@cloudflare/workers-types';
import { hash, compare } from 'bcrypt';
import { v4 as uuidv4 } from 'uuid';
import { sendEmail } from './email';
import { isEmail, sanitize } from 'validator';
import { createHash } from 'crypto';

type Env = {

andyjessop

NeurFlow Documentation

Introduction

NeurFlow is a revolutionary new programming language for building complex, dynamic, and reactive user interfaces. Inspired by the structure and function of neural networks, NeurFlow allows you to define your application as a network of interconnected "neurons".

Core Concepts

Neurons

andyjessop

Between the <list> and </list> markers are a list of files in this repo. However, in order to make them shorter, they have been compressed in the following way:
- each file path token (excluding final filename) has been swapped with a short version, and then added to a map.
- the shortened version is inserted into the file path instead of the original token.

For example:

this/is/the/file/path/for/test.ts
this/is/another/path/for/another.ts

andyjessop

import * as fs from "fs";
import * as path from "path";

function readFileContents(filePath: string): string {
	return fs.readFileSync(filePath, "utf-8");
}

function processDirectory(dirPath: string, outputString: string): string {
	const files = fs.readdirSync(dirPath);