react18-loaders
Version:
A comprehensive library that unleashes the full potential of React 18 server components, providing customizable loading animation components alongside a fullscreen loader container. Designed to seamlessly integrate with React and Next.js.
214 lines (213 loc) • 6.86 kB
JSON
{
"name": "react18-loaders",
"author": "Mayank Kumar Chaudhari (https://mayank-chaudhari.vercel.app)",
"private": false,
"version": "1.1.7",
"description": "A comprehensive library that unleashes the full potential of React 18 server components, providing customizable loading animation components alongside a fullscreen loader container. Designed to seamlessly integrate with React and Next.js.",
"license": "MPL-2.0",
"main": "./dist/index.js",
"module": "./dist/index.mjs",
"types": "./dist/index.d.ts",
"repository": "github:react18-tools/turborepo-template",
"bugs": "https://github.com/react18-tools/turborepo-template/issues",
"homepage": "https://turborepo-template-three.vercel.app/",
"sideEffects": false,
"files": [
"dist/**"
],
"exports": {
".": {
"types": "./dist/index.d.ts",
"import": "./dist/index.mjs",
"require": "./dist/index.js"
},
"./client": {
"types": "./dist/client/index.d.ts",
"import": "./dist/client/index.mjs",
"require": "./dist/client/index.js"
},
"./dist/client": {
"types": "./dist/client/index.d.ts",
"import": "./dist/client/index.mjs",
"require": "./dist/client/index.js"
},
"./client/loader-container": {
"types": "./dist/client//loader-container/index.d.ts",
"import": "./dist/client//loader-container/index.mjs",
"require": "./dist/client//loader-container/index.js"
},
"./dist/client/loader-container": {
"types": "./dist/client//loader-container/index.d.ts",
"import": "./dist/client//loader-container/index.mjs",
"require": "./dist/client//loader-container/index.js"
},
"./server": {
"types": "./dist/server/index.d.ts",
"import": "./dist/server/index.mjs",
"require": "./dist/server/index.js"
},
"./dist/server": {
"types": "./dist/server/index.d.ts",
"import": "./dist/server/index.mjs",
"require": "./dist/server/index.js"
},
"./server/bars": {
"types": "./dist/server/bars/index.d.ts",
"import": "./dist/server/bars/index.mjs",
"require": "./dist/server/bars/index.js"
},
"./dist/server/bars": {
"types": "./dist/server/bars/index.d.ts",
"import": "./dist/server/bars/index.mjs",
"require": "./dist/server/bars/index.js"
},
"./server/bars/bars1": {
"types": "./dist/server/bars/bars1/index.d.ts",
"import": "./dist/server/bars/bars1/index.mjs",
"require": "./dist/server/bars/bars1/index.js"
},
"./dist/server/bars/bars1": {
"types": "./dist/server/bars/bars1/index.d.ts",
"import": "./dist/server/bars/bars1/index.mjs",
"require": "./dist/server/bars/bars1/index.js"
},
"./server/bars/2": {
"types": "./dist/server/bars/bars2/index.d.ts",
"import": "./dist/server/bars/bars2/index.mjs",
"require": "./dist/server/bars/bars2/index.js"
},
"./dist/server/bars/bars2": {
"types": "./dist/server/bars/bars2/index.d.ts",
"import": "./dist/server/bars/bars2/index.mjs",
"require": "./dist/server/bars/bars2/index.js"
},
"./server/common": {
"types": "./dist/server/common/index.d.ts",
"import": "./dist/server/common/index.mjs",
"require": "./dist/server/common/index.js"
},
"./dist/server/common": {
"types": "./dist/server/common/index.d.ts",
"import": "./dist/server/common/index.mjs",
"require": "./dist/server/common/index.js"
},
"./server/dots": {
"types": "./dist/server/dots/index.d.ts",
"import": "./dist/server/dots/index.mjs",
"require": "./dist/server/dots/index.js"
},
"./dist/server/dots": {
"types": "./dist/server/dots/index.d.ts",
"import": "./dist/server/dots/index.mjs",
"require": "./dist/server/dots/index.js"
},
"./server/dots1": {
"types": "./dist/server/dots1/index.d.ts",
"import": "./dist/server/dots1/index.mjs",
"require": "./dist/server/dots1/index.js"
},
"./dist/server/dots1": {
"types": "./dist/server/dots1/index.d.ts",
"import": "./dist/server/dots1/index.mjs",
"require": "./dist/server/dots1/index.js"
},
"./server/dots2": {
"types": "./dist/server/dots2/index.d.ts",
"import": "./dist/server/dots2/index.mjs",
"require": "./dist/server/dots2/index.js"
},
"./dist/server/dots2": {
"types": "./dist/server/dots2/index.d.ts",
"import": "./dist/server/dots2/index.mjs",
"require": "./dist/server/dots2/index.js"
},
"./hooks": {
"types": "./dist/hooks/index.d.ts",
"import": "./dist/hooks/index.mjs",
"require": "./dist/hooks/index.js"
},
"./dist/hooks": {
"types": "./dist/hooks/index.d.ts",
"import": "./dist/hooks/index.mjs",
"require": "./dist/hooks/index.js"
},
"./index.css": "./dist/index.css",
"./dist/index.css": "./dist/index.css",
"./dist": "./dist/index.css",
"./css": "./dist/index.css",
"./styles": "./dist/index.css"
},
"scripts": {
"build": "tsup && tsc -p tsconfig-build.json && gzip -c dist/index.js | wc -c",
"clean": "rm -rf dist",
"dev": "tsup --watch && tsc -p tsconfig-build.json -w",
"typecheck": "tsc --noEmit",
"lint": "eslint src/",
"lint:fix": "eslint src/ --fix",
"test": "vitest run --coverage"
},
"devDependencies": {
"@repo/eslint-config": "workspace:*",
"@repo/typescript-config": "workspace:*",
"@testing-library/react": "^16.3.0",
"@types/node": "^24.1.0",
"@types/react": "^19.1.9",
"@types/react-dom": "^19.1.7",
"@vitejs/plugin-react": "^4.7.0",
"@vitest/coverage-v8": "^3.2.4",
"esbuild-plugin-rdi": "^0.0.0",
"esbuild-plugin-react18": "0.2.6",
"esbuild-plugin-react18-css": "^0.0.4",
"jsdom": "^26.1.0",
"react": "^19.1.1",
"react-dom": "^19.1.1",
"tsup": "^8.5.0",
"typescript": "^5.8.3",
"vite-tsconfig-paths": "^5.1.4",
"vitest": "^3.2.4"
},
"dependencies": {
"r18gs": "^3.0.1"
},
"peerDependencies": {
"@types/react": ">=16.8",
"next": ">=10",
"react": ">=16.8"
},
"peerDependenciesMeta": {
"next": {
"optional": true
}
},
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/mayank1513"
},
{
"type": "individual",
"url": "https://pages.razorpay.com/mayank1513"
}
],
"keywords": [
"Loading animations",
"Fullscreen loader",
"React",
"React Loaders",
"React 18",
"React 19",
"Next.js",
"Next.js 14",
"Next.js 15",
"React server components",
"Customizable",
"Cutting-edge",
"Compatibility",
"Frontend development",
"UI components",
"Web development",
"Progressive",
"Modern",
"Seamless integration"
]
}