cursor-park 0.0.1

package/dist/objects.js

@@ -0,0 +1,334 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { library } from './assets/svgs';
+import { MouseCursor } from './cursor';
+import { ReactiveElement, css, property } from './reactive-element';
+import { clamp, inlineSVG } from './utils';
+export class CursorObject extends ReactiveElement {
+    static { this.acquiredObject = null; }
+    #cursor = null;
+    get cursor() {
+        return this.#cursor;
+    }
+    constructor() {
+        super();
+        this.addEventListener('click', this.#onAcquireClick);
+    }
+    acquireCursor(x, y) {
+        if (this.#cursor === null)
+            return;
+        CursorObject.acquiredObject?.releaseCursor();
+        CursorObject.acquiredObject = this;
+        this.#cursor.x = x;
+        this.#cursor.y = y;
+        this.appendChild(this.#cursor);
+        console.log('acquire', this);
+    }
+    releaseCursor() {
+        console.log('release', this);
+        if (this.cursor == null)
+            return;
+        this.cursor.action = '';
+        this.cursor.remove();
+        this.#cursor = null;
+        CursorObject.acquiredObject = null;
+    }
+    #onAcquireClick = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        if (this.#cursor) {
+            this.releaseCursor();
+        }
+        else {
+            this.#cursor = MouseCursor.self;
+            // compute point of click relative to the objects bounding box (which has to account for scroll)
+            const rect = this.getBoundingClientRect();
+            const x = event.pageX - (rect.x + window.scrollX);
+            const y = event.pageY - (rect.y + window.scrollY);
+            this.acquireCursor(x, y);
+        }
+    };
+}
+export class CursorBench extends CursorObject {
+    static { this.tagName = 'cursor-bench'; }
+    static { this.styles = css `
+    :host {
+      display: block;
+      position: relative;
+      aspect-ratio: 2.04;
+      width: 85px;
+      user-select: none;
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+
+    ::slotted(mouse-cursor) {
+      top: 50% !important;
+      translate: 0 -72%;
+    }
+  `; }
+    #img = document.createElement('img');
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        const url = new URL('./assets/bench.png', import.meta.url);
+        this.#img.src = url.toString();
+        this.#img.alt = 'A tiny metal casted bench.';
+        root.append(this.#img, document.createElement('slot'));
+        return root;
+    }
+    acquireCursor(x, y) {
+        super.acquireCursor(x, y);
+        // Shift the cursor over by 1/3 because the sprite is slightly bigger than it's outline.
+        this.cursor.x = clamp(0, x, this.offsetWidth) - this.cursor.offsetWidth / 3;
+        this.cursor.y = 0;
+        this.cursor.action = 'sitting';
+        document.addEventListener('keydown', this.#onKeydown);
+        document.addEventListener('keyup', this.#onKeyup);
+    }
+    releaseCursor() {
+        document.removeEventListener('keydown', this.#onKeydown);
+        document.removeEventListener('keyup', this.#onKeyup);
+        super.releaseCursor();
+    }
+    #onKeydown = (event) => {
+        if (this.cursor === null)
+            return;
+        if (event.code === 'ArrowLeft') {
+            event.preventDefault();
+            if (this.cursor.x > 3)
+                this.#animateCursor(-2);
+        }
+        else if (event.code === 'ArrowRight') {
+            event.preventDefault();
+            if (this.cursor.x + this.cursor.offsetWidth <= this.offsetWidth)
+                this.#animateCursor(2);
+        }
+        else if (event.code === 'ArrowUp') {
+            event.preventDefault();
+            this.cursor.action = 'sitting-forwards';
+        }
+        else if (event.code === 'ArrowDown') {
+            event.preventDefault();
+            this.cursor.action = 'sitting-backwards';
+        }
+    };
+    #onKeyup = (event) => {
+        if (this.cursor === null)
+            return;
+        if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
+            this.cursor.action = 'sitting';
+        }
+    };
+    #animateCursor(delta) {
+        if (this.cursor === null)
+            return;
+        this.cursor.x += delta;
+    }
+}
+export class CursorLibrary extends CursorObject {
+    constructor() {
+        super(...arguments);
+        this.#img = document.createElement('img');
+        this.#books = document.createElement('div');
+        this.#slot = document.createElement('slot');
+        this.#clickZone = document.createElement('click-zone');
+        this.src = '';
+    }
+    static { this.tagName = 'cursor-library'; }
+    static { this.styles = css `
+    :host {
+      display: block;
+      position: relative;
+      /* 20 x 38 */
+      aspect-ratio: 0.53;
+      height: 80px;
+      user-select: none;
+    }
+
+    click-zone {
+      display: block;
+      position: absolute;
+      height: 100%;
+      width: 150%;
+      top: -25%;
+      right: 100%;
+      background: rgba(0, 0, 0, 0.15);
+      border-radius: 5px;
+      opacity: 0;
+      transition: opacity 0.2s ease-out;
+    }
+
+    img {
+      height: 100%;
+      width: 100%;
+    }
+
+    ::slotted(mouse-cursor) {
+      translate: -50% 0%;
+    }
+
+    div {
+      font-size: 16px;
+      pointer-events: none;
+      text-align: center;
+      opacity: 0;
+      position: absolute;
+      top: -75px;
+      bottom: -75px;
+      left: 125%;
+      background: #deeade;
+      border-radius: 4px;
+      transition: opacity 200ms ease-out;
+      box-sizing: border-box;
+      overflow: auto;
+      z-index: 2;
+      box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.5);
+      z-index: calc(Infinity);
+      padding: 12px 64px 4px 20px;
+
+      align-items: flex-end;
+      display: flex !important;
+      gap: 2px;
+      list-style-type: none;
+
+      ::slotted(a),
+      a {
+        writing-mode: vertical-rl;
+        text-orientation: mixed;
+        border-radius: 3px;
+        overflow: hidden;
+        color: white;
+        padding: 9px 4px;
+        line-height: 1.5;
+        text-decoration: none;
+        cursor: unset;
+        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
+      }
+
+      ::slotted(a:hover),
+      a:hover {
+        text-decoration: underline;
+      }
+
+      ::slotted(a:nth-child(even)),
+      a:nth-child(even) {
+        background: #3ebc1b;
+      }
+
+      ::slotted(a:nth-child(odd)),
+      a:nth-child(odd) {
+        background: #ff0000;
+      }
+
+      ::slotted(a:nth-child(2n + 1)),
+      a:nth-child(2n + 1) {
+        rotate: 2deg;
+        translate: -2px;
+        margin-left: 2px;
+        background: #286e75;
+      }
+
+      ::slotted(a:nth-child(3n)),
+      a:nth-child(3n) {
+        rotate: -1deg;
+        translate: 1px;
+        margin-left: 1px;
+        background: #d3d382;
+        color: black;
+      }
+
+      ::slotted(a:first-child),
+      a:first-child {
+        rotate: 8deg;
+        translate: -8px;
+        margin-left: 8px;
+        background: #ff0000;
+      }
+
+      ::slotted(a:last-of-type),
+      a:last-of-type {
+        rotate: -8deg;
+        translate: 8px;
+        background: #d3d382;
+      }
+    }
+  `; }
+    #img;
+    #books;
+    #slot;
+    #clickZone;
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        this.#books.appendChild(this.#slot);
+        this.#books.addEventListener('click', (e) => e.stopPropagation());
+        this.#img.src = inlineSVG(library());
+        const cursorSlot = document.createElement('slot');
+        cursorSlot.name = 'cursor';
+        root.append(cursorSlot, this.#clickZone, this.#img, this.#books);
+        return root;
+    }
+    update(changedProperties) {
+        super.update(changedProperties);
+        if (changedProperties.has('src')) {
+            if (this.src === '')
+                return;
+            const url = URL.parse(this.src);
+            if (url?.hostname === 'semble.so') {
+                const [, profile, identifier, collections, rkey] = url.pathname.split('/');
+                console.log('url', profile, identifier, collections, rkey);
+                if (profile === 'profile' && identifier && collections === 'collections' && rkey) {
+                    this.#loadSembleCollection(identifier, rkey);
+                }
+            }
+        }
+    }
+    async #loadSembleCollection(identifier, rkey) {
+        const response = await fetch(`https://api.semble.so/xrpc/network.cosmik.collection.getByAtUri?handle=${identifier}&recordKey=${rkey}&page=1&limit=15`);
+        if (!response.ok)
+            return;
+        const collection = await response.json();
+        const links = collection.urlCards.map(({ cardContent }) => ({
+            url: cardContent.url,
+            title: cardContent.title || cardContent.description,
+        }));
+        this.#createLinks(links);
+    }
+    #createLinks(links) {
+        const anchors = links.map((link) => {
+            const a = document.createElement('a');
+            a.href = link.url;
+            a.textContent = link.title.length < 60 ? link.title : link.title.slice(0, 57) + '...';
+            a.target = '_blank';
+            const size = -2.5 * link.title.length + 70;
+            a.style.fontSize = `${clamp(12, size, 18)}px`;
+            return a;
+        });
+        this.#slot.append(...anchors);
+        console.log(anchors);
+    }
+    acquireCursor(x, y) {
+        super.acquireCursor(x, y);
+        this.cursor.slot = 'cursor';
+        this.cursor.action = 'looking-down';
+        this.#books.style.opacity = '0.9';
+        this.#books.style.pointerEvents = 'all';
+    }
+    releaseCursor() {
+        this.cursor.slot = '';
+        this.#books.style.opacity = '0';
+        this.#books.style.pointerEvents = '';
+        super.releaseCursor();
+    }
+}
+__decorate([
+    property({ type: String, reflect: true })
+], CursorLibrary.prototype, "src", void 0);
+//# sourceMappingURL=objects.js.map

