diff --git a/README.md b/README.md index b7c82a3..db3b774 100644 --- a/README.md +++ b/README.md @@ -15,8 +15,8 @@ Fake product demos on a landing page usually rot. The cursor is on one timeline, Busker gets rid of the second timeline. You give it a list of places the cursor goes, it glides there and **really clicks the element**, and your own handlers change the page. Nothing is timed except the pauses, so there is nothing to keep in sync. ```typescript -import {busk} from 'busker'; -import 'busker/busker.css'; +import {busk} from '@logfox/busker'; +import '@logfox/busker/busker.css'; busk(document.querySelector('.app'), { scene: 'home', @@ -39,7 +39,7 @@ Zero dependencies, about 4kB, no build step, no framework. ## Quick start ```bash -npm i busker +npm i @logfox/busker ``` [Getting started](src/content/docs/getting-started.md) is a working demo in four steps. diff --git a/package-lock.json b/package-lock.json index 9aec1b9..2c10f04 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "busker", + "name": "@logfox/busker", "version": "0.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "busker", + "name": "@logfox/busker", "version": "0.0.0", "license": "MIT", "devDependencies": { diff --git a/package.json b/package.json index 3a9021c..b720039 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "busker", + "name": "@logfox/busker", "version": "0.0.0", "description": "Scripted cursor demos that really click. Drive a fake product UI with a routine, not a stopwatch.", "keywords": [ diff --git a/src/content/docs/api-reference.md b/src/content/docs/api-reference.md index 13817b2..e890890 100644 --- a/src/content/docs/api-reference.md +++ b/src/content/docs/api-reference.md @@ -1,7 +1,7 @@ # API reference ```typescript -import {busk} from 'busker'; +import {busk} from '@logfox/busker'; const show = busk(root, routine); ``` diff --git a/src/content/docs/getting-started.md b/src/content/docs/getting-started.md index beef149..b136bcf 100644 --- a/src/content/docs/getting-started.md +++ b/src/content/docs/getting-started.md @@ -3,7 +3,7 @@ ## 1. Install ```bash -npm i busker +npm i @logfox/busker ``` Busker has no dependencies and runs in the browser. It ships types, and works with any framework or none — it only ever touches the element you hand it. @@ -36,8 +36,8 @@ A mock is ordinary markup. Busker needs three things from it, all `data-` attrib ## 3. Put on a show ```typescript title="main.ts" -import {busk} from 'busker'; -import 'busker/busker.css'; +import {busk} from '@logfox/busker'; +import '@logfox/busker/busker.css'; const root = document.querySelector('.app'); diff --git a/src/content/docs/styling.md b/src/content/docs/styling.md index 26618ab..2471eaf 100644 --- a/src/content/docs/styling.md +++ b/src/content/docs/styling.md @@ -3,7 +3,7 @@ `busker.css` is optional. It styles the cursor, the ripple, the pointer affordance, the miss hint, and scene switching — about 100 lines, all scoped to `.busker`. ```typescript -import 'busker/busker.css'; +import '@logfox/busker/busker.css'; ``` Or copy it into your own stylesheet and edit it. There is nothing clever in there.