Skip to content

Commit

Permalink
update format
Browse files Browse the repository at this point in the history
  • Loading branch information
KurtGokhan committed Jan 7, 2024
1 parent bd01c48 commit fd390a8
Show file tree
Hide file tree
Showing 6 changed files with 18 additions and 20 deletions.
2 changes: 1 addition & 1 deletion examples/vite/.yarnrc.yml
Original file line number Diff line number Diff line change
@@ -1 +1 @@
yarnPath: .yarn/releases/yarn-4.0.2.cjs
yarnPath: .yarn/releases/yarn-4.0.2.cjs
24 changes: 9 additions & 15 deletions examples/vite/src/App.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,33 +13,28 @@ function App() {
<div className='card'>
<section>
Track with <code>TrackEvent</code>:&nbsp;

<TrackEvent event='click' values={{ count }}>
<button onClick={() => setCount((count) => count + 1)}>
Clicked {count} times
</button>
<button onClick={() => setCount((count) => count + 1)}>Clicked {count} times</button>
</TrackEvent>
</section>

<section>
Track with <code>TrackCallback</code>:&nbsp;

<TrackCallback callback='onClick' values={{ count }}>
<button onClick={() => setCount((count) => count + 1)}>
Clicked {count} times
</button>
<button onClick={() => setCount((count) => count + 1)}>Clicked {count} times</button>
</TrackCallback>
</section>

<section>
Track with <code>Tracking</code>:&nbsp;

<Tracking>
{({ track }) => (
<button onClick={(ev) => {
track({ values: { count }, args: ['second-button-click', ev] });
setCount((count) => count + 1);
}}>
<button
onClick={(ev) => {
track({ values: { count }, args: ['second-button-click', ev] });
setCount((count) => count + 1);
}}
>
Clicked {count} times
</button>
)}
Expand All @@ -48,8 +43,7 @@ function App() {

<section>
Track with <code>JSX Middlewares</code>:&nbsp;

<button $trackEvent="click" onClick={() => setCount((count) => count + 1)}>
<button $trackEvent='click' onClick={() => setCount((count) => count + 1)}>
Clicked {count} times
</button>
</section>
Expand Down
4 changes: 3 additions & 1 deletion src/lib/provider.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,9 @@ export function createTrackingProvider<TBase extends ReactOnBase = ReactOn>(
);

const track = useTrack();
const trackFn = useStableCallback<TTrackFn>(({ args, values }) => track({ values: { ...currentValues, ...values }, args }));
const trackFn = useStableCallback<TTrackFn>(({ args, values }) =>
track({ values: { ...currentValues, ...values }, args }),
);

const refImpl: TRef = {
modify(cb) {
Expand Down
4 changes: 3 additions & 1 deletion src/lib/track-callback.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,9 @@ export function createTrackCallback<TBase extends ReactOnBase = ReactOn>(useTrac
const resolvedName = name ?? String(callback);
const track = useTrack();

const trackFn = useStableCallback((...args: any[]) => track({ values: props.values, args: [resolvedName, ...args] }));
const trackFn = useStableCallback((...args: any[]) =>
track({ values: props.values, args: [resolvedName, ...args] }),
);

const originalCallback = children.props[callback];
const handle = useCallback(
Expand Down
2 changes: 1 addition & 1 deletion src/middlewares/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ interface TrackingAttributes {
}

declare module 'react' {
interface Attributes extends TrackingAttributes { }
interface Attributes extends TrackingAttributes {}
}

function register() {
Expand Down
2 changes: 1 addition & 1 deletion website/.yarnrc.yml
Original file line number Diff line number Diff line change
@@ -1 +1 @@
yarnPath: .yarn/releases/yarn-4.0.2.cjs
yarnPath: .yarn/releases/yarn-4.0.2.cjs

0 comments on commit fd390a8

Please sign in to comment.