package/dist/objects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"objects.js","sourceRoot":"","sources":["../src/objects.ts"],"names":[],"mappings":"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"}

package/dist/reactive-element.d.ts

@@ -0,0 +1,12 @@
+import { ReactiveElement as RE } from '@lit/reactive-element';
+export { css, type PropertyValues, unsafeCSS } from '@lit/reactive-element';
+export { property } from '@lit/reactive-element/decorators.js';
+export declare class ReactiveElement extends RE {
+    /** Defines the name of the custom element, must include a hyphen or it will error out when defined.
+     * Defaults to a kebab-case version of the PascalCase class name
+     */
+    static tagName: string;
+    /** Defines the custom element with the global CustomElementRegistry, ignored if called more than once. Errors if no tagName is defined or it doesn't include a hyphen. */
+    static define(): void;
+}
+//# sourceMappingURL=reactive-element.d.ts.map

package/dist/reactive-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-element.d.ts","sourceRoot":"","sources":["../src/reactive-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,KAAK,cAAc,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAE/D,qBAAa,eAAgB,SAAQ,EAAE;IACrC;;OAEG;IACH,MAAM,CAAC,OAAO,SAAM;IAEpB,0KAA0K;IAC1K,MAAM,CAAC,MAAM,SAUZ;CACF"}

