@flowsterix/react 0.2.1 → 0.3.1
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.
- package/dist/{chunk-B6OJ26VH.mjs → chunk-L6HQUDEA.mjs} +23 -3
- package/dist/context.d.ts +9 -9
- package/dist/context.d.ts.map +1 -1
- package/dist/index.cjs +7 -82
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +7 -21
- package/dist/router/index.cjs +17 -15
- package/dist/router/index.mjs +2 -4
- package/dist/router/tanstackRouterAdapter.cjs +61 -2
- package/dist/router/tanstackRouterAdapter.d.ts +2 -0
- package/dist/router/tanstackRouterAdapter.d.ts.map +1 -1
- package/dist/router/tanstackRouterAdapter.mjs +11 -1
- package/package.json +2 -2
- package/dist/chunk-LQFOZS4Y.mjs +0 -24
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
createPathString,
|
|
3
|
+
notifyRouteChange
|
|
4
|
+
} from "./chunk-WTGQUDPT.mjs";
|
|
5
|
+
|
|
6
|
+
// src/router/tanstackRouterAdapter.tsx
|
|
7
|
+
import { useRouterState } from "@tanstack/react-router";
|
|
8
|
+
import { useEffect as useEffect2 } from "react";
|
|
4
9
|
|
|
5
10
|
// src/router/tanstackRouterSync.tsx
|
|
6
11
|
import * as TanStackRouter from "@tanstack/react-router";
|
|
@@ -41,10 +46,25 @@ var TanStackRouterSync = ({
|
|
|
41
46
|
return null;
|
|
42
47
|
};
|
|
43
48
|
|
|
49
|
+
// src/router/tanstackRouterAdapter.tsx
|
|
50
|
+
var useTanStackRouterTourAdapter = () => {
|
|
51
|
+
const location = useRouterState({
|
|
52
|
+
select: (state) => state.location
|
|
53
|
+
});
|
|
54
|
+
useEffect2(() => {
|
|
55
|
+
const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
|
|
56
|
+
const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
|
|
57
|
+
const resolvedHash = typeof location.hash === "string" ? location.hash : "";
|
|
58
|
+
const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
|
|
59
|
+
notifyRouteChange(path);
|
|
60
|
+
}, [location]);
|
|
61
|
+
};
|
|
62
|
+
|
|
44
63
|
export {
|
|
45
64
|
setTourRouter,
|
|
46
65
|
setTanStackRouter,
|
|
47
66
|
getTourRouter,
|
|
48
67
|
getTanStackRouter,
|
|
49
|
-
TanStackRouterSync
|
|
68
|
+
TanStackRouterSync,
|
|
69
|
+
useTanStackRouterTourAdapter
|
|
50
70
|
};
|
package/dist/context.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BackdropInteractionMode, EventBus, FlowAnalyticsHandlers, FlowCancelReason, FlowDefinition, FlowEvents, FlowState, StartFlowOptions, Step, StorageAdapter, VersionMismatchInfo } from '@flowsterix/core';
|
|
1
|
+
import type { BackdropInteractionMode, EventBus, FlowAnalyticsHandlers, FlowCancelReason, FlowDefinition, FlowEvents, FlowState, MaybePromise, StartFlowOptions, Step, StorageAdapter, VersionMismatchInfo } from '@flowsterix/core';
|
|
2
2
|
import type { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
|
|
3
3
|
import type { TourLabels } from './labels';
|
|
4
4
|
import type { AnimationAdapter } from './motion/animationAdapter';
|
|
@@ -32,14 +32,14 @@ export interface TourContextValue {
|
|
|
32
32
|
activeFlowId: string | null;
|
|
33
33
|
state: FlowState | null;
|
|
34
34
|
activeStep: Step<ReactNode> | null;
|
|
35
|
-
startFlow: (flowId: string, options?: StartFlowOptions) => FlowState
|
|
36
|
-
next: () => FlowState
|
|
37
|
-
back: () => FlowState
|
|
38
|
-
goToStep: (step: number | string) => FlowState
|
|
39
|
-
pause: () => FlowState
|
|
40
|
-
resume: () => FlowState
|
|
41
|
-
cancel: (reason?: FlowCancelReason) => FlowState
|
|
42
|
-
complete: () => FlowState
|
|
35
|
+
startFlow: (flowId: string, options?: StartFlowOptions) => MaybePromise<FlowState>;
|
|
36
|
+
next: () => MaybePromise<FlowState>;
|
|
37
|
+
back: () => MaybePromise<FlowState>;
|
|
38
|
+
goToStep: (step: number | string) => MaybePromise<FlowState>;
|
|
39
|
+
pause: () => MaybePromise<FlowState>;
|
|
40
|
+
resume: () => MaybePromise<FlowState>;
|
|
41
|
+
cancel: (reason?: FlowCancelReason) => MaybePromise<FlowState>;
|
|
42
|
+
complete: () => MaybePromise<FlowState>;
|
|
43
43
|
events: EventBus<FlowEvents<ReactNode>> | null;
|
|
44
44
|
debugEnabled: boolean;
|
|
45
45
|
setDebugEnabled: (value: boolean) => void;
|
package/dist/context.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,SAAS,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
19
|
|
|
30
20
|
// src/index.tsx
|
|
@@ -32,7 +22,6 @@ var index_exports = {};
|
|
|
32
22
|
__export(index_exports, {
|
|
33
23
|
AnimationAdapterProvider: () => AnimationAdapterProvider,
|
|
34
24
|
OverlayBackdrop: () => OverlayBackdrop,
|
|
35
|
-
TanStackRouterSync: () => TanStackRouterSync,
|
|
36
25
|
TourFocusManager: () => TourFocusManager,
|
|
37
26
|
TourPopoverPortal: () => TourPopoverPortal,
|
|
38
27
|
TourProvider: () => TourProvider,
|
|
@@ -41,12 +30,8 @@ __export(index_exports, {
|
|
|
41
30
|
defaultAnimationAdapter: () => defaultAnimationAdapter,
|
|
42
31
|
defaultLabels: () => defaultLabels,
|
|
43
32
|
getCurrentRoutePath: () => getCurrentRoutePath,
|
|
44
|
-
getTanStackRouter: () => getTanStackRouter,
|
|
45
|
-
getTourRouter: () => getTourRouter,
|
|
46
33
|
notifyRouteChange: () => notifyRouteChange,
|
|
47
34
|
reducedMotionAnimationAdapter: () => reducedMotionAnimationAdapter,
|
|
48
|
-
setTanStackRouter: () => setTanStackRouter,
|
|
49
|
-
setTourRouter: () => setTourRouter,
|
|
50
35
|
subscribeToRouteChanges: () => subscribeToRouteChanges,
|
|
51
36
|
useAdvanceRules: () => useAdvanceRules,
|
|
52
37
|
useAnimationAdapter: () => useAnimationAdapter,
|
|
@@ -60,7 +45,6 @@ __export(index_exports, {
|
|
|
60
45
|
useHudTargetIssue: () => useHudTargetIssue,
|
|
61
46
|
usePreferredAnimationAdapter: () => usePreferredAnimationAdapter,
|
|
62
47
|
useRadixDialogAdapter: () => useRadixDialogAdapter,
|
|
63
|
-
useTanStackRouterTourAdapter: () => useTanStackRouterTourAdapter,
|
|
64
48
|
useTour: () => useTour,
|
|
65
49
|
useTourControls: () => useTourControls,
|
|
66
50
|
useTourEvents: () => useTourEvents,
|
|
@@ -554,9 +538,10 @@ var TourProvider = ({
|
|
|
554
538
|
} else {
|
|
555
539
|
pendingResumeRef.current.delete(flowId);
|
|
556
540
|
}
|
|
557
|
-
const
|
|
541
|
+
const result = store.start(options);
|
|
542
|
+
const nextState = store.getState();
|
|
558
543
|
if (!options?.resume) {
|
|
559
|
-
return
|
|
544
|
+
return result;
|
|
560
545
|
}
|
|
561
546
|
if (previousState.stepIndex >= 0 && nextState.status === "running") {
|
|
562
547
|
pendingResumeRef.current.delete(flowId);
|
|
@@ -568,7 +553,7 @@ var TourProvider = ({
|
|
|
568
553
|
} else if (nextState.status !== "idle" && nextState.stepIndex <= 0) {
|
|
569
554
|
pendingResumeRef.current.delete(flowId);
|
|
570
555
|
}
|
|
571
|
-
return
|
|
556
|
+
return result;
|
|
572
557
|
},
|
|
573
558
|
[ensureStore, resolveResumeStrategy, runResumeHooks]
|
|
574
559
|
);
|
|
@@ -628,7 +613,8 @@ var TourProvider = ({
|
|
|
628
613
|
if (previousState.status === "paused") {
|
|
629
614
|
pendingResumeRef.current.add(store.definition.id);
|
|
630
615
|
}
|
|
631
|
-
const
|
|
616
|
+
const result = store.resume();
|
|
617
|
+
const nextState = store.getState();
|
|
632
618
|
if (previousState.status === "paused" && nextState.status === "running" && nextState.stepIndex >= 0) {
|
|
633
619
|
pendingResumeRef.current.delete(store.definition.id);
|
|
634
620
|
const resumeStrategy = resolveResumeStrategy(store.definition);
|
|
@@ -637,7 +623,7 @@ var TourProvider = ({
|
|
|
637
623
|
void runResumeHooks(store.definition, nextState, resumeStrategy);
|
|
638
624
|
}
|
|
639
625
|
}
|
|
640
|
-
return
|
|
626
|
+
return result;
|
|
641
627
|
}, [getActiveStore, resolveResumeStrategy, runResumeHooks]);
|
|
642
628
|
const cancel = (0, import_react4.useCallback)(
|
|
643
629
|
(reason) => getActiveStore().cancel(reason),
|
|
@@ -4126,66 +4112,10 @@ var createPathString = (pathname, search, hash) => {
|
|
|
4126
4112
|
const hashPart = toHashString(hash);
|
|
4127
4113
|
return `${normalizedPath}${searchPart}${hashPart}`;
|
|
4128
4114
|
};
|
|
4129
|
-
|
|
4130
|
-
// src/router/tanstackRouterAdapter.tsx
|
|
4131
|
-
var import_react_router = require("@tanstack/react-router");
|
|
4132
|
-
var import_react23 = require("react");
|
|
4133
|
-
var useTanStackRouterTourAdapter = () => {
|
|
4134
|
-
const location = (0, import_react_router.useRouterState)({
|
|
4135
|
-
select: (state) => state.location
|
|
4136
|
-
});
|
|
4137
|
-
(0, import_react23.useEffect)(() => {
|
|
4138
|
-
const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
|
|
4139
|
-
const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
|
|
4140
|
-
const resolvedHash = typeof location.hash === "string" ? location.hash : "";
|
|
4141
|
-
const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
|
|
4142
|
-
notifyRouteChange(path);
|
|
4143
|
-
}, [location]);
|
|
4144
|
-
};
|
|
4145
|
-
|
|
4146
|
-
// src/router/tanstackRouterSync.tsx
|
|
4147
|
-
var TanStackRouter = __toESM(require("@tanstack/react-router"), 1);
|
|
4148
|
-
var import_react24 = require("react");
|
|
4149
|
-
var currentRouter = null;
|
|
4150
|
-
var setTourRouter = (router) => {
|
|
4151
|
-
currentRouter = router;
|
|
4152
|
-
};
|
|
4153
|
-
var setTanStackRouter = setTourRouter;
|
|
4154
|
-
var getTourRouter = () => {
|
|
4155
|
-
return currentRouter;
|
|
4156
|
-
};
|
|
4157
|
-
var getTanStackRouter = getTourRouter;
|
|
4158
|
-
var TanStackRouterSync = ({
|
|
4159
|
-
onRouterAvailable
|
|
4160
|
-
}) => {
|
|
4161
|
-
const useRouter2 = TanStackRouter.useRouter;
|
|
4162
|
-
if (typeof useRouter2 !== "function") {
|
|
4163
|
-
if (typeof console !== "undefined") {
|
|
4164
|
-
console.warn(
|
|
4165
|
-
"[tour][router] TanStackRouterSync requires @tanstack/react-router. Call this component only inside TanStack Router environments."
|
|
4166
|
-
);
|
|
4167
|
-
}
|
|
4168
|
-
return null;
|
|
4169
|
-
}
|
|
4170
|
-
useTanStackRouterTourAdapter();
|
|
4171
|
-
const router = useRouter2();
|
|
4172
|
-
(0, import_react24.useEffect)(() => {
|
|
4173
|
-
setTourRouter(router);
|
|
4174
|
-
onRouterAvailable?.(router);
|
|
4175
|
-
return () => {
|
|
4176
|
-
if (getTourRouter() === router) {
|
|
4177
|
-
setTourRouter(null);
|
|
4178
|
-
}
|
|
4179
|
-
onRouterAvailable?.(null);
|
|
4180
|
-
};
|
|
4181
|
-
}, [router, onRouterAvailable]);
|
|
4182
|
-
return null;
|
|
4183
|
-
};
|
|
4184
4115
|
// Annotate the CommonJS export names for ESM import in node:
|
|
4185
4116
|
0 && (module.exports = {
|
|
4186
4117
|
AnimationAdapterProvider,
|
|
4187
4118
|
OverlayBackdrop,
|
|
4188
|
-
TanStackRouterSync,
|
|
4189
4119
|
TourFocusManager,
|
|
4190
4120
|
TourPopoverPortal,
|
|
4191
4121
|
TourProvider,
|
|
@@ -4194,12 +4124,8 @@ var TanStackRouterSync = ({
|
|
|
4194
4124
|
defaultAnimationAdapter,
|
|
4195
4125
|
defaultLabels,
|
|
4196
4126
|
getCurrentRoutePath,
|
|
4197
|
-
getTanStackRouter,
|
|
4198
|
-
getTourRouter,
|
|
4199
4127
|
notifyRouteChange,
|
|
4200
4128
|
reducedMotionAnimationAdapter,
|
|
4201
|
-
setTanStackRouter,
|
|
4202
|
-
setTourRouter,
|
|
4203
4129
|
subscribeToRouteChanges,
|
|
4204
4130
|
useAdvanceRules,
|
|
4205
4131
|
useAnimationAdapter,
|
|
@@ -4213,7 +4139,6 @@ var TanStackRouterSync = ({
|
|
|
4213
4139
|
useHudTargetIssue,
|
|
4214
4140
|
usePreferredAnimationAdapter,
|
|
4215
4141
|
useRadixDialogAdapter,
|
|
4216
|
-
useTanStackRouterTourAdapter,
|
|
4217
4142
|
useTour,
|
|
4218
4143
|
useTourControls,
|
|
4219
4144
|
useTourEvents,
|
package/dist/index.d.ts
CHANGED
|
@@ -41,5 +41,6 @@ export type { UseHiddenTargetFallbackConfig, UseHiddenTargetFallbackResult, } fr
|
|
|
41
41
|
export { useViewportRect } from './hooks/useViewportRect';
|
|
42
42
|
export { createWaitForPredicateController } from './hooks/waitForPredicate';
|
|
43
43
|
export type { WaitForPredicateController, WaitForPredicateControllerOptions, } from './hooks/waitForPredicate';
|
|
44
|
-
export {
|
|
44
|
+
export { getCurrentRoutePath, notifyRouteChange, subscribeToRouteChanges, } from './router/routeGating';
|
|
45
|
+
export { createPathString } from './router/utils';
|
|
45
46
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
TanStackRouterSync,
|
|
3
|
-
getTanStackRouter,
|
|
4
|
-
getTourRouter,
|
|
5
|
-
setTanStackRouter,
|
|
6
|
-
setTourRouter
|
|
7
|
-
} from "./chunk-B6OJ26VH.mjs";
|
|
8
|
-
import {
|
|
9
|
-
useTanStackRouterTourAdapter
|
|
10
|
-
} from "./chunk-LQFOZS4Y.mjs";
|
|
11
1
|
import {
|
|
12
2
|
createPathString,
|
|
13
3
|
expandRect,
|
|
@@ -406,9 +396,10 @@ var TourProvider = ({
|
|
|
406
396
|
} else {
|
|
407
397
|
pendingResumeRef.current.delete(flowId);
|
|
408
398
|
}
|
|
409
|
-
const
|
|
399
|
+
const result = store.start(options);
|
|
400
|
+
const nextState = store.getState();
|
|
410
401
|
if (!options?.resume) {
|
|
411
|
-
return
|
|
402
|
+
return result;
|
|
412
403
|
}
|
|
413
404
|
if (previousState.stepIndex >= 0 && nextState.status === "running") {
|
|
414
405
|
pendingResumeRef.current.delete(flowId);
|
|
@@ -420,7 +411,7 @@ var TourProvider = ({
|
|
|
420
411
|
} else if (nextState.status !== "idle" && nextState.stepIndex <= 0) {
|
|
421
412
|
pendingResumeRef.current.delete(flowId);
|
|
422
413
|
}
|
|
423
|
-
return
|
|
414
|
+
return result;
|
|
424
415
|
},
|
|
425
416
|
[ensureStore, resolveResumeStrategy, runResumeHooks]
|
|
426
417
|
);
|
|
@@ -480,7 +471,8 @@ var TourProvider = ({
|
|
|
480
471
|
if (previousState.status === "paused") {
|
|
481
472
|
pendingResumeRef.current.add(store.definition.id);
|
|
482
473
|
}
|
|
483
|
-
const
|
|
474
|
+
const result = store.resume();
|
|
475
|
+
const nextState = store.getState();
|
|
484
476
|
if (previousState.status === "paused" && nextState.status === "running" && nextState.stepIndex >= 0) {
|
|
485
477
|
pendingResumeRef.current.delete(store.definition.id);
|
|
486
478
|
const resumeStrategy = resolveResumeStrategy(store.definition);
|
|
@@ -489,7 +481,7 @@ var TourProvider = ({
|
|
|
489
481
|
void runResumeHooks(store.definition, nextState, resumeStrategy);
|
|
490
482
|
}
|
|
491
483
|
}
|
|
492
|
-
return
|
|
484
|
+
return result;
|
|
493
485
|
}, [getActiveStore, resolveResumeStrategy, runResumeHooks]);
|
|
494
486
|
const cancel = useCallback(
|
|
495
487
|
(reason) => getActiveStore().cancel(reason),
|
|
@@ -3827,7 +3819,6 @@ var useHudMotion = () => {
|
|
|
3827
3819
|
export {
|
|
3828
3820
|
AnimationAdapterProvider,
|
|
3829
3821
|
OverlayBackdrop,
|
|
3830
|
-
TanStackRouterSync,
|
|
3831
3822
|
TourFocusManager,
|
|
3832
3823
|
TourPopoverPortal,
|
|
3833
3824
|
TourProvider,
|
|
@@ -3836,12 +3827,8 @@ export {
|
|
|
3836
3827
|
defaultAnimationAdapter,
|
|
3837
3828
|
defaultLabels,
|
|
3838
3829
|
getCurrentRoutePath,
|
|
3839
|
-
getTanStackRouter,
|
|
3840
|
-
getTourRouter,
|
|
3841
3830
|
notifyRouteChange,
|
|
3842
3831
|
reducedMotionAnimationAdapter,
|
|
3843
|
-
setTanStackRouter,
|
|
3844
|
-
setTourRouter,
|
|
3845
3832
|
subscribeToRouteChanges,
|
|
3846
3833
|
useAdvanceRules,
|
|
3847
3834
|
useAnimationAdapter,
|
|
@@ -3855,7 +3842,6 @@ export {
|
|
|
3855
3842
|
useHudTargetIssue,
|
|
3856
3843
|
usePreferredAnimationAdapter,
|
|
3857
3844
|
useRadixDialogAdapter,
|
|
3858
|
-
useTanStackRouterTourAdapter,
|
|
3859
3845
|
useTour,
|
|
3860
3846
|
useTourControls,
|
|
3861
3847
|
useTourEvents,
|
package/dist/router/index.cjs
CHANGED
|
@@ -207,23 +207,11 @@ var createPathString = (pathname, search, hash) => {
|
|
|
207
207
|
|
|
208
208
|
// src/router/tanstackRouterAdapter.tsx
|
|
209
209
|
var import_react_router = require("@tanstack/react-router");
|
|
210
|
-
var
|
|
211
|
-
var useTanStackRouterTourAdapter = () => {
|
|
212
|
-
const location = (0, import_react_router.useRouterState)({
|
|
213
|
-
select: (state) => state.location
|
|
214
|
-
});
|
|
215
|
-
(0, import_react.useEffect)(() => {
|
|
216
|
-
const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
|
|
217
|
-
const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
|
|
218
|
-
const resolvedHash = typeof location.hash === "string" ? location.hash : "";
|
|
219
|
-
const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
|
|
220
|
-
notifyRouteChange(path);
|
|
221
|
-
}, [location]);
|
|
222
|
-
};
|
|
210
|
+
var import_react2 = require("react");
|
|
223
211
|
|
|
224
212
|
// src/router/tanstackRouterSync.tsx
|
|
225
213
|
var TanStackRouter = __toESM(require("@tanstack/react-router"), 1);
|
|
226
|
-
var
|
|
214
|
+
var import_react = require("react");
|
|
227
215
|
var currentRouter = null;
|
|
228
216
|
var setTourRouter = (router) => {
|
|
229
217
|
currentRouter = router;
|
|
@@ -247,7 +235,7 @@ var TanStackRouterSync = ({
|
|
|
247
235
|
}
|
|
248
236
|
useTanStackRouterTourAdapter();
|
|
249
237
|
const router = useRouter2();
|
|
250
|
-
(0,
|
|
238
|
+
(0, import_react.useEffect)(() => {
|
|
251
239
|
setTourRouter(router);
|
|
252
240
|
onRouterAvailable?.(router);
|
|
253
241
|
return () => {
|
|
@@ -259,6 +247,20 @@ var TanStackRouterSync = ({
|
|
|
259
247
|
}, [router, onRouterAvailable]);
|
|
260
248
|
return null;
|
|
261
249
|
};
|
|
250
|
+
|
|
251
|
+
// src/router/tanstackRouterAdapter.tsx
|
|
252
|
+
var useTanStackRouterTourAdapter = () => {
|
|
253
|
+
const location = (0, import_react_router.useRouterState)({
|
|
254
|
+
select: (state) => state.location
|
|
255
|
+
});
|
|
256
|
+
(0, import_react2.useEffect)(() => {
|
|
257
|
+
const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
|
|
258
|
+
const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
|
|
259
|
+
const resolvedHash = typeof location.hash === "string" ? location.hash : "";
|
|
260
|
+
const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
|
|
261
|
+
notifyRouteChange(path);
|
|
262
|
+
}, [location]);
|
|
263
|
+
};
|
|
262
264
|
// Annotate the CommonJS export names for ESM import in node:
|
|
263
265
|
0 && (module.exports = {
|
|
264
266
|
TanStackRouterSync,
|
package/dist/router/index.mjs
CHANGED
|
@@ -3,11 +3,9 @@ import {
|
|
|
3
3
|
getTanStackRouter,
|
|
4
4
|
getTourRouter,
|
|
5
5
|
setTanStackRouter,
|
|
6
|
-
setTourRouter
|
|
7
|
-
} from "../chunk-B6OJ26VH.mjs";
|
|
8
|
-
import {
|
|
6
|
+
setTourRouter,
|
|
9
7
|
useTanStackRouterTourAdapter
|
|
10
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-L6HQUDEA.mjs";
|
|
11
9
|
import {
|
|
12
10
|
createPathString,
|
|
13
11
|
getCurrentRoutePath,
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
8
|
var __export = (target, all) => {
|
|
7
9
|
for (var name in all)
|
|
@@ -15,16 +17,29 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
17
|
}
|
|
16
18
|
return to;
|
|
17
19
|
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
18
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
29
|
|
|
20
30
|
// src/router/tanstackRouterAdapter.tsx
|
|
21
31
|
var tanstackRouterAdapter_exports = {};
|
|
22
32
|
__export(tanstackRouterAdapter_exports, {
|
|
33
|
+
TanStackRouterSync: () => TanStackRouterSync,
|
|
34
|
+
getTanStackRouter: () => getTanStackRouter,
|
|
35
|
+
getTourRouter: () => getTourRouter,
|
|
36
|
+
setTanStackRouter: () => setTanStackRouter,
|
|
37
|
+
setTourRouter: () => setTourRouter,
|
|
23
38
|
useTanStackRouterTourAdapter: () => useTanStackRouterTourAdapter
|
|
24
39
|
});
|
|
25
40
|
module.exports = __toCommonJS(tanstackRouterAdapter_exports);
|
|
26
41
|
var import_react_router = require("@tanstack/react-router");
|
|
27
|
-
var
|
|
42
|
+
var import_react2 = require("react");
|
|
28
43
|
|
|
29
44
|
// src/utils/dom.ts
|
|
30
45
|
var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
|
|
@@ -183,12 +198,51 @@ var createPathString = (pathname, search, hash) => {
|
|
|
183
198
|
return `${normalizedPath}${searchPart}${hashPart}`;
|
|
184
199
|
};
|
|
185
200
|
|
|
201
|
+
// src/router/tanstackRouterSync.tsx
|
|
202
|
+
var TanStackRouter = __toESM(require("@tanstack/react-router"), 1);
|
|
203
|
+
var import_react = require("react");
|
|
204
|
+
var currentRouter = null;
|
|
205
|
+
var setTourRouter = (router) => {
|
|
206
|
+
currentRouter = router;
|
|
207
|
+
};
|
|
208
|
+
var setTanStackRouter = setTourRouter;
|
|
209
|
+
var getTourRouter = () => {
|
|
210
|
+
return currentRouter;
|
|
211
|
+
};
|
|
212
|
+
var getTanStackRouter = getTourRouter;
|
|
213
|
+
var TanStackRouterSync = ({
|
|
214
|
+
onRouterAvailable
|
|
215
|
+
}) => {
|
|
216
|
+
const useRouter2 = TanStackRouter.useRouter;
|
|
217
|
+
if (typeof useRouter2 !== "function") {
|
|
218
|
+
if (typeof console !== "undefined") {
|
|
219
|
+
console.warn(
|
|
220
|
+
"[tour][router] TanStackRouterSync requires @tanstack/react-router. Call this component only inside TanStack Router environments."
|
|
221
|
+
);
|
|
222
|
+
}
|
|
223
|
+
return null;
|
|
224
|
+
}
|
|
225
|
+
useTanStackRouterTourAdapter();
|
|
226
|
+
const router = useRouter2();
|
|
227
|
+
(0, import_react.useEffect)(() => {
|
|
228
|
+
setTourRouter(router);
|
|
229
|
+
onRouterAvailable?.(router);
|
|
230
|
+
return () => {
|
|
231
|
+
if (getTourRouter() === router) {
|
|
232
|
+
setTourRouter(null);
|
|
233
|
+
}
|
|
234
|
+
onRouterAvailable?.(null);
|
|
235
|
+
};
|
|
236
|
+
}, [router, onRouterAvailable]);
|
|
237
|
+
return null;
|
|
238
|
+
};
|
|
239
|
+
|
|
186
240
|
// src/router/tanstackRouterAdapter.tsx
|
|
187
241
|
var useTanStackRouterTourAdapter = () => {
|
|
188
242
|
const location = (0, import_react_router.useRouterState)({
|
|
189
243
|
select: (state) => state.location
|
|
190
244
|
});
|
|
191
|
-
(0,
|
|
245
|
+
(0, import_react2.useEffect)(() => {
|
|
192
246
|
const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
|
|
193
247
|
const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
|
|
194
248
|
const resolvedHash = typeof location.hash === "string" ? location.hash : "";
|
|
@@ -198,5 +252,10 @@ var useTanStackRouterTourAdapter = () => {
|
|
|
198
252
|
};
|
|
199
253
|
// Annotate the CommonJS export names for ESM import in node:
|
|
200
254
|
0 && (module.exports = {
|
|
255
|
+
TanStackRouterSync,
|
|
256
|
+
getTanStackRouter,
|
|
257
|
+
getTourRouter,
|
|
258
|
+
setTanStackRouter,
|
|
259
|
+
setTourRouter,
|
|
201
260
|
useTanStackRouterTourAdapter
|
|
202
261
|
});
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
export { getTanStackRouter, getTourRouter, setTanStackRouter, setTourRouter, TanStackRouterSync, } from './tanstackRouterSync';
|
|
2
|
+
export type { TanStackRouterSyncProps } from './tanstackRouterSync';
|
|
1
3
|
export declare const useTanStackRouterTourAdapter: () => void;
|
|
2
4
|
//# sourceMappingURL=tanstackRouterAdapter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tanstackRouterAdapter.d.ts","sourceRoot":"","sources":["../../src/router/tanstackRouterAdapter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tanstackRouterAdapter.d.ts","sourceRoot":"","sources":["../../src/router/tanstackRouterAdapter.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAEnE,eAAO,MAAM,4BAA4B,YAyBxC,CAAA"}
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
|
+
TanStackRouterSync,
|
|
3
|
+
getTanStackRouter,
|
|
4
|
+
getTourRouter,
|
|
5
|
+
setTanStackRouter,
|
|
6
|
+
setTourRouter,
|
|
2
7
|
useTanStackRouterTourAdapter
|
|
3
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-L6HQUDEA.mjs";
|
|
4
9
|
import "../chunk-WTGQUDPT.mjs";
|
|
5
10
|
export {
|
|
11
|
+
TanStackRouterSync,
|
|
12
|
+
getTanStackRouter,
|
|
13
|
+
getTourRouter,
|
|
14
|
+
setTanStackRouter,
|
|
15
|
+
setTourRouter,
|
|
6
16
|
useTanStackRouterTourAdapter
|
|
7
17
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowsterix/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "React bindings for Flowsterix - guided tours and onboarding flows",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
],
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"@floating-ui/dom": "^1.7.4",
|
|
67
|
-
"@flowsterix/core": "0.
|
|
67
|
+
"@flowsterix/core": "0.3.0"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
70
|
"react": ">=18",
|
package/dist/chunk-LQFOZS4Y.mjs
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
createPathString,
|
|
3
|
-
notifyRouteChange
|
|
4
|
-
} from "./chunk-WTGQUDPT.mjs";
|
|
5
|
-
|
|
6
|
-
// src/router/tanstackRouterAdapter.tsx
|
|
7
|
-
import { useRouterState } from "@tanstack/react-router";
|
|
8
|
-
import { useEffect } from "react";
|
|
9
|
-
var useTanStackRouterTourAdapter = () => {
|
|
10
|
-
const location = useRouterState({
|
|
11
|
-
select: (state) => state.location
|
|
12
|
-
});
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
|
|
15
|
-
const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
|
|
16
|
-
const resolvedHash = typeof location.hash === "string" ? location.hash : "";
|
|
17
|
-
const path = typeof location.href === "string" && location.href.length > 0 ? location.href : createPathString(resolvedPathname, resolvedSearch, resolvedHash);
|
|
18
|
-
notifyRouteChange(path);
|
|
19
|
-
}, [location]);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export {
|
|
23
|
-
useTanStackRouterTourAdapter
|
|
24
|
-
};
|