Skip to content
This repository was archived by the owner on Jan 30, 2025. It is now read-only.

Releases: zss-in-js/typedcssx

3.2.5

14 Oct 09:27

Choose a tag to compare

Patch update

Node.js core API (fs and path)

At Vite exposing import statements required client-side dependencies, but we've tucked them away in functions.
This arrows It is no longer necessary to add polyfills for Vite dependencies.

3.2.4

12 Oct 12:50

Choose a tag to compare

Patch: Revert 3.2.2

Fixed again 'use server'

We have reverted because the server components were not kept unless 'use server' was used in the priority order in Vite Wbpack Next.
This is the same build as 3.2.1.

3.2.2

12 Oct 12:13

Choose a tag to compare

3.2.2 Pre-release
Pre-release

⚠️ ince the nextjs server component did not work properly, we will revert it to the original in 3.2.4.

Patch update ❌

Fix Vite Webpack 'use server' warning

// The use server directive has been removed from build-in.ts.
// and the fs and path imports have been properly replaced with require.

// This allows it to not be necessary to set fs and path as dependencies for Vite Webpack.

3.2.1

11 Oct 20:59

Choose a tag to compare

Patch update

Revert the 3.1.1 fix

Since global and root may be written at the same time, it was necessary to add to the queue to one of them.
This bug affects versions 3.1.1 through 3.2.0.

3.2.0

11 Oct 13:37

Choose a tag to compare

3.2.0 Pre-release
Pre-release

Minor update

Console Log

While we thought outputting console logs was user-friendly,
it was a feature that was completely unnecessary for users who didn't need it.

The console has been removed because compilation in dev mode was not pinpointed.
However, we wanted to keep this feature alive, so we added the --log argument so that you can compile while viewing the log.

By adding the --log argument to the compilation, you can check the CSS output along with the compilation.

  • cssx: (Only compilation start and success logs are output)
  • cssx --compile : (Type checking and compilation are performed)
  • cssx --log: (The compilation and compiled CSS log is output)
  • cssx --compile --log: (Compile with type checking and logging)

3.1.1

10 Oct 10:42

Choose a tag to compare

3.1.1 Pre-release
Pre-release

Patch update

dependencies changed

  • fast-glob to globby.
    fast-glob was lightweight and fast, but it was replaced by globby because it did not support ESModules.

  • Updated build-in-helper.ts for root and global methods.
    This method has been adjusted so that even if there are two entries in a file, only the last one written will be compiled.

other refactor types(fix typos)
I hope for version 3.x.x .

3.1.0

10 Oct 01:42

Choose a tag to compare

Minor update

Important Bugfix

  • Fixed an issue where the order was not respected due to compiler async.
    By executing for i++, which is faster synchronously, asynchronously, have succeeded in maintaining the speed while maintaining the order.

I'm apologize for the inconvenience, but if you are using 3.0.0,
please update to this version as CSS may not be applied in the correct order.

3.0.0

09 Oct 12:47

Choose a tag to compare

Major update

API Change

  • The compiler loops have been improved and are now faster.

  • The compile command has changed.
    typedcssx --compile to cssx (If use typescript, add the argument --compile)

  • Including other internal refactorings.

  • Added integration with eslint-plugin-css to the documentation

2.6.x implemented compile-time type checking,
and in 3.0.0 you can now choose between type checking or a faster start without it.

From now on, we recommend running npx cssx as pre compile before the npm run dev command.
This will pre-generate the static CSS needed for the server side.

Well then, hope it this well.

2.6.6

03 Oct 12:28

Choose a tag to compare

Patch update: bugfix

Improved transition flicker (next.js)

  • inject-client-css.ts: improve to queueMicrotasck to requestAnimationFrame.
    This change improved the timing of injection into the head and suppressed flicking.

  • router.refresh now depends on pathname.
    This will better reflect the Server Component's style.

  • Moved the inject function of the create method inside the get function.
    This makes class name resolution timing then faster.

Next.js to make improvements to the React Server Component to flickering and reload issues.
It's this can now smoothly navigate between pages even when the build cache is not exists.

We have updated our next-plugin approach due to shortcomings in the previous plugin.
Eliminate tree-shaking code and use webpack's tree-shaking that comes with next.
I'm updating the integrate's next-section of our website.

Thanks for using this library and I hope this improvement works.

2.6.5

03 Oct 06:26

Choose a tag to compare

Patch update

I recommend using 2.6.6 over this version.
2.6.6 optimizes the timing of page transitions, caching, and style resolution.

Update API and Next.js Development Experience improve

  • PreviewServerCSS has been renamed to ServerStylePreview and the anchorEnabled property has been removed.
    This improves flickering in development mode.
import { ServerStylePreview } from 'typedcssx/next';

....
<head>
    <ServerStylePreview />
</head>

Until now, we used the A tag as a model, but now we can use the router.refresh api of next.js to preview the style of the server component with the traditional Link transition.

This improvement means the this library is focused on Next.js.