package/dist/reactive-element.js

@@ -0,0 +1,21 @@
+import { ReactiveElement as RE } from '@lit/reactive-element';
+export { css, unsafeCSS } from '@lit/reactive-element';
+export { property } from '@lit/reactive-element/decorators.js';
+export class ReactiveElement extends RE {
+    /** Defines the name of the custom element, must include a hyphen or it will error out when defined.
+     * Defaults to a kebab-case version of the PascalCase class name
+     */
+    static { this.tagName = ''; }
+    /** Defines the custom element with the global CustomElementRegistry, ignored if called more than once. Errors if no tagName is defined or it doesn't include a hyphen. */
+    static define() {
+        if (!this.tagName)
+            this.tagName = this.name
+                .replace(/([A-Z])/g, '-$1')
+                .toLowerCase()
+                .slice(1);
+        if (customElements.get(this.tagName))
+            return;
+        customElements.define(this.tagName, this);
+    }
+}
+//# sourceMappingURL=reactive-element.js.map

package/dist/reactive-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-element.js","sourceRoot":"","sources":["../src/reactive-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAE/D,MAAM,OAAO,eAAgB,SAAQ,EAAE;IACrC;;OAEG;aACI,YAAO,GAAG,EAAE,CAAC;IAEpB,0KAA0K;IAC1K,MAAM,CAAC,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,OAAO;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI;iBACrB,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;iBAC1B,WAAW,EAAE;iBACb,KAAK,CAAC,CAAC,CAAC,CAAC;QAEd,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;YAAE,OAAO;QAE7C,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;CACF"}

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const CURSOR_COLOR: string;
+export declare const CURSOR_SCALE: number;
+export declare const clamp: (min: number, value: number, max: number) => number;
+export declare const inlineSVG: (svg: string) => string;
+export declare const convertSVGIntoCssURL: (svg: string) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,YAAY,QAAoD,CAAC;AAC9E,eAAO,MAAM,YAAY,QAAoD,CAAC;AAC9E,eAAO,MAAM,KAAK,QAAS,MAAM,SAAS,MAAM,OAAO,MAAM,WAAwC,CAAC;AACtG,eAAO,MAAM,SAAS,QAAS,MAAM,WAAyD,CAAC;AAC/F,eAAO,MAAM,oBAAoB,QAAS,MAAM,WAA+B,CAAC"}

