@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.
Files changed (2) hide show
  1. package/README.md +16 -62
  2. package/package.json +10 -2
package/README.md CHANGED
@@ -1,69 +1,23 @@
1
- # React + TypeScript + Vite
1
+ # CK Component Library
2
2
 
3
- This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
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
- Currently, two official plugins are available:
5
+ ## Features
6
6
 
7
- - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
8
- - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
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
- ## Expanding the ESLint configuration
14
+ ---
11
15
 
12
- If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
16
+ ## 📦 Installation
13
17
 
14
- ```js
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
- // Remove tseslint.configs.recommended and replace with this
23
- ...tseslint.configs.recommendedTypeChecked,
24
- // Alternatively, use this for stricter rules
25
- ...tseslint.configs.strictTypeChecked,
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.1",
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"