{"adoption": {"forks": 141, "observed_at": "2026-08-28T04:04:12.153801+00:00", "stars": 1272}, "canonical_url": "https://ross.abutalabs.com/products/isomorphic-style-loader", "card": {"archived": false, "artifact_type": "library", "description": "CSS style loader for Webpack that is optimized for isomorphic (universal) web apps.", "domain": ["web-development", "frontend"], "enriched": true, "function": ["css-framework", "build-tool", "ssr"], "health_score": 97, "homepage": "https://reactstarter.com", "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["kriasoft/isomorphic-style-loader"], "name": "kriasoft/isomorphic-style-loader", "platform": ["cross-platform"], "pushed_at": "2026-08-11T12:24:05+00:00", "repo": "kriasoft/isomorphic-style-loader", "stars": 1272, "tags": ["webpack-loader", "css-in-js", "isomorphic", "critical-css", "react", "style-loader", "nodejs", "web-server"], "topics": [], "urls": [], "use_cases": ["inject css into the dom on the server and client for universal react apps", "render critical path css during server-side rendering", "use css modules with webpack in an isomorphic app", "get a css string from imported styles for ssr", "replace style-loader in a server-rendered webpack setup"], "what_it_is": "A Webpack CSS loader optimized for isomorphic (universal) web apps, similar to style-loader but supporting critical path CSS rendering. It exposes ._insertCss() to inject CSS into the DOM and ._getCss() to return a CSS string, with a withStyles higher-order component for React.", "when_to_avoid": ["you have a purely client-side app where standard style-loader suffices", "you use Vite, esbuild, or a bundler other than Webpack", "you rely on hoisted static properties from withStyles (removed in v6)"], "when_to_choose": ["you build a server-rendered React app with Webpack 5 and need CSS injected on both server and client", "you want critical path CSS rendering with ._getCss() and ._insertCss() helpers", "you use CSS modules and need class names available server-side"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/isomorphic-style-loader", "repo": "kriasoft/isomorphic-style-loader", "role": "main", "score": 83}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:04:12.153801+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T05:03:18.073160+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "2a92b606af23297059e18294a74d1f314dc70c0a8eb850a565bc94c128d72c58", "fetched_at": "2026-08-28T04:04:12.153801+00:00", "kind": "readme", "missing": false, "url": "https://github.com/kriasoft/isomorphic-style-loader"}, {"content_hash": "5878da1e748a78a79d65137dd39b191d97a639cd3d45be20da2188cdf70b53d1", "fetched_at": "2026-08-29T12:14:40.019115+00:00", "kind": "homepage", "missing": false, "url": "https://reactstarter.com"}, {"content_hash": "0811cda9e61499e52d03b57f7094c26445661a7bc00c6bfc269f900f537d0e79", "fetched_at": "2026-08-29T12:14:40.021742+00:00", "kind": "site_page", "missing": false, "url": "https://reactstarter.com/getting-started"}, {"content_hash": "141521e8ec8dbdf7c590466b02cdf917203209a3515c783d97113840eac74800", "fetched_at": "2026-08-29T12:14:40.023854+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/isomorphic-style-loader"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 97, "longevity": 100, "rhythm": 55}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3939, "days_push": 22, "days_rel": 89, "gap_med": 547, "n_releases_24m": 2}, "score": 83, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}