chatbot-editor 1.0.0 → 1.0.2

package/dist/{App.d.ts → ChatbotEditor.d.ts}

@@ -6,5 +6,5 @@ interface AppProps {
     export?: (questions: TQuestion[]) => void;
     import?: () => Promise<TQuestion[]>;
 }
-export default function App(props: AppProps): React.JSX.Element;
+export default function ChatbotEditor(props: AppProps): React.JSX.Element;
 export {};

package/dist/{App.js → ChatbotEditor.js}

@@ -3,11 +3,11 @@ import Canva from "./Canva";
 import { useState } from "react";
 import { CurrentQuestionProvider } from "./CurrentQuestionHook";
 import React from "react";
-export default function App(props) {
+export default function ChatbotEditor(props) {
     const [questions, setQuestions] = useState([]);
     const [reloadArrow, setReloadArrow] = useState(false);
     return (React.createElement(CurrentQuestionProvider, null,
-        React.createElement("div", { className: "relative h-screen w-screen overflow-hidden" },
+        React.createElement("div", { className: "relative h-full w-full overflow-hidden" },
             React.createElement(Canva, { questions: questions, setQuestions: setQuestions, reloadArrow: reloadArrow, setReloadArrow: setReloadArrow }),
             React.createElement(UI, { setReloadArrow: setReloadArrow, questions: questions, addQuestion: (initPos) => {
                     let idQuestion = "question";
@@ -19,4 +19,4 @@ export default function App(props) {
                     setQuestions(prev => [...prev, { id: idQuestion, text: "Text", position: initPos }]);
                 }, editQuestion: (id, data) => setQuestions(prev => prev.map(v => v.id === id ? data : v)), deleteQuestion: id => setQuestions(prev => prev.filter(v => v.id !== id)), setQuestions: setQuestions, save: props.save, load: props.load, export: props.export, import: props.import }))));
 }
-//# sourceMappingURL=App.js.map
+//# sourceMappingURL=ChatbotEditor.js.map

package/dist/ChatbotEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatbotEditor.js","sourceRoot":"","sources":["../src/ChatbotEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAe;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACN,oBAAC,uBAAuB;QACvB,6BAAK,SAAS,EAAE,wCAAwC;YACvD,oBAAC,KAAK,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,GAAG;YACpH,oBAAC,EAAE,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,OAA+B,EAAE,EAAE;oBAC1G,IAAI,UAAU,GAAG,UAAU,CAAC;oBAC5B,IAAI,CAAC,GAAG,CAAC,CAAC;oBACV,OAAM,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC;wBAChD,CAAC,EAAE,CAAC;wBACJ,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC;oBAC7B,CAAC;oBACD,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAC7B,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAE3D,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EACzE,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CACG,CACmB,CAC1B,CAAA;AACF,CAAC"}

package/dist/Components/SideBar.js

@@ -2,7 +2,7 @@ import { clsx } from "clsx";
 import { BsCheck, BsX } from "react-icons/bs";
 import React from "react";
 export default function SideBar(props) {
-    return (React.createElement("div", { className: clsx("fixed transition w-1/3 h-screen top-0 left-0 bg-stone-900 z-50 flex flex-col", props.display && "translate-x-0" || "-translate-x-full") },
+    return (React.createElement("div", { className: clsx("fixed transition w-1/3 h-full top-0 left-0 bg-stone-900 z-50 flex flex-col", props.display && "translate-x-0" || "-translate-x-full") },
         React.createElement("div", { className: "flex justify-end" },
             React.createElement("button", { className: "mx-2 my-1 p-1 rounded cursor-pointer border border-stone-200/30 aspect-square w-8", onClick: () => {
                     props.setDisplay(false);

package/dist/Components/SideBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../src/Components/SideBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAE,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAClD,OAAO,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,8EAA8E,EAAE,KAAK,CAAC,OAAO,IAAI,eAAe,IAAI,mBAAmB,CAAC;QAC5J,6BAAK,SAAS,EAAE,kBAAkB;YACjC,gCAAQ,SAAS,EAAE,mFAAmF,EAAE,OAAO,EAAE,GAAG,EAAE;oBACrH,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oBACxB,IAAG,KAAK,CAAC,OAAO,EAAE,CAAC;wBAClB,KAAK,CAAC,OAAO,EAAE,CAAC;oBAClB,CAAC;gBAAA,CAAC;gBACD,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS,GAAG,CACpB;YACR,KAAK,CAAC,UAAU,IAAI,gCAAQ,SAAS,EAAE,mFAAmF,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;gBAAE,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAG,CAAS,CACxN;QACN,6BAAK,SAAS,EAAE,0BAA0B,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC7D,CACN,CAAA;AACF,CAAC"}
+{"version":3,"file":"SideBar.js","sourceRoot":"","sources":["../../src/Components/SideBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAE,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IAClD,OAAO,CACN,6BAAK,SAAS,EAAE,IAAI,CAAC,4EAA4E,EAAE,KAAK,CAAC,OAAO,IAAI,eAAe,IAAI,mBAAmB,CAAC;QAC1J,6BAAK,SAAS,EAAE,kBAAkB;YACjC,gCAAQ,SAAS,EAAE,mFAAmF,EAAE,OAAO,EAAE,GAAG,EAAE;oBACrH,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;oBACxB,IAAG,KAAK,CAAC,OAAO,EAAE,CAAC;wBAClB,KAAK,CAAC,OAAO,EAAE,CAAC;oBAClB,CAAC;gBAAA,CAAC;gBACD,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS,GAAG,CACpB;YACR,KAAK,CAAC,UAAU,IAAI,gCAAQ,SAAS,EAAE,mFAAmF,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;gBAAE,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,GAAG,CAAS,CACxN;QACN,6BAAK,SAAS,EAAE,0BAA0B,IAAG,KAAK,CAAC,QAAQ,CAAO,CAC7D,CACN,CAAA;AACF,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import App from "./App";
+import ChatbotEditor from "./ChatbotEditor";
 import type TQuestion from "./TQuestion.ts";
-export { App, type TQuestion };
+export { ChatbotEditor, type TQuestion };

package/dist/index.js

@@ -1,3 +1,3 @@
-import App from "./App";
-export { App };
+import ChatbotEditor from "./ChatbotEditor";
+export { ChatbotEditor };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AAGxB,OAAO,EACN,GAAG,EAEH,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EACN,aAAa,EAEb,CAAA"}

package/dist/main.js

@@ -1,7 +1,7 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
-import App from "./App";
+import ChatbotEditor from "./ChatbotEditor";
 import React from "react";
 const save = (questions) => {
     const save = questions.map(q => {
@@ -104,5 +104,5 @@ const importFile = async () => {
     return p;
 };
 createRoot(document.getElementById('root')).render(React.createElement(StrictMode, null,
-    React.createElement(App, { save: save, load: load, export: download, import: importFile })));
+    React.createElement(ChatbotEditor, { save: save, load: load, export: download, import: importFile })));
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"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"}

package/index.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-100:oklch(95.4% .038 75.164);--color-orange-500:oklch(70.5% .213 47.604);--color-green-800:oklch(44.8% .119 151.328);--color-violet-900:oklch(38% .189 293.745);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-white:#fff;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-full{top:100%}.-right-3{right:calc(var(--spacing)*-3)}.-right-5{right:calc(var(--spacing)*-5)}.-right-7{right:calc(var(--spacing)*-7)}.-right-15{right:calc(var(--spacing)*-15)}.right-8{right:calc(var(--spacing)*8)}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.-z-20{z-index:calc(20*-1)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing)*1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.my-1{margin-block:calc(var(--spacing)*1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mb-2{margin-bottom:calc(var(--spacing)*-2)}.flex{display:flex}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing)*32)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-full{min-height:100%}.w-0{width:calc(var(--spacing)*0)}.w-1\/3{width:33.3333%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-50{width:calc(var(--spacing)*50)}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-full{min-width:100%}.grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-green-800{border-color:var(--color-green-800)}.border-neutral-400\/20{border-color:#a1a1a133}@supports (color:color-mix(in lab, red, red)){.border-neutral-400\/20{border-color:color-mix(in oklab,var(--color-neutral-400)20%,transparent)}}.border-stone-200\/30{border-color:#e7e5e44d}@supports (color:color-mix(in lab, red, red)){.border-stone-200\/30{border-color:color-mix(in oklab,var(--color-stone-200)30%,transparent)}}.border-violet-900{border-color:var(--color-violet-900)}.bg-green-800{background-color:var(--color-green-800)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-stone-700{background-color:var(--color-stone-700)}.bg-stone-800{background-color:var(--color-stone-800)}.bg-stone-900{background-color:var(--color-stone-900)}.bg-stone-950{background-color:var(--color-stone-950)}.bg-violet-900{background-color:var(--color-violet-900)}.stroke-stone-600{stroke:var(--color-stone-600)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-nowrap{text-wrap:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-orange-100{color:var(--color-orange-100)}.text-orange-500{color:var(--color-orange-500)}.text-stone-100{color:var(--color-stone-100)}.text-stone-200{color:var(--color-stone-200)}.text-stone-500{color:var(--color-stone-500)}.text-white{color:var(--color-white)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-stone-900:hover{background-color:var(--color-stone-900)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:bg-neutral-800:disabled{background-color:var(--color-neutral-800)}.disabled\:bg-neutral-900:disabled{background-color:var(--color-neutral-900)}.disabled\:text-stone-400:disabled{color:var(--color-stone-400)}@media (hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}}.workspace{position:relative}.workspace:before{background-image:radial-gradient(var(--color-neutral-800)10%,transparent 10%);content:"";pointer-events:none;background-size:20px 20px;width:100%;height:100%;display:block;position:fixed}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/package.json

@@ -4,6 +4,10 @@
   "repository": "MacaronFR/chatbot-editor",
   "type": "module",
   "main": "dist/index.js",
+  "files": [
+    "/dist",
+    "/index.css"
+  ],
   "types": "dist/index.d.ts",
   "scripts": {
     "dev": "vite",
@@ -34,5 +38,5 @@
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"
   },
-  "version": "1.0.0"
+  "version": "1.0.2"
 }

package/.github/workflows/npm-publish.yml

@@ -1,21 +0,0 @@
-name: publish on npm
-on:
-  release:
-    types:
-      - published
-
-jobs:
-  publish-npm:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node version: 20
-          registry-url: https://registry.npmjs.org/
-      - run: npm install
-      - run: npm version ${{ github.event.release.name }} --git-tag-version=false
-      - run: npm run build
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/dist/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAe;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,OAAO,CACN,oBAAC,uBAAuB;QACvB,6BAAK,SAAS,EAAE,4CAA4C;YAC3D,oBAAC,KAAK,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,GAAG;YACpH,oBAAC,EAAE,IAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,OAA+B,EAAE,EAAE;oBAC1G,IAAI,UAAU,GAAG,UAAU,CAAC;oBAC5B,IAAI,CAAC,GAAG,CAAC,CAAC;oBACV,OAAM,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC;wBAChD,CAAC,EAAE,CAAC;wBACJ,UAAU,GAAG,WAAW,CAAC,EAAE,CAAC;oBAC7B,CAAC;oBACD,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAC7B,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAE3D,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EACzE,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,GACnB,CACG,CACmB,CAC1B,CAAA;AACF,CAAC"}

package/eslint.config.js

@@ -1,26 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks, {rules} from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    rules: {
-      "react-hooks/set-state-in-effect": "off"
-    },
-  }
-]);

package/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>chatbot-editor</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/src/App.tsx

@@ -1,43 +0,0 @@
-import UI from "./UI";
-import Canva from "./Canva";
-import {useState} from "react";
-import type TQuestion from "./TQuestion.ts";
-import {CurrentQuestionProvider} from "./CurrentQuestionHook";
-import React from "react";
-
-interface AppProps {
-	save?: (questions: TQuestion[]) => void;
-	load?: () => Promise<TQuestion[]>;
-	export?: (questions: TQuestion[]) => void;
-	import?: () => Promise<TQuestion[]>;
-}
-
-export default function App(props: AppProps) {
-	const [questions, setQuestions] = useState<TQuestion[]>([]);
-	const [reloadArrow, setReloadArrow] = useState(false);
-	return (
-		<CurrentQuestionProvider>
-			<div className={"relative h-screen w-screen overflow-hidden"}>
-				<Canva questions={questions} setQuestions={setQuestions} reloadArrow={reloadArrow} setReloadArrow={setReloadArrow}/>
-				<UI setReloadArrow={setReloadArrow} questions={questions} addQuestion={(initPos: {x: number, y: number}) => {
-					let idQuestion = "question";
-					let i = 0;
-					while(questions.find(v => v.id === idQuestion)) {
-						i++;
-						idQuestion = `question${i}`;
-					}
-					setQuestions(prev => [...prev, {id: idQuestion, text: "Text", position: initPos}]);
-				}} editQuestion={(id, data) =>
-					setQuestions(prev => prev.map(v => v.id === id ? data : v))
-				}
-					deleteQuestion={id => setQuestions(prev => prev.filter(v => v.id !== id))}
-					setQuestions={setQuestions}
-					save={props.save}
-					load={props.load}
-					export={props.export}
-					import={props.import}
-				/>
-			</div>
-		</CurrentQuestionProvider>
-	)
-}

package/src/Canva.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import Question from "./Components/Question";
-import type TQuestion from "./TQuestion.ts";
-import type {SetState} from "./utils.ts";
-import {useEffect} from "react";
-
-interface CanvaProps {
-	questions: TQuestion[];
-	setQuestions: SetState<TQuestion[]>;
-	reloadArrow: boolean;
-	setReloadArrow: SetState<boolean>;
-}
-
-export default function Canva(props: CanvaProps) {
-	useEffect(() => {
-		props.setReloadArrow(prev => !prev);
-	}, [props.questions, props.setReloadArrow]);
-	return (
-		<div className={"min-w-full min-h-full bg-neutral-950 workspace overflow-auto"}>
-			{props.questions.map((v, i) => <Question {...v} key={i} reloadArrow={props.reloadArrow} setReloadArrow={props.setReloadArrow}/>)}
-		</div>
-	)
-}

package/src/Components/Answers.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import Arrow from "./Arrow";
-import {useEffect, useMemo, useRef, useState} from "react";
-import {CiWarning} from "react-icons/ci";
-
-interface AnswersProps {
-	text: string;
-	next: string;
-	reloadArrows: boolean;
-}
-
-export default function Answers(props: AnswersProps) {
-	const container = useRef<HTMLDivElement>(null);
-	const [pos, setPos] = useState({x: 0, y: 0});
-	useEffect(() => {
-		setPos(container.current!.getBoundingClientRect());
-	}, [props.reloadArrows]);
-	const destPos = useMemo(() => {
-		return document.getElementById(props.next)?.getBoundingClientRect();
-	}, [props.next, props.reloadArrows]);
-	return (
-		<div className={"rounded bg-stone-700 w-16 px-2 py-1 text-nowrap text-ellipsis relative"} ref={container}>
-			<p className={"text-ellipsis text-nowrap overflow-hidden max-w-full"} title={props.text}>{props.text}</p>
-			{destPos && <Arrow from={{x: 64, y: 16}} to={{x: destPos.x - pos.x - 1, y: destPos.y - pos.y + 20}}/> || <CiWarning className={"text-orange-500 absolute -right-5 top-2"}/>}
-		</div>
-	)
-}

package/src/Components/Arrow.tsx

@@ -1,60 +0,0 @@
-import React from "react";
-import {useMemo, useRef} from "react";
-
-interface ArrowProps {
-	from: {x: number, y: number},
-	to: {x: number, y: number}
-}
-
-export default function Arrow(props: ArrowProps) {
-	const ref = useRef<SVGSVGElement>(null);
-	const [width, height] = useMemo(() => [
-		Math.abs(props.from.x - props.to.x) + (props.from.x + 20 <= props.to.x - 20 ? 0 : 40),
-		Math.abs(props.from.y - props.to.y)
-	], [props.from, props.to]);
-	const [start] = useMemo(() => [
-		{x: props.from.x + 20 < props.to.x - 20 ? 0 : -20, y: 0}
-	], [props.from, props.to]);
-	const [left, top] = useMemo(() =>
-		[
-			props.from.x + 20 <= props.to.x - 20 ? props.from.x : props.to.x - 20,
-			props.from.y < props.to.y ? props.from.y : props.to.y
-		],
-		[props.from, props.to]
-	);
-	const [from, to] = useMemo(() => [
-		{x: props.from.x + 20 < props.to.x - 20 ? 0 : (props.from.x < props.to.x ? (props.from.x === props.to.x ? 0 : -20) : width - 40), y: props.from.y < props.to.y ? 0 : height},
-		{x: props.from.x + 20 < props.to.x - 20 ? width : (props.from.x + 20 === props.to.x - 20 ? 20 : 0), y: props.from.y < props.to.y ? height : 0},
-	], [props.from, props.to, width, height]);
-	const path = useMemo(() => {
-		let p = `M${from.x} ${from.y}  L${from.x + 16} ${from.y}`;
-		if(from.x + 20 < to.x - 20) {
-			if(from.y < to.y) {
-				p += ` L${(to.x - from.x) / 2 - 4} ${from.y} Q${(to.x - from.x) / 2 - 4} ${from.y} ${(to.x - from.x) / 2} ${from.y + 4} L${(to.x - from.x) / 2} ${to.y - 4} Q${(to.x - from.x) / 2} ${to.y - 4} ${(to.x - from.x) / 2 + 4} ${to.y}`;
-			} else if(from.y > to.y) {
-				p += ` L${(to.x - from.x) / 2 - 4} ${from.y} Q${(to.x - from.x) / 2 - 4} ${from.y} ${(to.x - from.x) / 2} ${from.y - 4} L${(to.x - from.x) / 2} ${to.y + 4} Q${(to.x - from.x) / 2} ${to.y + 4} ${(to.x - from.x) / 2 + 4} ${to.y}`;
-			}
-		} else if(from.x + 20 > to.x - 20) {
-			if(from.y < to.y) {
-				p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y + 4} L${from.x + 20} ${to.y - 44} Q${from.x + 20} ${to.y - 44} ${from.x + 16} ${to.y - 40} L${to.x-16} ${to.y - 40} Q${to.x-16} ${to.y - 40} ${to.x-20} ${to.y - 36}`;
-				p += ` L${to.x - 20} ${to.y - 4} Q${to.x - 20} ${to.y - 4} ${to.x - 16} ${to.y}`;
-			} else if(from.y > to.y) {
-				p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y - 4} L${from.x + 20} ${from.y - 36} Q${from.x + 20} ${from.y - 36} ${from.x + 16} ${from.y -40} L${to.x-16} ${from.y - 40} Q${to.x-16} ${from.y - 40} ${to.x-20} ${from.y - 44}`;
-				p += ` L${to.x - 20} ${to.y + 4} Q${to.x - 20} ${to.y + 4} ${to.x - 16} ${to.y}`;
-			}
-		} else {
-			if(from.y < to.y) {
-				p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y + 4} L${from.x + 20} ${to.y - 4} Q${from.x + 20} ${to.y - 4} ${from.x + 24} ${to.y}`;
-			} else if(from.y > to.y) {
-				p += ` Q${from.x + 16} ${from.y} ${from.x + 20} ${from.y - 4} L${from.x + 20} ${to.y + 4} Q${from.x + 20} ${to.y + 4} ${from.x + 24} ${to.y}`;
-			}
-		}
-		p += ` L${to.x} ${to.y}`
-		return p;
-	}, [from, to]);
-	return (
-		<svg ref={ref} viewBox={`${start.x} ${start.y} ${width} ${height}`} width={width} height={height} className={"absolute -z-20 stroke-stone-600 pointer-events-none"} style={{left: left, top: top}}>
-			<path d={path} fill={"none"} strokeWidth={"2"}/>
-		</svg>
-	)
-}

package/src/Components/Bubble.tsx

@@ -1,13 +0,0 @@
-import React from "react";
-
-interface BubbleProps {
-	text: string;
-}
-
-export default function Bubble(props: BubbleProps) {
-	return (
-		<div className={"text-orange-100 py-2 px-4 rounded bg-stone-800"}>
-			{props.text}
-		</div>
-	)
-}

package/src/Components/Button.tsx

@@ -1,14 +0,0 @@
-import  {type ReactNode} from "react";
-import React from "react";
-
-interface ButtonProps {
-	children: ReactNode;
-	disabled?: boolean;
-	onClick?: (e: React.MouseEvent) => void;
-}
-
-export default function Button(props: ButtonProps) {
-	return (
-		<button className={"bg-stone-800 rounded-lg py-1 px-2 text-lg cursor-pointer transition hover:scale-105 disabled:hover:scale-100 disabled:cursor-default disabled:text-stone-400 disabled:bg-neutral-800"} onClick={props.onClick} disabled={props.disabled}>{props.children}</button>
-	)
-}

package/src/Components/Input.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import {useMemo} from "react";
-import {clsx} from "clsx";
-
-interface InputProps {
-	value: string;
-	onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-	type?: React.HTMLInputTypeAttribute;
-	label?: React.ReactNode;
-	disabled?: boolean;
-	id?: string;
-	className?: string;
-}
-
-export default function Input(props: InputProps) {
-	const id = useMemo(() => {
-		return props.id ?? (Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15));
-	}, [props.id]);
-	return (
-		<div className={clsx("flex flex-col", props.className)}>
-			{props.label && <label className={clsx("px-2 pt-1 rounded-t-lg pb-2 -mb-2", props.disabled === true && "text-stone-500 bg-neutral-950" || "bg-stone-950")} htmlFor={id}>{props.label}</label>}
-			<input type={props.type} value={props.value} onChange={props.onChange} id={id} className={"bg-stone-800 rounded-lg py-1 px-2 text-lg disabled:bg-neutral-900"} disabled={props.disabled}/>
-		</div>
-	)
-}

package/src/Components/Question.tsx

@@ -1,104 +0,0 @@
-import {useCallback, useEffect, useMemo, useRef, useState} from "react";
-import Bubble from "./Bubble";
-import Answers from "./Answers";
-import {useCurrentQuestion} from "../CurrentQuestionHook";
-import * as React from "react";
-import Arrow from "./Arrow";
-import type {SetState} from "../utils.ts";
-import type {TAction, TAnswers} from "../TQuestion.ts";
-import {CiWarning} from "react-icons/ci";
-
-interface QuestionProps {
-	id: string;
-	text: string | string[];
-	goto?: string;
-	answers?: TAnswers[];
-	action?: TAction;
-	reloadArrow: boolean;
-	setReloadArrow: SetState<boolean>;
-	position: {x: number, y: number};
-}
-
-export default function Question(props: QuestionProps) {
-	const container = useRef<HTMLDivElement>(null);
-	const [position, setPosition] = useState(props.position);
-	const [clicked, setClicked] = useState(false);
-	const [, setOpen] = useState(false);
-	const [, setQuestion] = useCurrentQuestion();
-	const onMouseDown = useCallback((e: React.MouseEvent) => {
-		if(e.button !== 0) return;
-		setClicked(true);
-		setOpen(true);
-	}, []);
-	const onMouseUp = useCallback((e: MouseEvent) => {
-		if(e.button !== 0) return;
-		if(e.target !== container.current && (container.current && !container.current.contains(e.target as Node))) return;
-		setClicked(false);
-		setOpen(prev => {
-			if(prev) {
-				setQuestion(props);
-			}
-			return true;
-		})
-	}, [props, setQuestion]);
-	const onMouseMove = useCallback((e: MouseEvent) => {
-		setOpen(false);
-		setPosition(prev => {
-			return {
-				x: prev.x + e.movementX,
-				y: prev.y + e.movementY
-			}
-		});
-		props.setReloadArrow(prev => !prev);
-	}, [setPosition, props]);
-	useEffect(() => {
-		if(clicked) {
-			document.addEventListener("mousemove", onMouseMove);
-		}
-		return () => {
-			document.removeEventListener("mousemove", onMouseMove)
-		}
-	}, [clicked, onMouseMove]);
-	useEffect(() => {
-		document.addEventListener("mouseup", onMouseUp);
-		return () => document.removeEventListener("mouseup", onMouseUp);
-	}, [onMouseUp]);
-	const gotoPosition = useMemo(() => {
-		let pos: {x: number, y: number} | undefined = undefined;
-		if(props.goto || props.action?.goto) {
-			const toElement = document.getElementById(props.goto ?? props.action?.goto ?? "");
-			if(toElement) {
-				pos = {x: toElement.offsetLeft, y: toElement.offsetTop};
-				pos.x -= (position.x - position.x % 20);
-				pos.y -= (position.y - position.y % 20);
-				pos.y += 18
-			} else {
-				pos = undefined;
-			}
-		}
-		return pos;
-	}, [props.goto, props.action?.goto, position, props.reloadArrow]);
-	return (
-		<div id={props.id} className={"w-50 h-64 bg-stone-900 border border-neutral-400/20 rounded z-10 absolute flex flex-col gap-1 pb-1"} style={{top: position.y - (position.y % 20), left: position.x - (position.x % 20)}} onMouseDown={onMouseDown} ref={container}>
-			<h2 title={props.id} className={"text-stone-100 m-1 min-h-8 bg-neutral-900 px-2 py-1 font-mono overflow-hidden text-ellipsis"}>{props.id}</h2>
-			<div className={"p-1 flex flex-col gap-1 max-h-32 overflow-x-hidden overflow-y-auto"}>
-				{ typeof props.text === "string" ? <Bubble text={props.text}/> : props.text.map((v, i) => <Bubble text={v} key={i}/>)}
-			</div>
-			<div className={"absolute -right-15 top-1 flex flex-col gap-1.5"}>
-				{props.answers?.map((v, i) => <Answers text={v.text} key={i} next={v.next} reloadArrows={props.reloadArrow}/>)}
-			</div>
-			{props.id === "start" && <div className={"absolute top-2 -left-4 w-6 h-6 rounded-full border-2 border-green-800 text-center flex items-center justify-center"}><div className={"bg-green-800 w-4 h-4 rounded-full"}/></div>}
-			{(props.goto || props.action?.goto) && <div>
-                <div className={"absolute top-2 -right-3 w-6 h-6 rounded-full border-2 border-violet-900 text-center flex justify-center items-center"}><div className={"bg-violet-900 w-4 h-4 rounded-full"}/></div>
-				{gotoPosition && <Arrow from={{x: 200, y: 20}} to={gotoPosition}/> || <CiWarning className={"text-orange-500 absolute top-3 -right-7"}/>}
-            </div>}
-			<div className={"grow"}/>
-			{ props.action && <div className={"font-mono text-stone-200 px-4 mx-1 rounded bg-neutral-800 overflow-hidden"}>
-				<p className={"font-sans"}>Action</p>
-				{props.action.action === "set" && <p><span>{props.action.property}</span> == {props.action.value}</p> }
-				{props.action.action === "ask" && <p><span>{props.action.property}</span> == user input</p> }
-				{props.action.action === "end" && <p>Chatbot end</p> }
-			</div>}
-		</div>
-	)
-}

package/src/Components/Select.tsx

@@ -1,45 +0,0 @@
-import * as React from "react";
-import {useMemo, useRef, useState} from "react";
-import {clsx} from "clsx";
-import {BsChevronDown} from "react-icons/bs";
-
-export interface Option {
-	value: string;
-	label: React.ReactNode;
-}
-
-interface SelectProps {
-	options: Option[];
-	id?: string;
-	value: string;
-	onChange: (v: string) => void;
-}
-
-export default function Select(props: SelectProps) {
-	const select = useRef<HTMLSelectElement | null>(null);
-	const id = useMemo(() => {
-		return props.id ?? (Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15));
-	}, [props.id]);
-	const [visible, setVisible] = useState(false);
-	return (
-		<label htmlFor={id}>
-			<div className={"relative bg-stone-800 rounded-lg h-8 flex justify-between items-center px-2"} onClick={() => setVisible(prev => !prev)}>
-				<p>{props.options.find(o => o.value == props.value)?.label ?? props.value}</p>
-				<button><BsChevronDown/></button>
-				<div className={clsx("absolute bg-stone-800 pt-2 -mt-2 z-0 w-full rounded-b-lg top-full left-0", visible || "hidden")}>
-					{props.options.map((v, i) =>
-						<p key={i} className={"p-1 hover:bg-stone-900"} onClick={() => {
-							if(select.current) {
-								select.current.value = v.value;
-								props.onChange(v.value);
-							}
-						}}>{v.label}</p>
-					)}
-				</div>
-			</div>
-			<select className={"hidden"} id={id} onChange={e => props.onChange(e.target.value)} value={props.value} ref={select}>
-				{props.options.map((v, i) => <option value={v.value} key={i}>{v.label}</option>)}
-			</select>
-		</label>
-	)
-}

package/src/Components/SideBar.tsx

@@ -1,31 +0,0 @@
-import {type ReactNode} from "react";
-import type {SetState} from "../utils.ts";
-import {clsx} from "clsx";
-import {BsCheck, BsX} from "react-icons/bs";
-import React from "react";
-
-interface SideBarProps {
-	display: boolean;
-	setDisplay: SetState<boolean>;
-	children: ReactNode;
-	onClose?: () => void;
-	onValidate?: () => void;
-}
-
-export default function SideBar(props: SideBarProps) {
-	return (
-		<div className={clsx("fixed transition w-1/3 h-screen top-0 left-0 bg-stone-900 z-50 flex flex-col", props.display && "translate-x-0" || "-translate-x-full")}>
-			<div className={"flex justify-end"}>
-				<button className={"mx-2 my-1 p-1 rounded cursor-pointer border border-stone-200/30 aspect-square w-8"} onClick={() => {
-					props.setDisplay(false);
-					if(props.onClose) {
-						props.onClose();
-				}}}>
-					<BsX className={"w-6 h-6"}/>
-				</button>
-				{props.onValidate && <button className={"mx-2 my-1 p-1 rounded cursor-pointer border border-stone-200/30 aspect-square w-8"} onClick={() => props.onValidate && props.onValidate()}><BsCheck className={"w-6 h-6"}/></button>}
-			</div>
-			<div className={"p-2 grow overflow-hidden"}>{props.children}</div>
-		</div>
-	)
-}

package/src/CurrentQuestionHook.tsx

@@ -1,22 +0,0 @@
-import React from "react";
-import {createContext, type ReactNode, useContext, useState} from "react";
-import type TQuestion from "./TQuestion.ts";
-import type {SetState} from "./utils.ts";
-
-const CurrentQuestionContext = createContext<[TQuestion | null, SetState<TQuestion | null>]>([null, () => {}]);
-
-interface CurrentQuestionProviderProps {
-	children: ReactNode;
-}
-
-export function CurrentQuestionProvider(props: CurrentQuestionProviderProps) {
-	const [question, setQuestion] = useState<TQuestion | null>(null);
-	return <CurrentQuestionContext.Provider value={[question, setQuestion]}>
-		{props.children}
-	</CurrentQuestionContext.Provider>
-}
-
-// eslint-disable-next-line react-refresh/only-export-components
-export function useCurrentQuestion() {
-	return  useContext(CurrentQuestionContext);
-}

package/src/TQuestion.ts

@@ -1,23 +0,0 @@
-export default interface TQuestion {
-	id: string;
-	text: string | string[];
-	answers?: TAnswers[];
-	goto?: string;
-	action?: TAction;
-	position: {x: number, y: number};
-}
-
-export interface TAnswers {
-	text: string;
-	next: string;
-	action?: TAction
-}
-
-export interface TAction {
-	action: TActionValue
-	property?: string;
-	value?: any;
-	goto?: string;
-}
-
-export type TActionValue = "set" | "ask" | "end";

package/src/UI.tsx

@@ -1,138 +0,0 @@
-import SideBar from "./Components/SideBar";
-import {useEffect, useState} from "react";
-import {useCurrentQuestion} from "./CurrentQuestionHook";
-import type TQuestion from "./TQuestion.ts";
-import type { TAnswers, TAction } from "./TQuestion.ts";
-import type {SetState} from "./utils.ts";
-import Button from "./Components/Button";
-import Input from "./Components/Input";
-import {clsx} from "clsx";
-import Select from "./Components/Select";
-import {BsPlus} from "react-icons/bs";
-import {LuSave} from "react-icons/lu";
-import {MdOutlineFileOpen} from "react-icons/md";
-import {BiDownload, BiUpload} from "react-icons/bi";
-import React from "react";
-
-interface UIProps {
-	questions: TQuestion[];
-	setQuestions: SetState<TQuestion[]>;
-	addQuestion: (initPos: {x: number, y: number}) => void;
-	editQuestion: (id: string, data: TQuestion) => void;
-	deleteQuestion: (id: string) => void;
-	setReloadArrow: SetState<boolean>;
-	save?: (questions: TQuestion[]) => void;
-	load?: () => Promise<TQuestion[]>;
-	export?: (questions: TQuestion[]) => void;
-	import?: () => Promise<TQuestion[]>;
-}
-
-export default function UI(props: UIProps) {
-	const [question, setQuestion] = useCurrentQuestion();
-	const [id, setId] = useState("");
-	const [goto, setGoto] = useState<string>();
-	const [text, setText] = useState<string[]>([""]);
-	const [answers, setAnswers] = useState<TAnswers[]>([]);
-	const [action, setAction] = useState<TAction | undefined>(undefined);
-	useEffect(() => {
-		if(question) {
-			setId(question.id);
-			if(typeof question.text === "string") {
-				setText([question.text]);
-			} else {
-				setText(question.text);
-			}
-			setGoto(question.goto);
-			setAnswers(question.answers ?? []);
-			setAction(question.action);
-		}
-	}, [question]);
-	return (
-		<div className={"fixed top-0 left-0 w-0 h-0 overflow-visible text-white z-10"}>
-			<SideBar display={question !== null} setDisplay={(value) => { if(typeof value === "function") value = value(question !== null); if(!value) setQuestion(null) }} onClose={() => setQuestion(null)} onValidate={() => {
-				const t = text.length === 1 ? text[0] : text;
-				props.editQuestion(question?.id ?? "", {id: id, text: t, goto: goto, answers: answers, position: {x: 0, y: 0}, action: action});
-				setQuestion(null);
-			}}>
-				<div className={"flex flex-col gap-2 h-full pb-8 overflow-y-auto overflow-x-hidden"}>
-					<Input type={"text"} value={id} onChange={(e) => setId(e.target.value)} label={"ID"}/>
-					<div className={"bg-stone-950 p-2 rounded-lg flex flex-col gap-1"}>
-						<p className={"text-lg font-bold "}>Text</p>
-						{text.map((value, index) => <div className={"flex gap-1"} key={index}>
-							<Input type={"text"} value={value} onChange={(e) => setText(prev => prev.map((v, i) => i === index ? e.target.value : v))}/>
-							<Button onClick={() => setText(prev => prev.filter((_, i) => i !== index))}>-</Button>
-						</div>)}
-						<Button onClick={() => setText(prev => [...prev, ""])}>+</Button>
-					</div>
-					<div className={"bg-stone-950 p-2 rounded-lg flex flex-col gap-1"}>
-						<p className={"text-lg font-bold"}>Answers</p>
-						{answers.map((value, index) => <div className={"flex ga flex-col p-1"} key={index}>
-							<div className={"flex gap-1 items-end"}>
-								<Input type={"text"} value={value.text} onChange={(e) => setAnswers(prev => prev.map((v, i) => i === index ? {...v, text: e.target.value} : v))} label={"Text"}/>
-								<Input type={"text"} value={value.next} onChange={(e) => setAnswers(prev => prev.map((v, i) => i === index ? {...v, next: e.target.value} : v))} label={"Next"}/>
-								<Button onClick={() => setAnswers(prev => prev.filter((_, i) => i !== index))}>-</Button>
-							</div>
-							<div className={"flex flex-col gap-1"}>
-								<p>Action</p>
-								<Select options={[{value: "none", label: "None"}, {value: "set", label: "Set"}]} value={value.action?.action ?? "none"} onChange={ (v) => v === "none" ?
-									setAnswers(prev => prev.map((v, i) => i === index ? {...v, action: undefined} : v)) :
-									setAnswers(prev => prev.map((v, i) => i === index ? {...v, action: {action: "set"}} : v))
-								}/>
-								<Input className={clsx(value.action === undefined && "hidden")} label={"Property"} value={value.action?.property ?? ""} onChange={e => setAnswers(prev => prev.map((v, i) => i === index ? {...v, action: {action: value.action!.action, property: e.target.value, value: value.action?.value}} : v))}/>
-								<Input className={clsx(value.action === undefined && "hidden")} label={"Value"} value={value.action?.value ?? ""} onChange={e => setAnswers(prev => prev.map((v, i) => i === index ? {...v, action: {action: value.action!.action, value: e.target.value, property: value.action?.property}} : v))}/>
-							</div>
-						</div>)}
-						<Button disabled={goto !== undefined} onClick={() => setAnswers(prev => [...prev, {text: "", next: ""}])}>+</Button>
-					</div>
-					<div className={"bg-stone-950 p-2 rounded-lg flex flex-col gap-1"}>
-						<p className={"text-lg font-bold"}>Action</p>
-						<Select options={[{value: "ask", label: "Ask"}, {value: "set", label: "Set"}, {value: "end", label: "End"}, {value: "none", label: "None"}]} value={action?.action ?? "none"} onChange={(v) => {
-							switch (v) {
-								case "ask":
-									setAction(prev => ({action: "ask", property: prev?.property, value: undefined}));
-									break;
-								case "end":
-									setAction({action: "end", property: undefined, value: undefined});
-									break;
-								case "set":
-									setAction(prev => ({action: "set", property: prev?.property, value: prev?.value}));
-									break;
-								case "none":
-									setAction(undefined);
-									break;
-							}
-						}}/>
-						<Input className={clsx((action === undefined || action.action === "end") && "hidden")} type={"text"} label={"Property"} value={action?.property ?? ""} onChange={(e) => setAction(prev => prev ? ({...prev, property: e.target.value === "" ? undefined : e.target.value}) : undefined)}/>
-						<Input className={clsx((action === undefined || action.action !== "set") && "hidden")} type={"text"} label={"Value"} value={action?.value ?? ""} onChange={(e) => setAction(prev => prev ? ({...prev, value: e.target.value === "" ? undefined : e.target.value}) : undefined)}/>
-						<Input className={clsx((action === undefined || action.action !== "ask") && "hidden")} type={"text"} label={"Goto"} value={action?.goto ?? ""} onChange={(e) => setAction(prev => prev ? ({...prev, goto: e.target.value === "" ? undefined : e.target.value}) : undefined)}/>
-					</div>
-					<Input disabled={answers.length !== 0} type={"text"} label={"Goto"} value={goto ?? ""} onChange={(e) => setGoto(e.target.value === "" ? undefined : e.target.value)}/>
-					<div className={"grow"}/>
-					<Button onClick={() => {
-						props.deleteQuestion(question?.id ?? "")
-						setQuestion(null);
-					}}>Delete</Button>
-				</div>
-			</SideBar>
-			<div className={"p-2 fixed right-8 top-0 flex gap-2"}>
-				<Button onClick={() => props.addQuestion({x: 20, y: 20})}><BsPlus className={"w-6 h-6"}/></Button>
-				{props.save && <Button onClick={() => props.save && props.save(props.questions)}><LuSave className={"w-6 h-6"}/></Button>}
-				{props.load && <Button onClick={async () => {
-					if(props.load) {
-						const questions = await props.load();
-						props.setQuestions(questions);
-						props.setReloadArrow(prev => !prev);
-					}
-				}}><MdOutlineFileOpen className={"w-6 h-6"}/></Button>}
-				{props.export && <Button onClick={() => props.export && props.export(props.questions)}><BiDownload className={"w-6 h-6"}/></Button>}
-				{ props.import &&<Button onClick={async () => {
-					if(props.import) {
-						const questions = await props.import();
-						props.setQuestions(questions);
-						props.setReloadArrow(prev => !prev);
-					}
-				}}><BiUpload className={"w-6 h-6"}/></Button>}
-			</div>
-		</div>
-	)
-}

package/src/index.ts

@@ -1,7 +0,0 @@
-import App from "./App";
-import type TQuestion from "./TQuestion.ts";
-
-export {
-	App,
-	type TQuestion
-}

package/src/main.tsx

@@ -1,114 +0,0 @@
-import {StrictMode} from 'react'
-import {createRoot} from 'react-dom/client'
-import './index.css'
-import App from "./App";
-import type TQuestion from "./TQuestion.ts";
-import type { TAction, TAnswers } from "./TQuestion.ts";
-import React from "react";
-
-const save = (questions: TQuestion[]) => {
-	const save = questions.map(q => {
-		const pos = document.getElementById(q.id)!.getBoundingClientRect();
-		q.position.x = pos.x;
-		q.position.y = pos.y;
-		return q;
-	});
-	const file = URL.createObjectURL(new Blob([JSON.stringify(save)], {type: "application/json"}));
-	const a = document.createElement("a");
-	a.href = file;
-	a.download = "questions.json";
-	a.click();
-	URL.revokeObjectURL(file);
-};
-
-const download = (questions: TQuestion[]) => {
-	const result = {} as Record<string, {question: string | string[], goto?: string, answers: TAnswers[] | undefined, action?: TAction}>;
-	questions.forEach(q => result[q.id] = {
-		question: q.text,
-		goto: q.goto,
-		action: q.action,
-		answers: q.answers
-	});
-	const file = URL.createObjectURL(new Blob([JSON.stringify(result)], {type: "application/json"}));
-	const a = document.createElement("a");
-	a.href = file;
-	a.download = "questions.json";
-	a.click();
-	URL.revokeObjectURL(file);
-};
-
-const load = async () => {
-	const fileLoader = document.createElement("input");
-	fileLoader.type = "file";
-	fileLoader.accept = ".json";
-	const p = new Promise<TQuestion[]>((resolve, reject) => {
-		fileLoader.addEventListener("change", () => {
-			if(fileLoader.files?.length === 1) {
-				fileLoader.files[0].text().then(v => {
-					const questions = JSON.parse(v);
-					if(typeof questions === "object" && questions instanceof Array) {
-						const validate = questions.filter(q => {
-							return typeof q["id"] === "string" && typeof q["text"] === "string" && typeof q["position"] === "object" && typeof q["position"]["x"] === "number" && typeof q["position"]["y"] === "number"
-						});
-						if(validate.length !== questions.length) {
-							console.error("Invalid file format");
-							return;
-						}
-						resolve(questions as TQuestion[]);
-					} else {
-						reject("Invalid file format");
-					}
-				}).catch(reject);
-			} else {
-				reject("You must select only one file");
-			}
-		});
-	});
-	fileLoader.click();
-	return p;
-}
-
-const importFile = async () => {
-	const fileLoader = document.createElement("input");
-	fileLoader.type = "file";
-	fileLoader.accept = ".json";
-	const p = new Promise<TQuestion[]>((resolve, reject) => {
-		fileLoader.addEventListener("change", () => {
-			if (fileLoader.files?.length === 1) {
-				fileLoader.files[0].text().then(v => {
-					const questions = JSON.parse(v);
-					if (typeof questions === "object") {
-						const validate = Object.values<any>(questions).filter(q => {
-							return typeof q["question"] === "string" || (typeof q["question"] === "object" && q["question"] instanceof Array)
-						});
-						if (validate.length !== Object.values(questions).length) {
-							reject("Invalid file format");
-							return;
-						}
-						const tmp = Object.keys(questions).map((id, index) => {
-							return {
-								id: id,
-								text: questions[id]["question"],
-								goto: questions[id]["goto"] ?? undefined,
-								answers: questions[id]["answers"] ?? [],
-								position: {x: index % 5 * 260 + 20, y: Math.floor(index / 5) * 300 + 20},
-								action: questions[id]["action"] ?? undefined
-							} as TQuestion;
-						});
-						resolve(tmp);
-					} else {
-						reject("Invalid file format");
-					}
-				}).catch(reject);
-			}
-		});
-	});
-	fileLoader.click();
-	return p;
-}
-
-createRoot(document.getElementById('root')!).render(
-	<StrictMode>
-		<App save={save} load={load} export={download} import={importFile}/>
-	</StrictMode>,
-)

package/src/utils.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-
-export type SetState<T> = React.Dispatch<React.SetStateAction<T>>;

package/tsconfig.app.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "include": ["src"],
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "declaration": true,
-    "sourceMap": true,
-    "outDir": "dist",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "jsx": "react",
-    "moduleResolution": "bundler"
-  }
-}

package/tsconfig.node.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import tailwindcss from "@tailwindcss/vite"
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), tailwindcss()],
-})