package/dist/utils.js

@@ -0,0 +1,27 @@
+const COLORS = [
+    '#447F59',
+    '#A10314',
+    '#FB546E',
+    '#8750C9',
+    '#E601B2',
+    '#c44601',
+    '#f57600',
+    '#0073e6',
+    '#054fb9',
+    '#5ba300',
+    '#89ce00',
+    '#0073e6',
+    '#e6308a',
+    '#009eb0',
+    '#b51963',
+    '#f57600',
+    '#00b4c5',
+    '#5928ed',
+];
+const SCALES = [1.7, 1.8, 1.9, 2, 2.1, 2.2, 2.3];
+export const CURSOR_COLOR = COLORS[Math.floor(Math.random() * COLORS.length)];
+export const CURSOR_SCALE = SCALES[Math.floor(Math.random() * SCALES.length)];
+export const clamp = (min, value, max) => Math.min(Math.max(value, min), max);
+export const inlineSVG = (svg) => `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+export const convertSVGIntoCssURL = (svg) => `url('${inlineSVG(svg)}')`;
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AACF,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AACtG,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;AAC/F,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,QAAQ,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "cursor-park",
+  "author": "Christopher Shank <chris.shank.23@gmail.com>",
+  "version": "0.0.1",
+  "description": "Primitives to make personal websites feel more like public space.",
+  "keywords": [
+    "cursors",
+    "free library",
+    "bench"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ChrisShank/cursor-benches.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ChrisShank/cursor-benches/issues"
+  },
+  "homepage": "https://github.com/ChrisShank/cursor-benches/tree/main/packages/cursor-park",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite demo",
+    "build:demo": "vite build demo",
+    "build": "tsc --build --pretty && cp ./src/assets/*.png ./dist/assets",
+    "publish": "npm run build && npm publish"
+  },
+  "dependencies": {
+    "lit": "^3.3.2"
+  },
+  "devDependencies": {
+    "typescript": "^7.0.0",
+    "vite": "^8.0.12"
+  }
+}