cclkit4svelte 0.1.0

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 (10) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +100 -0
  3. package/dist/Button.svelte +24 -0
  4. package/dist/Button.svelte.d.ts +25 -0
  5. package/dist/Header.svelte +57 -0
  6. package/dist/Header.svelte.d.ts +27 -0
  7. package/dist/index.d.ts +3 -0
  8. package/dist/index.js +4 -0
  9. package/package.json +69 -0
  10. package/svelte.config.js +21 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023 Saya Katafuchi
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,100 @@
1
+ # ccl-component-kit4svelte
2
+
3
+ CANDY CHUPS Labのサイトで使うコンポーネントのキットです。
4
+ 元々Reactコンポーネントで開発していたのをSvelteに移行しました。
5
+
6
+ このライブラリの開発を行うにはSvelteの動作導入が必要です。
7
+
8
+ ## Figma
9
+
10
+ <https://www.figma.com/files/project/71337935/CCL_Component?fuid=1036675751093311196>
11
+
12
+ ## 利用用途
13
+
14
+ CANDY CHUPS Lab.名義でWebサービスを開発したり、ハッカソンに参加する時に簡単に使用できるコンポーネントになります。
15
+
16
+ 基本的にはCCLメンバー以外が使ってもうま味はないです。俺得ライブラリの予定です。
17
+
18
+ ## 利用方法
19
+
20
+ 以下のコマンドでライブラリを導入して下さい。
21
+
22
+ ```zsh
23
+ > yarn add
24
+
25
+ or
26
+
27
+ > npm i ccl-component-kit4svelte
28
+ ```
29
+
30
+ ## 本ライブラリの開発について
31
+
32
+ コンポーネントライブラリの開発には、Node.jsのVersion18以降の環境が必要です。パッケージマネージャにはnpmを使用します。詳細なバージョンについては`package.json`に記載をしていますのでご確認ください。
33
+
34
+ Node.jsのバージョン切り替えには[Volta](https://volta.sh/)をおすすめします。
35
+
36
+ ```zsh
37
+ volta install node
38
+ # or
39
+ volta install node@18
40
+
41
+ node -v
42
+ #任意のNodeのバージョンが表示されればOK
43
+ v18.16.1
44
+ ```
45
+
46
+ 新規コンポーネントを開発する場合は、必ずStorybookで確認できるコンポーネント仕様書を一緒に作成してください。`stories`は`src/stories`ディレクトリの中に格納してください。
47
+
48
+ コンポーネントそのものは`lib`ディレクトリの中に格納してください。
49
+
50
+ ---
51
+
52
+ # ccl-component-kit
53
+
54
+ This is a kit of components for use at the CANDY CHUPS Lab site.
55
+ Originally developed with React components, we migrated to Svelte.
56
+
57
+ Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
58
+
59
+
60
+ ## Figma
61
+
62
+ <https://www.figma.com/files/project/71337935/CCL_Component?fuid=1036675751093311196>
63
+
64
+ ## Usage
65
+
66
+ It will be a component that can be easily used when developing web services under the name of CANDY CHUPS Lab. or participating in hackathons.
67
+
68
+ Basically, it is not intended to be used by non-CCL members. It is planned to be a private library.
69
+
70
+ ## How to use
71
+
72
+ Please install the library with the following command.
73
+
74
+ ```zsh
75
+ > yarn add ccl-component-kit4svelte
76
+
77
+ or
78
+
79
+ > npm i ccl-component-kit4svelte
80
+ ```
81
+
82
+ ## About the development of this library
83
+
84
+ The development of component libraries requires a Node.js environment with Version 18 or higher. Use npm as the package manager. Please check the `package.json` for detailed version information.
85
+
86
+ We recommend [Volta](https://volta.sh/) for switching Node.js versions.
87
+
88
+ ```zsh
89
+ volta install node
90
+ # or
91
+ volta install node@18
92
+
93
+ node -v
94
+ #Once the desired Node version is displayed, it is OK.
95
+ v18.16.1
96
+ ```
97
+
98
+ When developing a new component, always create a component specification together with it, which can be found in the Storybook. Store `stories` in the `src/stories` directory.
99
+
100
+ The component itself should be stored in the `lib` directory.
package/dist/Button.svelte ADDED
@@ -0,0 +1,24 @@
1
+ <script>export let bgColor;
2
+ export let label;
3
+ </script>
4
+
5
+ <!--汎用ボタン-->
6
+ <button class="buttonWrapper" style="background: var({bgColor})"><span class="btLabel">{label}</span></button>
7
+
8
+ <style>
9
+ .buttonWrapper {
10
+ display: flex;
11
+ border-radius: 50px;
12
+ border: none;
13
+ padding: 15px 45px;
14
+ }
15
+ .btLabel {
16
+ flex-direction: column;
17
+ justify-content: center;
18
+ flex-shrink: 0;
19
+ color: #FFF;
20
+ text-align: center;
21
+ font-size: 18px;
22
+ line-height: normal;
23
+ }
24
+ </style>
package/dist/Button.svelte.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ /**
5
+ * ボタンカラー、CCLVividColorの中から選ぶ
6
+ * @default --strawberry-pink
7
+ * @type string
8
+ */ bgColor: string;
9
+ /**
10
+ * ボタンの中に表示するテキスト
11
+ * @default Button
12
+ * @type string
13
+ */ label: string | "Button";
14
+ };
15
+ events: {
16
+ [evt: string]: CustomEvent<any>;
17
+ };
18
+ slots: {};
19
+ };
20
+ export type ButtonProps = typeof __propDef.props;
21
+ export type ButtonEvents = typeof __propDef.events;
22
+ export type ButtonSlots = typeof __propDef.slots;
23
+ export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
24
+ }
25
+ export {};
package/dist/Header.svelte ADDED
@@ -0,0 +1,57 @@
1
+ <script>export let bgColor;
2
+ export let height;
3
+ </script>
4
+
5
+ <!--汎用ヘッダー-->
6
+ <header>
7
+ <div class="wrapper" style="background: var({bgColor}); height: var({height})">
8
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 768">
9
+ <title>CANDY CHUPS Lab.</title>
10
+ <path class="a"
11
+ d="M107.31,420.79c-24.44,0-39.2-16.6-39.2-39.2,0-25.59,16.15-46.35,40.13-46.35,18.21,0,29.17,11.42,29.17,25.94a24.38,24.38,0,0,1-24,24.91c-9.69,0-12.69-6.34-12.69-14.3,0-10.14,4.38-22.25,9.11-31.13h-.23c-5.65,8.76-10.84,21.79-10.84,32.52,0,8.76,3.69,15.33,15.45,15.33s25.48-6.46,32.4-13.37c2,.34,2.88,2.07,2.88,4.49C149.51,393.81,136.14,420.79,107.31,420.79Z"/>
12
+ <path class="a"
13
+ d="M242.56,380.44c2,.34,2.88,2.07,2.88,4.5,0,12.33-6.8,35.85-23.18,35.85-10.14,0-15.79-8.53-18.21-17.41-.69,4.61-3.69,9.92-8.3,9.92-3.81,0-5.65-4.5-5.65-10.15a35.76,35.76,0,0,1,1.61-10.26h-.23a57.93,57.93,0,0,0-3.34,13.72c-7.27,10.38-16,17.87-29.63,17.87s-19.37-9.45-19.37-18.33c0-8.07,4.49-15.68,11.76-15.68.46,6,7,8.65,12.1,8.65,13,0,29.4-16,37.82-32.4a80.94,80.94,0,0,1,7.84-20.52c-20.18,0-26.06,7.38-26.06,13.72a8.76,8.76,0,0,0,8.65,8.87c0,8.07-9.34,14.65-18.68,14.65-14.87,0-22.94-11.07-22.94-22.83,0-19.83,16.72-27.56,35.28-27.56a75.42,75.42,0,0,1,29.28,6,21.22,21.22,0,0,1,15.45-6.23c9.92,0,13.72,4.73,13.72,10.38,0,5.42-3.45,11.41-8.41,14.87a82,82,0,0,1,3.57-16.49h-.23c-4.5,9.8-6.92,21.91-6.92,34.13a86.08,86.08,0,0,0,2.19,19.72A52.75,52.75,0,0,0,242.56,380.44Zm-45.08,8.65a9.59,9.59,0,0,0,2.53-.35,28.28,28.28,0,0,1-.69-6,65,65,0,0,1,.92-8.76H200a43.78,43.78,0,0,1-5.19,14.53A4.58,4.58,0,0,0,197.48,389.09Z"/>
14
+ <path class="a"
15
+ d="M267.35,377.21c-5.54-6.92-14.18-16.14-21.33-21.67,4.72-9.34,13.14-20.41,24.09-20.41,16.15,0,31.36,24.79,37.24,36.55l.23-.12a83.38,83.38,0,0,0-5.18-11.87,31.38,31.38,0,0,1-.58-6.23c0-10.61,5.53-18.22,13.95-18.22,7.61,0,11.65,4.85,11.65,10.73a10.85,10.85,0,0,1-.23,2.65c-15.11.46-16.49,19.94-16.49,30.55A43.1,43.1,0,0,1,314,395.66c0,14.64-7.15,23.52-20.18,25.13-6.11-15.79-13.48-27.44-22.94-39.31l-.11.11a150.54,150.54,0,0,1,7.26,13.26c-1.15,13.72-12.68,25.94-24.21,25.94-11.3,0-16-9.11-16-17.87,0-6.34,2.54-12.57,6.69-14.87,2.19,3.46,6.69,6.45,10.61,6.45C261.7,394.5,267.35,389.89,267.35,377.21Z"/>
16
+ <path class="a"
17
+ d="M321,389.89A117.93,117.93,0,0,1,326.15,358a33.28,33.28,0,0,0,11.53,2c1.84,0,3.11-.12,3.11-.12v-.23c-14.41-1.73-23.06-9.45-23.06-21.68a33.44,33.44,0,0,1,1.61-9.91c10.84,7.38,26.52,10.38,37.82,10.38,2.31,0,4.38-.23,5.88-.35-3.92,8-7,18.1-9.11,28.59h.23c6.69-15.56,15.45-31.36,29.17-31.36,12.8,0,18.22,12.69,18.22,28.25,0,18-10.38,56.61-32.28,56.61-11.76,0-23.75-12.57-28.48-23.87h-.46c3.11,7.61,6.22,12.92,11.18,18.45a14.52,14.52,0,0,1-12.1,6.11C330.3,420.79,321,413.18,321,389.89Zm51.54-41.5c-8.42,18.1-14.3,36.89-19.14,55.57,8.87-14.07,15.79-37.24,19.37-55.57Z"/>
18
+ <path class="a"
19
+ d="M423.11,420.68c-14.87-1.16-21.21-13.61-21.21-31,0-10.26,1.38-19.6,5.3-31.7,3.34,1.5,8.19,2,11.88,2,1,0,2-.12,2.76-.12v-.23c-14.52-1.73-23.06-9.45-23.06-21.68A35.4,35.4,0,0,1,400.4,328c10.84,7.38,26.52,10.38,37.81,10.38,2.31,0,5.88-.35,5.88-.35-5.18,10.72-10.14,27.21-10.14,42.2A56.63,56.63,0,0,0,436,396.12a33.53,33.53,0,0,1-8.18,15.1l.23.35c10.14-8.65,13.14-20.64,13.14-31.71,0-7.61-.92-13.83-2.53-22.36,4.95-13.49,15.56-22.26,24.32-22.26,7.73,0,14.07,6.69,14.07,22.83,0,22.48-12.34,41.05-27.67,56.38C432.45,431.4,411.93,442,399.82,442c-7.61,0-10.95-4.15-10.95-9.23,0-6.68,5.88-15.1,15.33-18a32.66,32.66,0,0,0,18.91,6.11Z"/>
20
+ <path class="a"
21
+ d="M539.91,420.79c-24.45,0-39.2-16.6-39.2-39.2,0-25.59,16.14-46.35,40.12-46.35,18.22,0,29.17,11.42,29.17,25.94a24.38,24.38,0,0,1-24,24.91c-9.69,0-12.69-6.34-12.69-14.3,0-10.14,4.39-22.25,9.11-31.13h-.23c-5.65,8.76-10.84,21.79-10.84,32.52,0,8.76,3.69,15.33,15.45,15.33s25.48-6.46,32.4-13.37c2,.34,2.88,2.07,2.88,4.49C582.1,393.81,568.73,420.79,539.91,420.79Z"/>
22
+ <path class="a"
23
+ d="M673.76,340c-7.6,13.26-12.45,35.51-12.45,52.46v3a52.75,52.75,0,0,0,9-15c2,.34,2.88,2.07,2.88,4.5,0,12.33-6.69,35.85-23.18,35.85-10,0-17.41-9.68-19-21.21l-8.65-1.27c-5.53,14.64-15.22,25.48-31,25.48-11.3,0-19.6-7.84-19.6-21.1,0-15.91,10.49-26.17,26.86-27.67a121.57,121.57,0,0,0-.8-15.45,19.51,19.51,0,0,0,4.49.46,24.52,24.52,0,0,0,10-1.61l-.11-.23c-1.5.11-3,.23-4.38.23-15.68,0-23.64-9.69-23.64-23.52a21.32,21.32,0,0,1,.12-2.77,62.66,62.66,0,0,0,21.09,3.34c9.46,0,17.07-1.73,24.91-3.92a86.88,86.88,0,0,1,.92,12.92,183.25,183.25,0,0,1-2.65,27.09h1.27c1.61-12.68,9.8-36.32,27.9-36.32A30.16,30.16,0,0,1,673.76,340Zm-80,58.45c-7-.11-12.34,5.31-12.34,7.15A1.41,1.41,0,0,0,582.8,407C585.68,407,591.9,402.11,593.75,398.42Z"/>
24
+ <path class="a"
25
+ d="M705.7,338.36c2.31,0,5.88-.35,5.88-.35-6.57,13.26-10.14,29.63-10.14,46.12a111.16,111.16,0,0,0,.92,13.95l1.38-2.31c-.23-2.76-.34-5.53-.34-8.18,0-28,11.41-52.35,29.28-52.35a29.71,29.71,0,0,1,16,4.73c-7,13.95-12.45,32.63-12.45,55.46a53,53,0,0,0,9-15c2,.34,2.88,2.07,2.88,4.38,0,12.45-6.69,36-22.94,36-8,0-12.92-5.76-15.57-10a61.11,61.11,0,0,0,5.77-13.83l-.35-.23c-5.07,11.41-13.26,24.09-24.67,24.09-16.26,0-20.87-14.52-20.87-30.21A117.08,117.08,0,0,1,674.69,358a33.28,33.28,0,0,0,11.53,2c1.84,0,3.11-.12,3.11-.12v-.23c-14.41-1.73-23.06-9.45-23.06-21.68a33.44,33.44,0,0,1,1.61-9.91C678.72,335.36,694.4,338.36,705.7,338.36Z"/>
26
+ <path class="a"
27
+ d="M777.65,366.6c8.64-19.94,17-31.36,28-31.36,10.73,0,15.91,10.61,15.91,22.26,0,18.44-12.91,42.88-33.32,42.88-12.45,0-27.09-6.91-34.82-13.37l-.11.12a62.38,62.38,0,0,0,22.14,13.25,99.62,99.62,0,0,0,2.3,11.07c-3.23,4.61-9.22,9.34-14.87,9.34-9.11,0-18.45-7.61-18.45-30.9A117.93,117.93,0,0,1,749.63,358a33.28,33.28,0,0,0,11.53,2c1.84,0,3.11-.12,3.11-.12v-.23c-14.41-1.73-23.06-9.45-23.06-21.68a33.15,33.15,0,0,1,1.62-9.91c10.84,7.38,26.52,10.38,37.81,10.38,2.31,0,4.39-.23,5.88-.35a93.81,93.81,0,0,0-9,28.59Zm12.1-5.18a230.19,230.19,0,0,0-15.1,29.05c2.65-.58,6.23-5.65,8.53-9.92a76.34,76.34,0,0,0,6.8-19.13C789.87,361.53,789.87,361.18,789.75,361.42Z"/>
28
+ <path class="a"
29
+ d="M853.63,420.79c-22,0-34.94-9.34-34.94-22.83,0-9.33,7.15-18,17.3-18,8.76,12.45,21.9,23.86,32.86,31.13l.11-.23c-17.64-15.57-38.16-33.09-38.16-52.35,0-15.68,16.26-23.29,32.17-23.29,15.22,0,30,6.92,30,20.06,0,6.35-5.53,12.57-12.1,16.15C870.46,360,860.78,354,848.79,346.89l-.12.11c20.06,14.18,38.16,28.6,38.16,48.77C886.83,412.61,875.07,420.79,853.63,420.79Z"/>
30
+ <path class="a"
31
+ d="M974.34,394.85c11,0,21.68-4.38,28.13-14.07,2.31.35,2.89,1.85,2.89,6.58,0,14.29-8.42,35.28-35.28,35.28-16.37,0-33.09-12-45-24.56l-.11.11c6.8,9.11,18.1,17.64,27.67,22.49a29.45,29.45,0,0,1-14.18,4.26c-12.92,0-25.37-9.22-25.37-19.25,0-11.53,8.42-17.41,21.45-17.41a44.5,44.5,0,0,1,17.06,3.34v-.23c-4.27-2.65-11.07-4-17.06-4.61-8.07-.81-15-5.65-15-15.8,0-6.45,3-12.1,8.88-14.52,5.76,4.26,14.52,6.57,21.67,6.57.69,0,1.38-.12,2-.12v-.23c-6.34-.34-12.68-2.19-15.68-4.15,2.19-15.79,15.22-24.79,30.67-24.79,12.45,0,24,7.5,24,23.64,0,12.91-8.53,26.63-24,29.28v1.73a50,50,0,0,1-.35,5.77A42.65,42.65,0,0,0,974.34,394.85Zm-2-53.73c-3.34,4-5.42,10.73-6.11,16.72h.23c3.58-4.73,5.77-12,6.11-16.72Z"/>
32
+ <path class="a"
33
+ d="M1020.69,405.46c3.92-9.34,6.57-21,8.76-31.71h-.23c-6.34,24.21-14.29,47-25.36,47-7.61,0-11.76-10.83-11.76-23.29,0-17.75,8.42-38.16,24.1-38.16,6.34,0,13.83,3.46,22.48,11.88l.23-.24c-2.54-3.22-6-6.91-9.23-8.87a17.44,17.44,0,0,1,9.69-2.77,19.62,19.62,0,0,1,12.91,5c-4.15,7.72-6.34,19-6.34,33.2,4.15-5,6.92-11.53,9.46-17.06,1.84.34,2.88,1.84,2.88,4.73,0,7.49-7.61,35.62-24.21,35.62C1025.3,420.79,1022,413.07,1020.69,405.46Zm-4.38-10c3.57-6.92,6.8-17.18,9.34-25.48-2.77,1.15-6.23,10.26-9.57,25.48Z"/>
34
+ <path class="a"
35
+ d="M1050.9,386.66c0-21.09,8.65-44.5,26.86-44.5a24.87,24.87,0,0,1,13.72,4.38l-10.26,27.21c-3.34,7.27-8.3,24.44-9.57,32.75h.35c5.65-22.37,13.72-47.16,25.36-47.16,8.07,0,13.38,12,13.38,24.44,0,17.64-10.61,37-25.6,37-8.3,0-16.37-6-22.14-11.87l-.23.23a46.52,46.52,0,0,0,12.11,10.72,10.25,10.25,0,0,1-3.92.92C1057,420.79,1050.9,404.3,1050.9,386.66Zm34-1.84c-3.57,6.92-6.8,17.18-9.34,25.48,2.77-1.15,6.23-10.26,9.57-25.48Z"/>
36
+ <path class="a"
37
+ d="M1131.49,399c6.69,0,12.68,2.65,12.68,8.42,0,6.11-7,15.68-14.06,15.68s-10.26-9.46-10.26-14.88S1123,399,1131.49,399Z"/>
38
+ </svg>
39
+ </div>
40
+ </header>
41
+
42
+ <style>
43
+ .wrapper {
44
+ display: flex;
45
+ padding: 0 298px;
46
+ justify-content: center;
47
+ align-items: center;
48
+ }
49
+
50
+ svg {
51
+ display: inline-block;
52
+ vertical-align: top;
53
+ height: 256px;
54
+ }.a{
55
+ fill: #fff;
56
+ }
57
+ </style>
package/dist/Header.svelte.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ /**
5
+ * ヘッダー背景色
6
+ * CCLVividColorの中から指定する
7
+ * @default --strawberry-pink
8
+ * @type string
9
+ */ bgColor: string;
10
+ /**
11
+ * ヘッダー高さ
12
+ * HeaderHeightの中から指定する
13
+ * @default --hd-nomal
14
+ * @type string
15
+ */ height: string;
16
+ };
17
+ events: {
18
+ [evt: string]: CustomEvent<any>;
19
+ };
20
+ slots: {};
21
+ };
22
+ export type HeaderProps = typeof __propDef.props;
23
+ export type HeaderEvents = typeof __propDef.events;
24
+ export type HeaderSlots = typeof __propDef.slots;
25
+ export default class Header extends SvelteComponentTyped<HeaderProps, HeaderEvents, HeaderSlots> {
26
+ }
27
+ export {};
package/dist/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import '../const/variables.css';
2
+ export { default as Header } from './Header.svelte';
3
+ export { default as Button } from './Button.svelte';
package/dist/index.js ADDED
@@ -0,0 +1,4 @@
1
+ // place files you want to import through the `$lib` alias in this folder.
2
+ import '../const/variables.css'; // カスタムプロパティ読み込み用
3
+ export { default as Header } from './Header.svelte';
4
+ export { default as Button } from './Button.svelte';
package/package.json ADDED
@@ -0,0 +1,69 @@
1
+ {
2
+ "name": "cclkit4svelte",
3
+ "version": "0.1.0",
4
+ "author": "reiji1020 <sk@reiji1020.info>",
5
+ "license": "MIT",
6
+ "type": "module",
7
+ "repository": "https://github.com/reiji1020/ccl-component-kit4svelte.git",
8
+ "bugs": {
9
+ "url": "https://github.com/reiji1020/ccl-component-kit4svelte/issues"
10
+ },
11
+ "homepage": "https://github.com/reiji1020/ccl-component-kit4svelte#readme",
12
+ "description": "Component kit for CANDY CHUPS Lab.",
13
+ "scripts": {
14
+ "dev": "vite dev",
15
+ "build": "vite build",
16
+ "preview": "vite preview",
17
+ "package": "svelte-package",
18
+ "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
19
+ "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
20
+ "lint": "prettier --check . && eslint .",
21
+ "format": "prettier --write .",
22
+ "storybook": "storybook dev -p 6006",
23
+ "build-storybook": "storybook build -o ./public/storybook"
24
+ },
25
+ "files": [
26
+ "dist"
27
+ ],
28
+ "exports": {
29
+ ".": {
30
+ "types": "./dist/index.d.ts",
31
+ "svelte": "./dist/index.js"
32
+ }
33
+ },
34
+ "main": "svelte.config.js",
35
+ "devDependencies": {
36
+ "@storybook/addon-actions": "^7.6.10",
37
+ "@storybook/addon-essentials": "^7.6.3",
38
+ "@storybook/addon-interactions": "^7.6.3",
39
+ "@storybook/addon-links": "^7.6.3",
40
+ "@storybook/blocks": "^7.6.3",
41
+ "@storybook/svelte": "^7.6.3",
42
+ "@storybook/sveltekit": "^7.6.3",
43
+ "@storybook/test": "^7.6.3",
44
+ "@sveltejs/adapter-auto": "^2.0.0",
45
+ "@sveltejs/kit": "^1.27.4",
46
+ "@sveltejs/package": "^2.2.3",
47
+ "@typescript-eslint/eslint-plugin": "^6.0.0",
48
+ "@typescript-eslint/parser": "^6.0.0",
49
+ "eslint": "^8.28.0",
50
+ "eslint-config-prettier": "^9.0.0",
51
+ "eslint-plugin-storybook": "^0.6.15",
52
+ "eslint-plugin-svelte": "^2.30.0",
53
+ "prettier": "^3.0.0",
54
+ "prettier-plugin-svelte": "^3.0.0",
55
+ "react": "^18.2.0",
56
+ "react-dom": "^18.2.0",
57
+ "storybook": "^7.6.3",
58
+ "svelte": "^4.2.7",
59
+ "svelte-check": "^3.6.0",
60
+ "svelte2tsx": "^0.6.27",
61
+ "tslib": "^2.4.1",
62
+ "typescript": "^5.0.0",
63
+ "vite": "^4.4.2"
64
+ },
65
+ "volta": {
66
+ "node": "18.19.0",
67
+ "npm": "10.4.0"
68
+ }
69
+ }
package/svelte.config.js ADDED
@@ -0,0 +1,21 @@
1
+ import adapter from '@sveltejs/adapter-auto';
2
+ import { vitePreprocess } from '@sveltejs/kit/vite';
3
+
4
+ /** @type {import('@sveltejs/kit').Config} */
5
+ const config = {
6
+ // Consult https://kit.svelte.dev/docs/integrations#preprocessors
7
+ // for more information about preprocessors
8
+ preprocess: vitePreprocess(),
9
+
10
+ kit: {
11
+ // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12
+ // If your environment is not supported or you settled on a specific environment, switch out the adapter.
13
+ // See https://kit.svelte.dev/docs/adapters for more information about adapters.
14
+ adapter: adapter(),
15
+ alias: {
16
+ 'cclkit4svelte': 'src/lib'
17
+ }
18
+ }
19
+ };
20
+
21
+ export default config;