sparkle-react 0.0.4 → 0.0.6

package/dist/index.css

@@ -0,0 +1,2 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.bottom-3{bottom:.75rem}.left-1\/2{left:50%}.right-3{right:.75rem}.top-1\/2{top:50%}.flex{display:flex}.h-\[34px\]{height:34px}.w-\[34px\]{width:34px}.w-full{width:100%}.min-w-\[124px\]{min-width:124px}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.bg-\[\#313131\]{--tw-bg-opacity: 1;background-color:rgb(49 49 49 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/60{background-color:#0009}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-3{padding:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.capitalize{text-transform:capitalize}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/globals.css"],"sourcesContent":["/*\n! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.inset-0 {\n  inset: 0px;\n}\n.bottom-3 {\n  bottom: 0.75rem;\n}\n.left-1\\/2 {\n  left: 50%;\n}\n.right-3 {\n  right: 0.75rem;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.flex {\n  display: flex;\n}\n.h-\\[34px\\] {\n  height: 34px;\n}\n.w-\\[34px\\] {\n  width: 34px;\n}\n.w-full {\n  width: 100%;\n}\n.min-w-\\[124px\\] {\n  min-width: 124px;\n}\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n.-translate-x-full {\n  --tw-translate-x: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-full {\n  --tw-translate-y: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.gap-3 {\n  gap: 0.75rem;\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.bg-\\[\\#313131\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(49 49 49 / var(--tw-bg-opacity));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n}\n.bg-black\\/60 {\n  background-color: rgb(0 0 0 / 0.6);\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity));\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-3 {\n  padding: 0.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-normal {\n  font-weight: 400;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-white\\/10 {\n  --tw-ring-color: rgb(255 255 255 / 0.1);\n}\n.backdrop-blur-xl {\n  --tw-backdrop-blur: blur(24px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-500 {\n  transition-duration: 500ms;\n}\n.hover\\:-translate-y-1:hover {\n  --tw-translate-y: -0.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n"],"mappings":"AAOA,EACA,QACA,OACE,WAAY,WACZ,aAAc,EACd,aAAc,MACd,aAAc,OAChB,CAEA,QACA,OACE,cAAc,EAChB,CAWA,KACE,YAAa,IACb,yBAA0B,KAC1B,cAAe,EACf,YAAa,EACV,SAAU,EACb,YAAa,aAAa,CAAE,SAAS,CAAE,aAAa,CAAE,kBAAkB,CAAE,QAAU,CAAE,MAAM,CAAE,cAAgB,CAAE,KAAK,CAAE,SAAW,CAAE,UAAU,CAAE,mBAAmB,CAAE,gBAAgB,CAAE,eAAiB,CAAE,mBAC1M,sBAAuB,OACvB,wBAAyB,MAC3B,CAOA,KA9CA,OA+CU,EACR,YAAa,OACf,CAQA,GACE,OAAQ,EACR,MAAO,QACP,iBAAkB,GACpB,CAMA,IAAI,OAAO,CAAC,QACV,wBAAyB,UAAU,OAC3B,gBAAiB,UAAU,MACrC,CAMA,GACA,GACA,GACA,GACA,GACA,GACE,UAAW,QACX,YAAa,OACf,CAMA,EACE,MAAO,QACP,gBAAiB,OACnB,CAMA,EACA,OACE,YAAa,MACf,CAOA,KACA,IACA,KACA,IACE,YAAa,YAAY,CAAE,cAAc,CAAE,KAAK,CAAE,MAAM,CAAE,QAAQ,CAAE,eAAiB,CAAE,WAAa,CAAE,UACtG,UAAW,GACb,CAMA,MACE,UAAW,GACb,CAMA,IACA,IACE,UAAW,IACX,YAAa,EACb,SAAU,SACV,eAAgB,QAClB,CAEA,IACE,OAAQ,MACV,CAEA,IACE,IAAK,KACP,CAQA,MACE,YAAa,EACb,aAAc,QACd,gBAAiB,QACnB,CAQA,OACA,MACA,SACA,OACA,SACE,YAAa,QACb,UAAW,KACX,YAAa,QACb,YAAa,QACb,MAAO,QA5KT,OA6KU,EA7KV,QA8KW,CACX,CAMA,OACA,OACE,eAAgB,IAClB,CAOA,OACA,CAAC,aACD,CAAC,YACD,CAAC,aACC,mBAAoB,OACpB,iBAAkB,YAClB,iBAAkB,IACpB,CAMA,gBACE,QAAS,IACX,CAMA,iBACE,WAAY,IACd,CAMA,SACE,eAAgB,QAClB,CAMA,4BACA,4BACE,OAAQ,IACV,CAOA,CAAC,aACC,mBAAoB,UACpB,eAAgB,IAClB,CAMA,4BACE,mBAAoB,IACtB,CAOA,6BACE,mBAAoB,OACpB,KAAM,OACR,CAMA,QACE,QAAS,SACX,CAMA,WACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,OACA,EACA,IA7RA,OA8RU,CACV,CAEA,SAjSA,OAkSU,EAlSV,QAmSW,CACX,CAEA,OAtSA,QAuSW,CACX,CAEA,GACA,GACA,KACE,WAAY,KA7Sd,OA8SU,EA9SV,QA+SW,CACX,CAMA,SACE,OAAQ,QACV,CAOA,KAAK,mBAAoB,QAAQ,mBAC/B,QAAS,EACT,MAAO,OACT,CAEA,KAAK,cACL,QAAQ,cACN,QAAS,EACT,MAAO,OACT,CAMA,OACA,CAAC,aACC,OAAQ,OACV,CAKA,UACE,OAAQ,OACV,CAQA,IACA,IACA,MACA,OACA,MACA,OACA,MACA,OACE,QAAS,MACT,eAAgB,MAClB,CAMA,IACA,MACE,UAAW,KACX,OAAQ,IACV,CAGA,CAAC,QACC,QAAS,IACX,CAEA,EAAG,QAAU,OACX,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aACA,aACA,kBACA,6BAA6B,UAC7B,eACA,oBACA,sBACA,uBACA,wBACA,kBACA,wBAAwB,IACxB,wBAAwB,KACxB,iBAAiB,IAAI,GAAG,IAAI,IAAI,EAAE,IAClC,yBAAyB,EAAE,EAAE,MAC7B,kBAAkB,EAAE,EAAE,MACtB,aAAa,EAAE,EAAE,MACjB,qBAAqB,EAAE,EAAE,MACzB,YACA,kBACA,gBACA,iBACA,kBACA,cACA,gBACA,aACA,mBACA,qBACA,2BACA,yBACA,0BACA,2BACA,uBACA,wBACA,yBACA,qBACF,CAEA,WACE,uBAAuB,EACvB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aACA,aACA,kBACA,6BAA6B,UAC7B,eACA,oBACA,sBACA,uBACA,wBACA,kBACA,wBAAwB,IACxB,wBAAwB,KACxB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","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,44 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface WebSocketContextType {
+    socket: WebSocket | undefined;
+}
+declare const SparkleContext: react.Context<WebSocketContextType>;
+interface SparkleProviderProps {
+    children: ReactNode;
+}
+declare const SparkleProvider: ({ children }: SparkleProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare function useRealtime<T extends string>(...keyInputs: T[]): Record<T, any>;
+
+interface TwitchUser {
+    id: string;
+    login: string;
+    display_name: string;
+    type: string;
+    broadcaster_type: string;
+    description: string;
+    profile_image_url: string;
+    offline_image_url: string;
+    view_count: number;
+    email: string;
+}
+declare function useTwitch(): {
+    user: TwitchUser | null;
+    loading: boolean;
+    fetchVips: () => Promise<void>;
+    authenticate: () => Promise<void>;
+    logout: () => void;
+};
+
+declare function useData<T extends string>(...keys: T[]): {
+    set: (key: string, value: any) => Promise<Response>;
+    get: (key: string) => Promise<void>;
+    inctement: (key: string, value: number) => Promise<Response>;
+    decrement: (key: string, value: number) => Promise<Response>;
+    del: (key: string) => Promise<Response>;
+};
+
+export { SparkleContext, SparkleProvider, type TwitchUser, useData, useRealtime, useTwitch };

package/dist/index.mjs

@@ -0,0 +1,8 @@
+import { createContext, useState, useCallback, useEffect, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function u(){let[s,a]=useState(null),[o,c]=useState(!0),e="u9lt242tz2pn5hl5x444ls2xllnvip",t=useCallback(async()=>{let r=new URLSearchParams(window.location.hash).get("#access_token")||localStorage.getItem("twitch_access_token");if(r){localStorage.setItem("twitch_access_token",r);let n=(await fetch("https://api.twitch.tv/helix/users",{headers:{Authorization:`Bearer ${r}`,"Client-Id":e}}).then(b=>b.json())).data[0];a(n);}},[]),i=useCallback(async()=>{try{let r="http://localhost:3000/test",d=["user:read:email","channel:read:vips","user:read:follows","user:read:subscriptions"].join(" "),n=new URLSearchParams(window.location.hash).get("#access_token")||localStorage.getItem("twitch_access_token");if(!n)window.location.replace(`https://id.twitch.tv/oauth2/authorize?client_id=${e}&redirect_uri=${r}&response_type=token&scope=${d}&force_verify=true`);else {localStorage.setItem("twitch_access_token",n);let v=(await fetch("https://api.twitch.tv/helix/users",{headers:{Authorization:`Bearer ${n}`,"Client-Id":e}}).then(x=>x.json())).data[0];a(v);}}catch(r){console.error("Erreur lors de l'authentification :",r);}finally{c(!1);}},[]),w=useCallback(()=>{localStorage.removeItem("twitch_access_token"),a(null);},[]),l=useCallback(async()=>{let r=new URLSearchParams(window.location.hash).get("#access_token")||localStorage.getItem("twitch_access_token");await fetch("https://api.twitch.tv/helix/channels/vips?broadcaster_id=540958129",{method:"GET",headers:{Authorization:`Bearer ${r}`,"Client-Id":e}}).then(n=>n.json());},[]);return useEffect(()=>{t();},[]),{user:s,loading:o,fetchVips:l,authenticate:i,logout:w}}var p=createContext({socket:void 0}),L=({children:s})=>{let [a,o]=useState();u();return useEffect(()=>{let i=new WebSocket("ws://localhost:8000");return o(i),()=>{i.close();}},[]),jsx(p.Provider,{value:{socket:a},children:s})};function W(...s){let a=useContext(p),o=useMemo(()=>s,[s.join(",")]),[c,e]=useState(o.reduce((l,r)=>({...l,[r]:""}),{}));if(!a)throw new Error("You must use useDatabase inside a SparkleProvider");let{socket:t}=a,i=useCallback(()=>{t?.send(JSON.stringify({type:"subscribe",keys:o}));},[t,o]),w=useCallback(l=>{let r=JSON.parse(l.data.toString());console.log("Message re\xE7u : "+l.data),e(d=>({...d,[r.key]:JSON.parse(r.value)}));},[]);return useEffect(()=>{if(t)return t.readyState===WebSocket.OPEN&&i(),t.addEventListener("open",i),t.addEventListener("message",w),()=>{t.removeEventListener("open",i),t.removeEventListener("message",w);}},[t]),useEffect(()=>{console.log("update keys",o),i();},[o]),c}function D(...s){useContext(p);let o=useCallback(async(e,t)=>(t&&typeof t=="object"&&(t=JSON.stringify(t)),await fetch("http://localhost:4005/actions",{method:"POST",body:JSON.stringify({action:"set",key:e,value:t}),headers:{"Content-Type":"application/json"}})),[]),c=useCallback(async e=>{await fetch("http://localhost:4005/actions",{method:"POST",body:JSON.stringify({action:"get",key:e}),headers:{"Content-Type":"application/json"}});},[]);return {set:o,get:c,inctement:async(e,t)=>await fetch("http://localhost:4005/actions",{method:"POST",body:JSON.stringify({action:"inctement",key:e,value:t}),headers:{"Content-Type":"application/json"}}),decrement:async(e,t)=>await fetch("http://localhost:4005/actions",{method:"POST",body:JSON.stringify({action:"decrement",key:e,value:t}),headers:{"Content-Type":"application/json"}}),del:async e=>await fetch("http://localhost:4005/actions",{method:"POST",body:JSON.stringify({action:"del",key:e}),headers:{"Content-Type":"application/json"}})}}
+
+export { p as SparkleContext, L as SparkleProvider, D as useData, W as useRealtime, u as useTwitch };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider.tsx","../src/hooks/useTwitch.ts","../src/hooks/useRealtime.ts","../src/hooks/useData.ts"],"names":["createContext","useEffect","useState","useCallback","useTwitch","user","setUser","loading","setLoading","clientId","tryAuthenticate","accessToken","res","authenticate","redirectUri","scope","error","logout","fetchVips","result","jsx","SparkleContext","SparkleProvider","children","socket","setSocket","ws","useContext","useMemo","useRealtime","keyInputs","context","keys","state","setState","acc","key","openOpen","openMessage","event","data","useData","set","value","get"],"mappings":"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","sourcesContent":["import { type ReactNode, createContext, useEffect, useState } from \"react\"\nimport { type TwitchUser, useTwitch } from \"./hooks/useTwitch\"\nimport LoginForm from \"./components/login-form\"\nimport UserInfo from \"./components/user-info\"\n\ninterface WebSocketContextType {\n  socket: WebSocket | undefined\n}\n\nexport const SparkleContext = createContext<WebSocketContextType>({\n  socket: undefined,\n})\n\ninterface SparkleProviderProps {\n  children: ReactNode\n}\n\nexport const SparkleProvider = ({ children }: SparkleProviderProps) => {\n  const [socket, setSocket] = useState<WebSocket>()\n  const { user, authenticate, logout } = useTwitch()\n\n  useEffect(() => {\n    const ws = new WebSocket(\"ws://localhost:8000\")\n    setSocket(ws)\n\n    return () => {\n      ws.close()\n    }\n  }, [])\n\n  return (\n    <SparkleContext.Provider\n      value={{\n        socket,\n      }}\n    >\n      {/* {!user && <LoginForm authenticate={authenticate} />}\n      {user && (\n        <>\n          <UserInfo user={user} logout={logout} />\n        </>\n      )} */}\n      {children}\n    </SparkleContext.Provider>\n  )\n}\n","import { useState, useEffect, useCallback } from \"react\"\n\nexport interface TwitchUser {\n  id: string\n  login: string\n  display_name: string\n  type: string\n  broadcaster_type: string\n  description: string\n  profile_image_url: string\n  offline_image_url: string\n  view_count: number\n  email: string\n}\n\nexport function useTwitch() {\n  const [user, setUser] = useState<TwitchUser | null>(null)\n  const [loading, setLoading] = useState(true)\n\n  const clientId = \"u9lt242tz2pn5hl5x444ls2xllnvip\"\n\n  const tryAuthenticate = useCallback(async () => {\n    const accessToken =\n      new URLSearchParams(window.location.hash).get(\"#access_token\") ||\n      localStorage.getItem(\"twitch_access_token\")\n\n    if (accessToken) {\n      localStorage.setItem(\"twitch_access_token\", accessToken)\n\n      const response = await fetch(\"https://api.twitch.tv/helix/users\", {\n        headers: {\n          Authorization: `Bearer ${accessToken}`,\n          \"Client-Id\": clientId,\n        },\n      }).then((res) => res.json())\n\n      const user = response.data[0]\n      setUser(user)\n    }\n  }, [])\n\n  const authenticate = useCallback(async () => {\n    try {\n      const redirectUri = \"http://localhost:3000/test\"\n      const scope = [\n        \"user:read:email\",\n        \"channel:read:vips\",\n        \"user:read:follows\",\n        \"user:read:subscriptions\",\n      ].join(\" \")\n\n      const accessToken =\n        new URLSearchParams(window.location.hash).get(\"#access_token\") ||\n        localStorage.getItem(\"twitch_access_token\")\n\n      if (!accessToken) {\n        // Redirigez pour l'authentification si aucun token n'est trouvé\n        window.location.replace(\n          `https://id.twitch.tv/oauth2/authorize?client_id=${clientId}&redirect_uri=${redirectUri}&response_type=token&scope=${scope}&force_verify=true`\n        )\n      } else {\n        // Stockez le token dans le stockage local\n        localStorage.setItem(\"twitch_access_token\", accessToken)\n\n        const response = await fetch(\"https://api.twitch.tv/helix/users\", {\n          headers: {\n            Authorization: `Bearer ${accessToken}`,\n            \"Client-Id\": clientId,\n          },\n        }).then((res) => res.json())\n\n        const user = response.data[0]\n\n        // Utilisez le token pour faire des requêtes à l'API Twitch\n        // const [follow, subscription] = await Promise.all([\n        //   await fetch(\n        //     `https://api.twitch.tv/helix/subscriptions/user?broadcaster_id=540958129&user_id=${user.id}`,\n        //     {\n        //       headers: {\n        //         Authorization: `Bearer ${accessToken}`,\n        //         \"Client-Id\": clientId,\n        //       },\n        //     }\n        //   ).then((res) => res.json()),\n        //   await fetch(\n        //     `https://api.twitch.tv/helix/channels/followed?broadcaster_id=540958129&user_id=${user.id}`,\n        //     {\n        //       headers: {\n        //         Authorization: `Bearer ${accessToken}`,\n        //         \"Client-Id\": clientId,\n        //       },\n        //     }\n        //   ).then((res) => res.json()),\n        // ])\n\n        // console.log(follow, subscription)\n\n        setUser(user)\n      }\n    } catch (error) {\n      console.error(\"Erreur lors de l'authentification :\", error)\n    } finally {\n      setLoading(false)\n    }\n  }, [])\n\n  const logout = useCallback(() => {\n    localStorage.removeItem(\"twitch_access_token\")\n    setUser(null)\n  }, [])\n\n  const fetchVips = useCallback(async () => {\n    const accessToken =\n      new URLSearchParams(window.location.hash).get(\"#access_token\") ||\n      localStorage.getItem(\"twitch_access_token\")\n\n    const result = await fetch(\n      \"https://api.twitch.tv/helix/channels/vips?broadcaster_id=540958129\",\n      {\n        method: \"GET\",\n        headers: {\n          Authorization: `Bearer ${accessToken}`,\n          \"Client-Id\": clientId,\n        },\n      }\n    ).then((res) => res.json())\n  }, [])\n\n  useEffect(() => {\n    tryAuthenticate()\n  }, [])\n\n  return { user, loading, fetchVips, authenticate, logout }\n}\n","import { useCallback, useState, useContext, useEffect, useMemo } from \"react\"\nimport { SparkleContext } from \"../provider\"\n\nexport function useRealtime<T extends string>(...keyInputs: T[]) {\n  type State = Record<T, any>\n\n  const context = useContext(SparkleContext)\n\n  const keys = useMemo(() => keyInputs, [keyInputs.join(\",\")])\n\n  const [state, setState] = useState<State>(\n    keys.reduce((acc, key) => ({ ...acc, [key]: \"\" }), {} as State)\n  )\n\n  if (!context) {\n    throw new Error(\"You must use useDatabase inside a SparkleProvider\")\n  }\n\n  const { socket } = context\n\n  const openOpen = useCallback(() => {\n    socket?.send(JSON.stringify({ type: \"subscribe\", keys }))\n  }, [socket, keys])\n\n  const openMessage = useCallback((event: MessageEvent) => {\n    const data = JSON.parse(event.data.toString())\n\n    console.log(\"Message reçu : \" + event.data)\n\n    setState((state) => ({\n      ...state,\n      [data.key]: JSON.parse(data.value),\n    }))\n  }, [])\n\n  useEffect(() => {\n    if (!socket) return\n\n    if (socket.readyState === WebSocket.OPEN) {\n      openOpen()\n    }\n\n    socket.addEventListener(\"open\", openOpen)\n    socket.addEventListener(\"message\", openMessage)\n\n    return () => {\n      socket.removeEventListener(\"open\", openOpen)\n      socket.removeEventListener(\"message\", openMessage)\n    }\n  }, [socket])\n\n  useEffect(() => {\n    console.log(\"update keys\", keys)\n    openOpen()\n  }, [keys])\n\n  return state\n}\n","import { useCallback, useContext } from \"react\"\nimport { SparkleContext } from \"../provider\"\n\nexport function useData<T extends string>(...keys: T[]) {\n  const context = useContext(SparkleContext)\n\n  const set = useCallback(async (key: string, value: any) => {\n    if (value && typeof value === \"object\") {\n      value = JSON.stringify(value)\n    }\n\n    return await fetch(\"http://localhost:4005/actions\", {\n      method: \"POST\",\n      body: JSON.stringify({\n        action: \"set\",\n        key,\n        value,\n      }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n    })\n  }, [])\n\n  const get = useCallback(async (key: string) => {\n    const value = await fetch(\"http://localhost:4005/actions\", {\n      method: \"POST\",\n      body: JSON.stringify({ action: \"get\", key }),\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n    })\n\n    // return JSON.parse(value.)\n  }, [])\n\n  return {\n    set,\n    get,\n    inctement: async (key: string, value: number) => {\n      return await fetch(\"http://localhost:4005/actions\", {\n        method: \"POST\",\n        body: JSON.stringify({ action: \"inctement\", key, value }),\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n      })\n    },\n    decrement: async (key: string, value: number) => {\n      return await fetch(\"http://localhost:4005/actions\", {\n        method: \"POST\",\n        body: JSON.stringify({ action: \"decrement\", key, value }),\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n      })\n    },\n    del: async (key: string) => {\n      return await fetch(\"http://localhost:4005/actions\", {\n        method: \"POST\",\n        body: JSON.stringify({ action: \"del\", key }),\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n      })\n    },\n  }\n}\n"]}

