@vibes.diy/base 14.1.0 → 14.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
declare const
|
|
3
|
-
export type OnboardingStep = (typeof
|
|
2
|
+
declare const ALL_STEPS: readonly ["handle", "avatar", "sharing"];
|
|
3
|
+
export type OnboardingStep = (typeof ALL_STEPS)[number];
|
|
4
|
+
export declare function onboardingSteps(includeHandleStep: boolean): readonly OnboardingStep[];
|
|
4
5
|
export interface OnboardingOverlayProps {
|
|
5
6
|
readonly placeholder: string;
|
|
6
7
|
readonly wordSlugCandidates: readonly string[];
|
|
@@ -16,6 +17,7 @@ export interface OnboardingOverlayProps {
|
|
|
16
17
|
readonly onFinish: () => void;
|
|
17
18
|
readonly onSkip: () => void;
|
|
18
19
|
readonly onStepShown?: (step: OnboardingStep) => void;
|
|
20
|
+
readonly includeHandleStep?: boolean;
|
|
19
21
|
}
|
|
20
|
-
export declare function OnboardingOverlay({ placeholder, wordSlugCandidates, clerkSuggestions, onRefreshCandidates, refreshing, busy, onConfirmHandle, avatarSlot, onSetSharingIntent, appState, onViewApp, onFinish, onSkip, onStepShown, }: OnboardingOverlayProps): React.ReactElement;
|
|
22
|
+
export declare function OnboardingOverlay({ placeholder, wordSlugCandidates, clerkSuggestions, onRefreshCandidates, refreshing, busy, onConfirmHandle, avatarSlot, onSetSharingIntent, appState, onViewApp, onFinish, onSkip, onStepShown, includeHandleStep, }: OnboardingOverlayProps): React.ReactElement;
|
|
21
23
|
export {};
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { HandleChooserPanel, OverlayCardShell, PanelButtons } from "./HandleChooser.js";
|
|
3
|
-
const
|
|
4
|
-
export function
|
|
3
|
+
const ALL_STEPS = ["handle", "avatar", "sharing"];
|
|
4
|
+
export function onboardingSteps(includeHandleStep) {
|
|
5
|
+
return includeHandleStep ? ALL_STEPS : ALL_STEPS.filter((s) => s !== "handle");
|
|
6
|
+
}
|
|
7
|
+
export function OnboardingOverlay({ placeholder, wordSlugCandidates, clerkSuggestions, onRefreshCandidates, refreshing, busy, onConfirmHandle, avatarSlot, onSetSharingIntent, appState, onViewApp, onFinish, onSkip, onStepShown, includeHandleStep = true, }) {
|
|
5
8
|
const [stepIndex, setStepIndex] = useState(0);
|
|
6
|
-
const
|
|
7
|
-
const
|
|
9
|
+
const [steps] = useState(() => onboardingSteps(includeHandleStep));
|
|
10
|
+
const step = steps[stepIndex];
|
|
11
|
+
const advance = () => setStepIndex((i) => Math.min(i + 1, steps.length));
|
|
8
12
|
useEffect(() => {
|
|
9
|
-
if (stepIndex >=
|
|
13
|
+
if (stepIndex >= steps.length)
|
|
10
14
|
onFinish();
|
|
11
|
-
}, [stepIndex, onFinish]);
|
|
15
|
+
}, [stepIndex, steps.length, onFinish]);
|
|
12
16
|
useEffect(() => {
|
|
13
|
-
if (stepIndex <
|
|
14
|
-
onStepShown?.(
|
|
15
|
-
}, [stepIndex, onStepShown]);
|
|
17
|
+
if (stepIndex < steps.length)
|
|
18
|
+
onStepShown?.(steps[stepIndex]);
|
|
19
|
+
}, [stepIndex, steps, onStepShown]);
|
|
16
20
|
const confirmHandle = (sanitized) => {
|
|
17
21
|
if (sanitized === placeholder) {
|
|
18
22
|
advance();
|
|
@@ -23,7 +27,7 @@ export function OnboardingOverlay({ placeholder, wordSlugCandidates, clerkSugges
|
|
|
23
27
|
advance();
|
|
24
28
|
});
|
|
25
29
|
};
|
|
26
|
-
return (React.createElement(OverlayCardShell, { ariaLabel: "Set up your handle, avatar, and sharing", headerLeft: `Step ${stepIndex + 1} of ${
|
|
30
|
+
return (React.createElement(OverlayCardShell, { ariaLabel: "Set up your handle, avatar, and sharing", headerLeft: `Step ${Math.min(stepIndex + 1, steps.length)} of ${steps.length} · while your app builds`, dismissLabel: "Skip onboarding", onDismiss: onSkip },
|
|
27
31
|
(appState === "revealed" || appState === "ready") && (React.createElement("button", { type: "button", onClick: onViewApp ?? onFinish, style: {
|
|
28
32
|
width: "100%",
|
|
29
33
|
marginBottom: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingOverlay.js","sourceRoot":"","sources":["../../jsr/components/OnboardingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAgBxF,MAAM,
|
|
1
|
+
{"version":3,"file":"OnboardingOverlay.js","sourceRoot":"","sources":["../../jsr/components/OnboardingOverlay.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vibes.diy/base",
|
|
3
|
-
"version": "14.1.
|
|
3
|
+
"version": "14.1.2",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@adviser/cement": "~0.5.34",
|
|
12
12
|
"@emotion/css": "~11.13.5",
|
|
13
|
-
"@vibes.diy/use-vibes-types": "14.1.
|
|
14
|
-
"@vibes.diy/vibe-runtime": "14.1.
|
|
15
|
-
"@vibes.diy/vibe-types": "14.1.
|
|
13
|
+
"@vibes.diy/use-vibes-types": "14.1.2",
|
|
14
|
+
"@vibes.diy/vibe-runtime": "14.1.2",
|
|
15
|
+
"@vibes.diy/vibe-types": "14.1.2",
|
|
16
16
|
"officeparser": "~7.8.0",
|
|
17
17
|
"qrcode-generator": "~2.0.4",
|
|
18
18
|
"react": "~19.2.8"
|