Releases: zss-in-js/typedcssx
3.2.5
3.2.4
3.2.2
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
3.2.0
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
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
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
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
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
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.