@ck-ui/component-library 0.0.1 → 0.0.2
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 +16 -62
- package/package.json +10 -2
package/README.md
CHANGED
|
@@ -1,69 +1,23 @@
|
|
|
1
|
-
#
|
|
1
|
+
# CK Component Library
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A reusable React component library with SCSS theming, built using Vite and TypeScript. Designed for use across multiple applications, including web apps and browser extensions.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## ✨ Features
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
7
|
+
- ⚛️ React 18 + TypeScript
|
|
8
|
+
- 🎨 SCSS theming with custom CSS variables
|
|
9
|
+
- 📦 Library bundling with Vite
|
|
10
|
+
- 💅 CSS Modules support for style encapsulation
|
|
11
|
+
- 🧩 Ready-to-use shared components (e.g., `Button`)
|
|
12
|
+
- 📁 Clean and modular project structure
|
|
9
13
|
|
|
10
|
-
|
|
14
|
+
---
|
|
11
15
|
|
|
12
|
-
|
|
16
|
+
## 📦 Installation
|
|
13
17
|
|
|
14
|
-
|
|
15
|
-
export default tseslint.config([
|
|
16
|
-
globalIgnores(['dist']),
|
|
17
|
-
{
|
|
18
|
-
files: ['**/*.{ts,tsx}'],
|
|
19
|
-
extends: [
|
|
20
|
-
// Other configs...
|
|
18
|
+
To use the component library in your app:
|
|
21
19
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
// Optionally, add this for stylistic rules
|
|
27
|
-
...tseslint.configs.stylisticTypeChecked,
|
|
28
|
-
|
|
29
|
-
// Other configs...
|
|
30
|
-
],
|
|
31
|
-
languageOptions: {
|
|
32
|
-
parserOptions: {
|
|
33
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
34
|
-
tsconfigRootDir: import.meta.dirname,
|
|
35
|
-
},
|
|
36
|
-
// other options...
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
])
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
43
|
-
|
|
44
|
-
```js
|
|
45
|
-
// eslint.config.js
|
|
46
|
-
import reactX from 'eslint-plugin-react-x'
|
|
47
|
-
import reactDom from 'eslint-plugin-react-dom'
|
|
48
|
-
|
|
49
|
-
export default tseslint.config([
|
|
50
|
-
globalIgnores(['dist']),
|
|
51
|
-
{
|
|
52
|
-
files: ['**/*.{ts,tsx}'],
|
|
53
|
-
extends: [
|
|
54
|
-
// Other configs...
|
|
55
|
-
// Enable lint rules for React
|
|
56
|
-
reactX.configs['recommended-typescript'],
|
|
57
|
-
// Enable lint rules for React DOM
|
|
58
|
-
reactDom.configs.recommended,
|
|
59
|
-
],
|
|
60
|
-
languageOptions: {
|
|
61
|
-
parserOptions: {
|
|
62
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
63
|
-
tsconfigRootDir: import.meta.dirname,
|
|
64
|
-
},
|
|
65
|
-
// other options...
|
|
66
|
-
},
|
|
67
|
-
},
|
|
68
|
-
])
|
|
69
|
-
```
|
|
20
|
+
```bash
|
|
21
|
+
npm install @ck-ui/component-library
|
|
22
|
+
# or
|
|
23
|
+
yarn add @ck-ui/component-library
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ck-ui/component-library",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"types": "dist/main.d.ts",
|
|
@@ -16,7 +16,15 @@
|
|
|
16
16
|
"dev": "vite",
|
|
17
17
|
"build": "tsc -b ./tsconfig.lib.json && vite build",
|
|
18
18
|
"lint": "eslint .",
|
|
19
|
-
"preview": "vite preview"
|
|
19
|
+
"preview": "vite preview",
|
|
20
|
+
"prepublishOnly": "npm run build",
|
|
21
|
+
"version:patch": "npm version patch && npm run publish:org",
|
|
22
|
+
"version:minor": "npm version minor && npm run publish:org",
|
|
23
|
+
"version:major": "npm version major && npm run publish:org",
|
|
24
|
+
"publish:org": "npm publish --access public"
|
|
25
|
+
},
|
|
26
|
+
"publishConfig": {
|
|
27
|
+
"access": "public"
|
|
20
28
|
},
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"ajv": "^8.17.1"
|