simplestyle-js 4.2.1-beta.0 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -131,6 +131,19 @@ Rules support nested selectors via `&`, media queries, and `$className` back-ref
|
|
|
131
131
|
|
|
132
132
|
## SSR
|
|
133
133
|
|
|
134
|
+
### Next.js
|
|
135
|
+
|
|
136
|
+
Use the official Next.js integration here and wrap the `SimpleStyleProvider` around your `layout` file.
|
|
137
|
+
Check out this [Code Sanbox w/Next.js integration to see how it works](https://codesandbox.io/p/devbox/t3smf4).
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
### Astro
|
|
141
|
+
|
|
142
|
+
Use the official Astro integration here and wrap your page's `<head />` with the `SimpleStyleProvider`.
|
|
143
|
+
Check out this [Code Sanbox w/Astro integration to see how it works](https://codesandbox.io/p/devbox/mq9twt).
|
|
144
|
+
|
|
145
|
+
**General SSR Concepts**
|
|
146
|
+
|
|
134
147
|
`simplestyle-js` is intentionally unopinionated, especially when it comes to deep integrations with various frameworks. This also applies to SSR / Server-side rendering.
|
|
135
148
|
The core APIs needed to make this work are:
|
|
136
149
|
|
|
@@ -139,7 +152,7 @@ The core APIs needed to make this work are:
|
|
|
139
152
|
- `makeCreateStyle(registry)` - returns a `createStyles()` function that is locked to your StyleSheet registry
|
|
140
153
|
- `makeKeyframes(registry)` - returns a `keyframes()` function that is locaked to your StyleSheet registry
|
|
141
154
|
|
|
142
|
-
### SSR steps for most SSR / SSG frameworks
|
|
155
|
+
### SSR steps for most SSR / SSG frameworks
|
|
143
156
|
|
|
144
157
|
#### 1. Set your seed, create a SimpleStyleRegistry and your style functions
|
|
145
158
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "simplestyle-js",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.1",
|
|
4
4
|
"description": "An incredibly straightforward and simple CSS-in-JS solution with zero runtime dependencies, and out-of-the-box TypeScript support",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
"@types/react-dom": ">=18",
|
|
47
47
|
"@vitejs/plugin-react": "^5.1.1",
|
|
48
48
|
"autoprefixer": "^10.4.22",
|
|
49
|
+
"@biomejs/biome": "^2.3.8",
|
|
49
50
|
"coveralls": "^3.1.1",
|
|
50
51
|
"eslint-config-react-yas": "^6.0.11",
|
|
51
52
|
"husky": "^9.1.7",
|
|
@@ -59,7 +60,6 @@
|
|
|
59
60
|
"vitest": "^4.0.14"
|
|
60
61
|
},
|
|
61
62
|
"dependencies": {
|
|
62
|
-
"@biomejs/biome": "^2.3.8",
|
|
63
63
|
"csstype": "^3.2.3",
|
|
64
64
|
"deepmerge": "^4.3.1"
|
|
65
65
|
},
|