@elmethis/core 1.0.0-alpha.171 → 1.0.0-alpha.172

package/dist/hooks/useTyping.mjs

@@ -0,0 +1,37 @@
+import { onKeyStroke } from "@vueuse/core";
+import { ref } from "vue";
+function useTyping() {
+  const targetString = ref(null);
+  const targetArray = ref([]);
+  const currentCharIndex = ref(0);
+  const mistakes = ref(0);
+  const isFinished = ref(false);
+  const start = (target) => {
+    isFinished.value = false;
+    currentCharIndex.value = 0;
+    targetString.value = target;
+    targetArray.value = target.split("").map((char) => ({ char, status: "default" }));
+    targetArray.value[0].status = "current";
+  };
+  onKeyStroke((event) => {
+    if (targetArray.value[currentCharIndex.value] != null && !isFinished.value && event.key.length === 1) {
+      if (event.key === targetArray.value[currentCharIndex.value].char) {
+        targetArray.value[currentCharIndex.value].status = "typed";
+        if (currentCharIndex.value === targetArray.value.length - 1) {
+          isFinished.value = true;
+        } else {
+          currentCharIndex.value += 1;
+          targetArray.value[currentCharIndex.value] = targetArray.value[currentCharIndex.value];
+          targetArray.value[currentCharIndex.value].status = "current";
+        }
+      } else {
+        mistakes.value += 1;
+        targetArray.value[currentCharIndex.value].status = "incorrect";
+      }
+    }
+  });
+  return { start, targetArray, isFinished, mistakes };
+}
+export {
+  useTyping
+};

package/dist/index.d.ts

@@ -122,3 +122,5 @@ export type { ElmParagraphProps } from './components/typography/ElmParagraph.vue
 export { default as ElmParagraph } from './components/typography/ElmParagraph.vue';
 export type { ElmListItemProps } from './components/typography/ElmListItem.vue';
 export { default as ElmListItem } from './components/typography/ElmListItem.vue';
+export { useElmethisTheme } from './hooks/useElmethisTheme';
+export { useTyping } from './hooks/useTyping';

package/dist/index.mjs

@@ -76,6 +76,8 @@ import { default as default61 } from "./components/typography/ElmNumberedList.vu
 
 import { default as default62 } from "./components/typography/ElmParagraph.vue.mjs";
 import { default as default63 } from "./components/typography/ElmListItem.vue.mjs";
+import { useElmethisTheme } from "./hooks/useElmethisTheme.mjs";
+import { useTyping } from "./hooks/useTyping.mjs";
 export {
   default33 as ElmArrowIcon,
   default2 as ElmBadge,
@@ -138,5 +140,7 @@ export {
   default13 as ElmToggle,
   default39 as ElmToggleTheme,
   default14 as ElmTooltip,
-  default25 as ElmTotp
+  default25 as ElmTotp,
+  useElmethisTheme,
+  useTyping
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/core",
-  "version": "1.0.0-alpha.171",
+  "version": "1.0.0-alpha.172",
   "publishConfig": {
     "access": "public"
   },
@@ -53,7 +53,7 @@
     "openapi-types": "^12.1.3",
     "postcss": "^8.5.3",
     "postcss-preset-env": "^10.1.5",
-    "sass": "^1.86.0",
+    "sass": "^1.86.1",
     "storybook": "^8.6.11",
     "vite": "^6.2.4",
     "vite-plugin-css-injected-by-js": "^3.5.2",