refactor(react-query): only TypeScript & src, dist

[jungwoo3490]

close #961 close #962

Overview

Hi @manudeli @gwansikk !!!

I converted all of @suspensive/react-querys JS scripts to TypeScript.

And I updated structure like this.

Please check it and leave feedback. I'll apply it. :)

PR Checklist

• [x] I did below actions if need

1. I read the Contributing Guide
2. I added documents and tests.

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: b922f3165ab7641737c05f8e0640faadfce5f2b0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

| Name | Type | | ----------------------- | ----- | | @suspensive/react-query | Patch | | @suspensive/react | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
suspensive.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 25, 2024 5:32am
v1.suspensive.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 25, 2024 5:32am
visualization.suspensive.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 25, 2024 5:32am

[gwansikk]

@jungwoo3490 you can understand the version switching mechanism in detail by checking the PR below:

• https://github.com/toss/suspensive/pull/953

[jungwoo3490]

@jungwoo3490 you can understand the version switching mechanism in detail by checking the PR below:

• feat(react-query): universal react-query for suspensive 4 and 5 #953

I'll fix it with your reference. Thanks!!

[codspeed-hq[bot]]

CodSpeed Performance Report

Merging #970 will create unknown performance changes

_{Comparing jungwoo3490:ts-migration (b922f31) with main (42af7d0)}

Summary

:warning: No benchmarks were detected in both the base of the PR and the PR.

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 80.88%. Comparing base (42af7d0) to head (b922f31).

Additional details and impacted files

[](https://app.codecov.io/gh/toss/suspensive/pull/970?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) ```diff @@ Coverage Diff @@ ## main #970 +/- ## ======================================= Coverage 80.88% 80.88% ======================================= Files 38 38 Lines 450 450 Branches 99 98 -1 ======================================= Hits 364 364 Misses 77 77 Partials 9 9 ``` | [Components](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=components&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | Coverage Δ | | |---|---|---| | [@suspensive/react](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | `97.03% <ø> (ø)` | | | [@suspensive/react-query](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | `∅ <ø> (∅)` | | | [@suspensive/react-query-4](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | `0.00% <ø> (ø)` | | | [@suspensive/react-query-5](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | `0.00% <ø> (ø)` | | | [@suspensive/react-await](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | `100.00% <ø> (ø)` | | | [@suspensive/react-image](https://app.codecov.io/gh/toss/suspensive/pull/970/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=toss) | `23.52% <ø> (ø)` | |

[jungwoo3490]

When TypeScript compiles down to JavaScript, especially in certain environments or configurations, import.meta might not be preserved or recognized correctly.

Actually, this is compile result.

So I used process.cwd() to get current path instead of import.meta.

// const __filename = fileURLToPath(import.meta.url)
// const __dirname = dirname(__filename)

const __dirname = process.cwd()

Then it works well!!

[jungwoo3490]

When TypeScript compiles down to JavaScript, especially in certain environments or configurations, import.meta might not be preserved or recognized correctly.

Actually, this is compile result.

So I used process.cwd() to get current path instead of import.meta.

// const __filename = fileURLToPath(import.meta.url)
// const __dirname = dirname(__filename)

const __dirname = process.cwd()

Then it works well!!

---

I found potential problem here.

process.cwd() value can be different depending on the environment in which the process is running.

So instead of process.cwd(), I used __filename to get current path. This ensures that a fixed file path is always obtained.

// const __dirname = process.cwd()

const currentFilePath = __filename
const __dirname = dirname(currentFilePath)

[jungwoo3490]

Now, only cjs format bundle file generated, except index.ts, v4.ts, v5.ts.

[manudeli]

https://www.npmjs.com/package/@suspensive/react-query?activeTab=code

@gwansikk @jungwoo3490 We can diff output files between as-is and to-be

[gwansikk]

@gwansikk Could you double-check again please?

LGTM 👍👍 Everything is perfect. I tested it in both pnpm-monopre and pnpm environments.