sk-clib 0.0.3 → 0.0.6
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 +60 -60
- package/dist/index.d.ts +4 -0
- package/dist/index.js +4 -1
- package/dist/ui/frame/components/frame.svelte.d.ts +1 -1
- package/dist/ui/index.d.ts +0 -4
- package/dist/ui/index.js +1 -4
- package/package.json +22 -28
package/README.md
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
# sk-clib
|
|
2
|
-
|
|
3
|
-
A flexible and modular component library built for my SvelteKit projects.
|
|
4
|
-
|
|
5
|
-
## 📦 Installation
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
bun install sk-clib
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## 🔧 Usage
|
|
12
|
-
|
|
13
|
-
Once installed, you can import and use components like this:
|
|
14
|
-
|
|
15
|
-
```svelte
|
|
16
|
-
<script>
|
|
17
|
-
import { Header, Text } from 'sk-clib';
|
|
18
|
-
</script>
|
|
19
|
-
|
|
20
|
-
<Header lg bold>Welp... Hi there :)</Header>
|
|
21
|
-
<Text size="lg" weight="bold">Hello World</Text>
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
If you're using path aliases, make sure to configure them properly in your `tsconfig.json` or `jsconfig.json`.
|
|
25
|
-
|
|
26
|
-
## 🛠 Development
|
|
27
|
-
|
|
28
|
-
To contribute or develop locally:
|
|
29
|
-
|
|
30
|
-
```bash
|
|
31
|
-
bun clone https://github.com/TreltaSev/sk-clib.git
|
|
32
|
-
cd sk-clib
|
|
33
|
-
bun install
|
|
34
|
-
bun run dev
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
This will launch the SvelteKit dev environment so you can view and test components live.
|
|
38
|
-
|
|
39
|
-
### Commands
|
|
40
|
-
|
|
41
|
-
* `npm run dev` – Start development server with live preview
|
|
42
|
-
* `npm run build` – Build the library for publishing
|
|
43
|
-
* `npm run lint` – Lint codebase
|
|
44
|
-
* `npm run check` – Run type checking
|
|
45
|
-
* `npm run test` – (If applicable) Run tests
|
|
46
|
-
|
|
47
|
-
## ✅ Publishing
|
|
48
|
-
|
|
49
|
-
Make sure everything builds correctly:
|
|
50
|
-
|
|
51
|
-
```bash
|
|
52
|
-
bun run build
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
Then publish:
|
|
56
|
-
|
|
57
|
-
```bash
|
|
58
|
-
bun publish
|
|
59
|
-
```
|
|
60
|
-
|
|
1
|
+
# sk-clib
|
|
2
|
+
|
|
3
|
+
A flexible and modular component library built for my SvelteKit projects.
|
|
4
|
+
|
|
5
|
+
## 📦 Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
bun install sk-clib
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## 🔧 Usage
|
|
12
|
+
|
|
13
|
+
Once installed, you can import and use components like this:
|
|
14
|
+
|
|
15
|
+
```svelte
|
|
16
|
+
<script>
|
|
17
|
+
import { Header, Text } from 'sk-clib';
|
|
18
|
+
</script>
|
|
19
|
+
|
|
20
|
+
<Header lg bold>Welp... Hi there :)</Header>
|
|
21
|
+
<Text size="lg" weight="bold">Hello World</Text>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
If you're using path aliases, make sure to configure them properly in your `tsconfig.json` or `jsconfig.json`.
|
|
25
|
+
|
|
26
|
+
## 🛠 Development
|
|
27
|
+
|
|
28
|
+
To contribute or develop locally:
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
bun clone https://github.com/TreltaSev/sk-clib.git
|
|
32
|
+
cd sk-clib
|
|
33
|
+
bun install
|
|
34
|
+
bun run dev
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
This will launch the SvelteKit dev environment so you can view and test components live.
|
|
38
|
+
|
|
39
|
+
### Commands
|
|
40
|
+
|
|
41
|
+
* `npm run dev` – Start development server with live preview
|
|
42
|
+
* `npm run build` – Build the library for publishing
|
|
43
|
+
* `npm run lint` – Lint codebase
|
|
44
|
+
* `npm run check` – Run type checking
|
|
45
|
+
* `npm run test` – (If applicable) Run tests
|
|
46
|
+
|
|
47
|
+
## ✅ Publishing
|
|
48
|
+
|
|
49
|
+
Make sure everything builds correctly:
|
|
50
|
+
|
|
51
|
+
```bash
|
|
52
|
+
bun run build
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
Then publish:
|
|
56
|
+
|
|
57
|
+
```bash
|
|
58
|
+
bun publish
|
|
59
|
+
```
|
|
60
|
+
|
|
61
61
|
> Ensure your version is bumped and `package.json` is clean of any local dependencies before publishing.
|
package/dist/index.d.ts
CHANGED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as Flex } from "./ui/flex/components/flex.svelte";
|
|
2
|
+
export { default as Frame } from "./ui/frame/components/frame.svelte";
|
|
3
|
+
export { default as Header } from "./ui/header/components/header.svelte";
|
|
4
|
+
export { default as Text } from "./ui/text/components/text.svelte";
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
// Reexport your entry components here
|
|
2
|
+
export { default as Flex } from "./ui/flex/components/flex.svelte";
|
|
3
|
+
export { default as Frame } from "./ui/frame/components/frame.svelte";
|
|
4
|
+
export { default as Header } from "./ui/header/components/header.svelte";
|
|
5
|
+
export { default as Text } from "./ui/text/components/text.svelte";
|
|
@@ -17,6 +17,6 @@ import type { Props } from '..';
|
|
|
17
17
|
* This will create a flex container that is a row, centered, and fills the available space.
|
|
18
18
|
* The `class` prop can be used to add additional classes to the frame, and the `children` prop can be used to pass in child components.
|
|
19
19
|
*/
|
|
20
|
-
declare const Frame: import("svelte").Component<Props, {}, "
|
|
20
|
+
declare const Frame: import("svelte").Component<Props, {}, "flex" | "row" | "col" | "centerx" | "centery" | "center" | "fill" | "fillw" | "fillh" | "noshrink" | "aspectSquare" | "cursorAuto" | "cursorDefault" | "cursorPointer">;
|
|
21
21
|
type Frame = ReturnType<typeof Frame>;
|
|
22
22
|
export default Frame;
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { default as Flex } from './flex/components/flex.svelte';
|
|
2
|
-
export { default as Frame } from './frame/components/frame.svelte';
|
|
3
|
-
export { default as Header } from './header/components/header.svelte';
|
|
4
|
-
export { default as Text } from "./text/components/text.svelte";
|
package/dist/ui/index.js
CHANGED
|
@@ -1,4 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { default as Frame } from './frame/components/frame.svelte';
|
|
3
|
-
export { default as Header } from './header/components/header.svelte';
|
|
4
|
-
export { default as Text } from "./text/components/text.svelte";
|
|
1
|
+
"use strict";
|
package/package.json
CHANGED
|
@@ -1,64 +1,58 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sk-clib",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"
|
|
5
|
-
"dev": "vite dev",
|
|
6
|
-
"build": "vite build && npm run prepack",
|
|
7
|
-
"preview": "vite preview",
|
|
8
|
-
"prepare": "svelte-kit sync || echo ''",
|
|
9
|
-
"prepack": "svelte-kit sync && svelte-package && publint",
|
|
10
|
-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
11
|
-
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
12
|
-
"format": "prettier --write .",
|
|
13
|
-
"lint": "prettier --check . && eslint ."
|
|
14
|
-
},
|
|
3
|
+
"version": "0.0.6",
|
|
4
|
+
"type": "module",
|
|
15
5
|
"files": [
|
|
16
6
|
"dist",
|
|
17
7
|
"!dist/**/*.test.*",
|
|
18
8
|
"!dist/**/*.spec.*"
|
|
19
9
|
],
|
|
20
|
-
"sideEffects": [
|
|
21
|
-
"**/*.css"
|
|
22
|
-
],
|
|
23
|
-
"svelte": "./dist/index.js",
|
|
24
|
-
"types": "./dist/index.d.ts",
|
|
25
|
-
"type": "module",
|
|
26
10
|
"exports": {
|
|
27
11
|
".": {
|
|
28
12
|
"types": "./dist/index.d.ts",
|
|
29
13
|
"svelte": "./dist/index.js"
|
|
30
14
|
}
|
|
31
15
|
},
|
|
16
|
+
"svelte": "./dist/index.js",
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"sideEffects": [
|
|
19
|
+
"**/*.css"
|
|
20
|
+
],
|
|
21
|
+
"scripts": {
|
|
22
|
+
"build": "svelte-package",
|
|
23
|
+
"prepublishOnly": "npm run build && publint",
|
|
24
|
+
"dev": "vite dev",
|
|
25
|
+
"preview": "vite preview",
|
|
26
|
+
"check": "svelte-check --tsconfig ./tsconfig.json",
|
|
27
|
+
"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
|
|
28
|
+
"format": "prettier --write .",
|
|
29
|
+
"lint": "prettier --check . && eslint ."
|
|
30
|
+
},
|
|
32
31
|
"peerDependencies": {
|
|
32
|
+
"@sveltejs/kit": "^2.0.0",
|
|
33
33
|
"svelte": "^5.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@
|
|
37
|
-
"@eslint/js": "^9.18.0",
|
|
38
|
-
"@sveltejs/adapter-auto": "^6.0.0",
|
|
39
|
-
"@sveltejs/kit": "^2.16.0",
|
|
36
|
+
"@sveltejs/kit": "^2.0.0",
|
|
40
37
|
"@sveltejs/package": "^2.0.0",
|
|
41
38
|
"@sveltejs/vite-plugin-svelte": "^5.0.0",
|
|
42
|
-
"@tailwindcss/vite": "^4.0.0",
|
|
43
39
|
"eslint": "^9.18.0",
|
|
44
40
|
"eslint-config-prettier": "^10.0.1",
|
|
45
41
|
"eslint-plugin-svelte": "^3.0.0",
|
|
46
|
-
"globals": "^16.0.0",
|
|
47
42
|
"prettier": "^3.4.2",
|
|
48
43
|
"prettier-plugin-svelte": "^3.3.3",
|
|
49
44
|
"prettier-plugin-tailwindcss": "^0.6.11",
|
|
50
45
|
"publint": "^0.3.2",
|
|
51
46
|
"svelte": "^5.0.0",
|
|
52
47
|
"svelte-check": "^4.0.0",
|
|
53
|
-
"tailwindcss": "^4.0.0",
|
|
54
48
|
"typescript": "^5.0.0",
|
|
55
|
-
"typescript-eslint": "^8.20.0",
|
|
56
49
|
"vite": "^6.2.6"
|
|
57
50
|
},
|
|
58
51
|
"keywords": [
|
|
59
|
-
"svelte"
|
|
52
|
+
"svelte",
|
|
53
|
+
"component",
|
|
54
|
+
"library"
|
|
60
55
|
],
|
|
61
|
-
"license": "MIT",
|
|
62
56
|
"dependencies": {
|
|
63
57
|
"tailwind-merge": "^3.2.0"
|
|
64
58
|
}
|