From 2f92d458a06f8f9540a95604539452a2884d18d7 Mon Sep 17 00:00:00 2001 From: Elias Rhouzlane Date: Fri, 26 Apr 2024 12:00:00 +0200 Subject: [PATCH 1/2] feat: add partial jsr.io support --- jsr.jsonc | 23 +++++++++++++++++++++++ src/assignRef.ts | 2 +- src/createRef.ts | 1 + src/index.ts | 16 ++++++++-------- src/mergeRef.ts | 7 ++++--- src/refToCallback.ts | 2 +- src/transformRef.ts | 6 +++--- src/types.ts | 1 + src/useMergeRef.ts | 6 +++--- src/useRef.ts | 1 + src/useTransformRef.ts | 6 +++--- 11 files changed, 49 insertions(+), 22 deletions(-) create mode 100644 jsr.jsonc diff --git a/jsr.jsonc b/jsr.jsonc new file mode 100644 index 0000000..85d131e --- /dev/null +++ b/jsr.jsonc @@ -0,0 +1,23 @@ +{ + "name": "@bureaudouble-forks/use-callback-ref", + "version": "0.0.1", + "nodeModulesDir": false, + "compilerOptions": { + "noErrorTruncation": true, + "lib": [ + "dom", + "dom.iterable", + "dom.asynciterable", + "deno.ns" + ] + }, + "imports": { + "react": "npm:react@^18.2", + "react-style-singleton": "jsr:@bureaudouble-forks/react-style-singleton@0.0.1", + "react-remove-scroll-bar": "jsr:@bureaudouble-forks/react-remove-scroll-bar@0.0.2" + }, + "exports": { + ".": "./src/index.ts" + } + } + \ No newline at end of file diff --git a/src/assignRef.ts b/src/assignRef.ts index b67b0a7..3ada0fd 100644 --- a/src/assignRef.ts +++ b/src/assignRef.ts @@ -1,4 +1,4 @@ -import { ReactRef } from './types'; +import { ReactRef } from './types.ts'; /** * Assigns a value for a given ref, no matter of the ref format diff --git a/src/createRef.ts b/src/createRef.ts index 97fcabd..9a527f0 100644 --- a/src/createRef.ts +++ b/src/createRef.ts @@ -1,3 +1,4 @@ +// @deno-types="npm:@types/react@^18.2" import { RefObject } from 'react'; /** diff --git a/src/index.ts b/src/index.ts index d39c0d5..26d14b4 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,16 +1,16 @@ -export { assignRef } from './assignRef'; +export { assignRef } from './assignRef.ts'; // callback ref -export { useCallbackRef } from './useRef'; -export { createCallbackRef } from './createRef'; +export { useCallbackRef } from './useRef.ts'; +export { createCallbackRef } from './createRef.ts'; // merge ref -export { mergeRefs } from './mergeRef'; -export { useMergeRefs } from './useMergeRef'; +export { mergeRefs } from './mergeRef.ts'; +export { useMergeRefs } from './useMergeRef.ts'; // transform ref -export { useTransformRef } from './useTransformRef'; -export { transformRef } from './transformRef'; +export { useTransformRef } from './useTransformRef.ts'; +export { transformRef } from './transformRef.ts'; // refToCallback -export { refToCallback, useRefToCallback } from './refToCallback'; +export { refToCallback, useRefToCallback } from './refToCallback.ts'; diff --git a/src/mergeRef.ts b/src/mergeRef.ts index dd96829..df649d0 100644 --- a/src/mergeRef.ts +++ b/src/mergeRef.ts @@ -1,8 +1,9 @@ +// @deno-types="npm:@types/react@^18.2" import { MutableRefObject } from 'react'; -import { assignRef } from './assignRef'; -import { createCallbackRef } from './createRef'; -import { ReactRef } from './types'; +import { assignRef } from './assignRef.ts'; +import { createCallbackRef } from './createRef.ts'; +import { ReactRef } from './types.ts'; /** * Merges two or more refs together providing a single interface to set their value diff --git a/src/refToCallback.ts b/src/refToCallback.ts index 083504c..5de463f 100644 --- a/src/refToCallback.ts +++ b/src/refToCallback.ts @@ -1,4 +1,4 @@ -import { DefinedReactRef, ReactRef, RefCallback } from './types'; +import { DefinedReactRef, ReactRef, RefCallback } from './types.ts'; /** * Unmemoized version of {@link useRefToCallback} diff --git a/src/transformRef.ts b/src/transformRef.ts index b9003bd..d52cd28 100644 --- a/src/transformRef.ts +++ b/src/transformRef.ts @@ -1,6 +1,6 @@ -import { assignRef } from './assignRef'; -import { createCallbackRef } from './createRef'; -import { ReactRef, RefObject } from './types'; +import { assignRef } from './assignRef.ts'; +import { createCallbackRef } from './createRef.ts'; +import { ReactRef, RefObject } from './types.ts'; /** * Transforms one ref to another diff --git a/src/types.ts b/src/types.ts index 0b3dc58..9f27199 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,3 +1,4 @@ +// @deno-types="npm:@types/react@^18.2" import * as React from 'react'; export type RefCallback = (newValue: T | null) => void; diff --git a/src/useMergeRef.ts b/src/useMergeRef.ts index d3199dc..94ca9f8 100644 --- a/src/useMergeRef.ts +++ b/src/useMergeRef.ts @@ -1,8 +1,8 @@ import * as React from 'react'; -import { assignRef } from './assignRef'; -import { ReactRef } from './types'; -import { useCallbackRef } from './useRef'; +import { assignRef } from './assignRef.ts'; +import { ReactRef } from './types.ts'; +import { useCallbackRef } from './useRef.ts'; const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect; diff --git a/src/useRef.ts b/src/useRef.ts index 7542f20..f4b9be6 100644 --- a/src/useRef.ts +++ b/src/useRef.ts @@ -1,3 +1,4 @@ +// @deno-types="npm:@types/react@^18.2" import { MutableRefObject, useState } from 'react'; /** diff --git a/src/useTransformRef.ts b/src/useTransformRef.ts index d5d821e..c74a3f5 100644 --- a/src/useTransformRef.ts +++ b/src/useTransformRef.ts @@ -1,6 +1,6 @@ -import { assignRef } from './assignRef'; -import { ReactRef, RefObject } from './types'; -import { useCallbackRef } from './useRef'; +import { assignRef } from './assignRef.ts'; +import { ReactRef, RefObject } from './types.ts'; +import { useCallbackRef } from './useRef.ts'; /** * Create a _lense_ on Ref, making it possible to transform ref value From 8b34f270feabca1d6551113e658b562fdd19b729 Mon Sep 17 00:00:00 2001 From: Elias Rhouzlane Date: Mon, 18 Nov 2024 13:54:41 +0100 Subject: [PATCH 2/2] fix: update deps --- example/index.tsx | 2 ++ jsr.jsonc | 11 +++++++---- src/createRef.ts | 4 ++-- src/mergeRef.ts | 2 +- src/types.ts | 2 +- src/useMergeRef.ts | 1 + src/useRef.ts | 2 +- 7 files changed, 15 insertions(+), 9 deletions(-) diff --git a/example/index.tsx b/example/index.tsx index 63e62d1..2d93f4f 100644 --- a/example/index.tsx +++ b/example/index.tsx @@ -1,4 +1,6 @@ +// @ts-types="@types/react" import * as React from 'react'; +// @ts-types="@types/react-dom" import * as ReactDOM from 'react-dom'; import App from './app'; diff --git a/jsr.jsonc b/jsr.jsonc index 85d131e..c35fde2 100644 --- a/jsr.jsonc +++ b/jsr.jsonc @@ -1,6 +1,6 @@ { "name": "@bureaudouble-forks/use-callback-ref", - "version": "0.0.1", + "version": "1.3.2-forks.1", "nodeModulesDir": false, "compilerOptions": { "noErrorTruncation": true, @@ -12,9 +12,12 @@ ] }, "imports": { - "react": "npm:react@^18.2", - "react-style-singleton": "jsr:@bureaudouble-forks/react-style-singleton@0.0.1", - "react-remove-scroll-bar": "jsr:@bureaudouble-forks/react-remove-scroll-bar@0.0.2" + "@types/react": "npm:types-react@^19.0.0-rc", + "@types/react-dom": "npm:types-react-dom@^19.0.0-rc", + "react": "npm:react@^19.0.0-rc", + "react-dom": "npm:react@^19.0.0-rc", + "react-style-singleton": "jsr:@bureaudouble-forks/react-style-singleton@0.0.2", + "react-remove-scroll-bar": "jsr:@bureaudouble-forks/react-remove-scroll-bar@0.0.3" }, "exports": { ".": "./src/index.ts" diff --git a/src/createRef.ts b/src/createRef.ts index 9a527f0..6ccd4d9 100644 --- a/src/createRef.ts +++ b/src/createRef.ts @@ -1,4 +1,4 @@ -// @deno-types="npm:@types/react@^18.2" +// @ts-types="@types/react" import { RefObject } from 'react'; /** @@ -9,7 +9,7 @@ import { RefObject } from 'react'; * @see {@link useCallbackRef} * @see https://reactjs.org/docs/refs-and-the-dom.html#creating-refs */ -export function createCallbackRef(callback: (newValue: T | null, lastValue: T | null) => any): RefObject { +export function createCallbackRef(callback: (newValue: T | null, lastValue: T | null) => any): RefObject { let current: T | null = null; return { diff --git a/src/mergeRef.ts b/src/mergeRef.ts index df649d0..1b1fe44 100644 --- a/src/mergeRef.ts +++ b/src/mergeRef.ts @@ -1,4 +1,4 @@ -// @deno-types="npm:@types/react@^18.2" +// @ts-types="@types/react" import { MutableRefObject } from 'react'; import { assignRef } from './assignRef.ts'; diff --git a/src/types.ts b/src/types.ts index 9f27199..384baa6 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,4 +1,4 @@ -// @deno-types="npm:@types/react@^18.2" +// @ts-types="@types/react" import * as React from 'react'; export type RefCallback = (newValue: T | null) => void; diff --git a/src/useMergeRef.ts b/src/useMergeRef.ts index 94ca9f8..72cc30a 100644 --- a/src/useMergeRef.ts +++ b/src/useMergeRef.ts @@ -1,3 +1,4 @@ +// @ts-types="@types/react" import * as React from 'react'; import { assignRef } from './assignRef.ts'; diff --git a/src/useRef.ts b/src/useRef.ts index f4b9be6..63d5a38 100644 --- a/src/useRef.ts +++ b/src/useRef.ts @@ -1,4 +1,4 @@ -// @deno-types="npm:@types/react@^18.2" +// @ts-types="@types/react" import { MutableRefObject, useState } from 'react'; /**