package/package.json

@@ -1,21 +1,26 @@
 {
   "name": "sparkle-react",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "files": [
     "dist"
   ],
-  "type": "module",
-  "exports": "./dist/index.js",
-  "bin": "./dist/index.js",
+  "main": "./dist/index.mjs",
+  "exports": {
+    ".": "./dist/index.mjs",
+    "./styles.css": "./dist/index.css"
+  },
+  "types": "./dist/index.d.mts",
   "license": "MIT",
   "devDependencies": {
+    "autoprefixer": "^10.0.1",
+    "postcss": "^8",
     "rimraf": "^5.0.5",
+    "tailwindcss": "^3.3.0",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "react": "^18.2.0",
-    "zod": "^3.22.4"
+    "react": "^18.2.0"
   },
   "scripts": {
     "dev": "tsup --watch",

package/dist/index.d.ts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-
-interface WebSocketContextType {
-    socket: WebSocket | undefined;
-}
-declare const SparkleContext: react.Context<WebSocketContextType>;
-interface SparkleProviderProps {
-    children: React.ReactNode;
-}
-declare const SparkleProvider: ({ children }: SparkleProviderProps) => react.JSX.Element;
-
-declare function useDatabase<T extends string>(...keys: T[]): Record<T, any>;
-
-export { SparkleContext, SparkleProvider, useDatabase };

package/dist/index.js

@@ -1,2 +0,0 @@
-import{createContext as S,useEffect as d,useState as f}from"react";var c=S({socket:void 0}),m=({children:t})=>{let[r,a]=f();return d(()=>{let s=new WebSocket("ws://localhost:8000");return a(s),()=>{s.close()}},[]),React.createElement(c.Provider,{value:{socket:r}},t)};import{useCallback as u,useState as k,useContext as x,useEffect as b}from"react";function w(...t){let r=x(c),[a,s]=k(t.reduce((n,o)=>({...n,[o]:""}),{}));if(!r)throw new Error("You must use useDatabase inside a SparkleProvider");let{socket:e}=r,i=u(()=>{console.log("Connexion \xE9tablie"),e?.send(JSON.stringify({type:"subscribe",keys:t}))},[e,t]),p=u(n=>{let o=JSON.parse(n.data.toString());console.log("Message re\xE7u : "+n.data),console.log("salut",o),s(l=>({...l,[o.key]:o.value}))},[]);return b(()=>{e&&(e.onopen=i,e.onmessage=p)},[p,i,e]),a}export{c as SparkleContext,m as SparkleProvider,w as useDatabase};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/provider.tsx","../src/hooks/useDatabase.ts"],"sourcesContent":["import { createContext, useEffect, useState } from \"react\"\n\ninterface WebSocketContextType {\n  socket: WebSocket | undefined\n}\n\nexport const SparkleContext = createContext<WebSocketContextType>({\n  socket: undefined,\n})\n\ninterface SparkleProviderProps {\n  children: React.ReactNode\n}\n\nexport const SparkleProvider = ({ children }: SparkleProviderProps) => {\n  const [socket, setSocket] = useState<WebSocket>()\n\n  useEffect(() => {\n    const ws = new WebSocket(\"ws://localhost:8000\")\n    setSocket(ws)\n\n    return () => {\n      ws.close()\n    }\n  }, [])\n\n  return (\n    <SparkleContext.Provider\n      value={{\n        socket,\n      }}\n    >\n      {children}\n    </SparkleContext.Provider>\n  )\n}\n","import { useCallback, useState, useContext, useEffect } from \"react\"\nimport { SparkleContext } from \"../provider\"\n\nexport function useDatabase<T extends string>(...keys: T[]) {\n  type State = Record<T, any>\n\n  const context = useContext(SparkleContext)\n\n  const [state, setState] = useState<State>(\n    keys.reduce((acc, key) => ({ ...acc, [key]: \"\" }), {} as State)\n  )\n\n  if (!context) {\n    throw new Error(\"You must use useDatabase inside a SparkleProvider\")\n  }\n\n  const { socket } = context\n\n  const openOpen = useCallback(() => {\n    console.log(\"Connexion établie\")\n    socket?.send(JSON.stringify({ type: \"subscribe\", keys }))\n  }, [socket, keys])\n\n  const openMessage = useCallback((event: MessageEvent) => {\n    const data = JSON.parse(event.data.toString())\n\n    console.log(\"Message reçu : \" + event.data)\n    console.log(\"salut\", data)\n\n    setState((state) => ({\n      ...state,\n      [data.key]: data.value,\n    }))\n  }, [])\n\n  useEffect(() => {\n    if (!socket) return\n\n    socket.onopen = openOpen\n    socket.onmessage = openMessage\n  }, [openMessage, openOpen, socket])\n\n  return state\n}\n"],"mappings":"AAAA,OAAS,iBAAAA,EAAe,aAAAC,EAAW,YAAAC,MAAgB,QAM5C,IAAMC,EAAiBH,EAAoC,CAChE,OAAQ,MACV,CAAC,EAMYI,EAAkB,CAAC,CAAE,SAAAC,CAAS,IAA4B,CACrE,GAAM,CAACC,EAAQC,CAAS,EAAIL,EAAoB,EAEhD,OAAAD,EAAU,IAAM,CACd,IAAMO,EAAK,IAAI,UAAU,qBAAqB,EAC9C,OAAAD,EAAUC,CAAE,EAEL,IAAM,CACXA,EAAG,MAAM,CACX,CACF,EAAG,CAAC,CAAC,EAGH,oBAACL,EAAe,SAAf,CACC,MAAO,CACL,OAAAG,CACF,GAECD,CACH,CAEJ,ECnCA,OAAS,eAAAI,EAAa,YAAAC,EAAU,cAAAC,EAAY,aAAAC,MAAiB,QAGtD,SAASC,KAAiCC,EAAW,CAG1D,IAAMC,EAAUC,EAAWC,CAAc,EAEnC,CAACC,EAAOC,CAAQ,EAAIC,EACxBN,EAAK,OAAO,CAACO,EAAKC,KAAS,CAAE,GAAGD,EAAK,CAACC,CAAG,EAAG,EAAG,GAAI,CAAC,CAAU,CAChE,EAEA,GAAI,CAACP,EACH,MAAM,IAAI,MAAM,mDAAmD,EAGrE,GAAM,CAAE,OAAAQ,CAAO,EAAIR,EAEbS,EAAWC,EAAY,IAAM,CACjC,QAAQ,IAAI,sBAAmB,EAC/BF,GAAQ,KAAK,KAAK,UAAU,CAAE,KAAM,YAAa,KAAAT,CAAK,CAAC,CAAC,CAC1D,EAAG,CAACS,EAAQT,CAAI,CAAC,EAEXY,EAAcD,EAAaE,GAAwB,CACvD,IAAMC,EAAO,KAAK,MAAMD,EAAM,KAAK,SAAS,CAAC,EAE7C,QAAQ,IAAI,qBAAoBA,EAAM,IAAI,EAC1C,QAAQ,IAAI,QAASC,CAAI,EAEzBT,EAAUD,IAAW,CACnB,GAAGA,EACH,CAACU,EAAK,GAAG,EAAGA,EAAK,KACnB,EAAE,CACJ,EAAG,CAAC,CAAC,EAEL,OAAAC,EAAU,IAAM,CACTN,IAELA,EAAO,OAASC,EAChBD,EAAO,UAAYG,EACrB,EAAG,CAACA,EAAaF,EAAUD,CAAM,CAAC,EAE3BL,CACT","names":["createContext","useEffect","useState","SparkleContext","SparkleProvider","children","socket","setSocket","ws","useCallback","useState","useContext","useEffect","useDatabase","keys","context","useContext","SparkleContext","state","setState","useState","acc","key","socket","openOpen","useCallback","openMessage","event","data","useEffect"]}