@elmethis/core 1.0.0-alpha.15 → 1.0.0-alpha.150

package/dist/hooks/useElmethisTheme.mjs

@@ -0,0 +1,43 @@
+import { ref, watch, onMounted } from "vue";
+const LOCAL_STORAGE_KEY = "elmethis-theme";
+function useElmethisTheme() {
+  const isDarkTheme = ref(false);
+  const toggleTheme = () => {
+    isDarkTheme.value = !isDarkTheme.value;
+  };
+  watch(isDarkTheme, () => {
+    if (typeof document !== "undefined") {
+      document.documentElement.setAttribute(
+        "data-theme",
+        isDarkTheme.value ? "dark" : "light"
+      );
+      const body = document.querySelector("body");
+      if (body != null) {
+        body.style.colorScheme = isDarkTheme.value ? "dark" : "light";
+      }
+      if (localStorage != null) {
+        localStorage.setItem(
+          LOCAL_STORAGE_KEY,
+          isDarkTheme.value ? "dark" : "light"
+        );
+      }
+    }
+  });
+  onMounted(() => {
+    if (typeof document !== "undefined") {
+      const currentTheme = document.documentElement.getAttribute("data-theme");
+      if (currentTheme != null) {
+        isDarkTheme.value = currentTheme === "dark";
+      } else {
+        const localStorageTheme = localStorage.getItem(LOCAL_STORAGE_KEY);
+        if (localStorageTheme != null) {
+          isDarkTheme.value = localStorageTheme === "dark";
+        }
+      }
+    }
+  });
+  return { isDarkTheme, toggleTheme };
+}
+export {
+  useElmethisTheme
+};

package/dist/hooks/useTyping.d.ts

@@ -0,0 +1,17 @@
+interface Target {
+    char: string;
+    status: 'typed' | 'incorrect' | 'current' | 'default';
+}
+export declare function useTyping(): {
+    start: (target: string) => void;
+    targetArray: import('vue').Ref<{
+        char: string;
+        status: "typed" | "incorrect" | "current" | "default";
+    }[], Target[] | {
+        char: string;
+        status: "typed" | "incorrect" | "current" | "default";
+    }[]>;
+    isFinished: import('vue').Ref<boolean, boolean>;
+    mistakes: import('vue').Ref<number, number>;
+};
+export {};

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

@@ -1,24 +1,41 @@
+import { default as ElmBadge, ElmBadgeProps } from './components/badge/ElmBadge.vue';
+import { default as ElmTag, ElmTagProps } from './components/badge/ElmTag.vue';
 import { default as ElmCodeBlock, ElmCodeBlockProps } from './components/code/ElmCodeBlock.vue';
-import { default as ElmPrismHighlighter, ElmPrismHighlighterProps } from './components/code/ElmPrismHighlighter.vue';
 import { default as ElmKatex, ElmKatexProps } from './components/code/ElmKatex.vue';
 import { default as ElmColumn, ElmColumnProps } from './components/containments/ElmColumn.vue';
 import { default as ElmColumnList, ElmColumnListProps } from './components/containments/ElmColumnList.vue';
+import { default as ElmDesktopWindow, ElmDesktopWindowProps } from './components/containments/ElmDesktopWindow.vue';
+import { default as ElmModal, ElmModalProps } from './components/containments/ElmModal.vue';
 import { default as ElmParallax, ElmParallaxProps } from './components/containments/ElmParallax.vue';
+import { default as ElmSnackbar, ElmSnackbarProps } from './components/containments/ElmSnackbar.vue';
+import { default as ElmSnackbarContainer, ElmSnackbarContainerProps } from './components/containments/ElmSnackbarContainer.vue';
 import { default as ElmToggle, ElmToggleProps } from './components/containments/ElmToggle.vue';
 import { default as ElmTooltip, ElmTooltipProps } from './components/containments/ElmTooltip.vue';
 import { default as ElmProgress, ElmProgressProps } from './components/data/ElmProgress.vue';
+import { default as ElmMultiProgress, ElmMultiProgressProps } from './components/data/ElmMultiProgress.vue';
+import { default as ElmStatusMessage, ElmStatusMessageProps } from './components/data/ElmStatusMessage.vue';
 import { default as ElmRectangleWave, ElmRectangleWaveProps } from './components/fallback/ElmRectangleWave.vue';
+import { default as ElmBlockFallback, ElmBlockFallbackProps } from './components/fallback/ElmBlockFallback.vue';
+import { default as ElmSpinner, ElmSpinnerProps } from './components/fallback/ElmSpinner.vue';
+import { default as ElmButton, ElmButtonProps } from './components/form/ElmButton.vue';
+import { default as ElmCheckbox, ElmCheckboxProps } from './components/form/ElmCheckbox.vue';
+import { default as ElmSwitch, ElmSwitchProps } from './components/form/ElmSwitch.vue';
+import { default as ElmTextField, ElmTextFieldProps } from './components/form/ElmTextField.vue';
+import { default as ElmTotp, ElmTotpProps } from './components/form/ElmTotp.vue';
 import { default as ElmHeading1, ElmHeading1Props } from './components/headings/ElmHeading1.vue';
 import { default as ElmHeading2, ElmHeading2Props } from './components/headings/ElmHeading2.vue';
 import { default as ElmHeading3, ElmHeading3Props } from './components/headings/ElmHeading3.vue';
 import { default as ElmHeading4, ElmHeading4Props } from './components/headings/ElmHeading4.vue';
 import { default as ElmHeading5, ElmHeading5Props } from './components/headings/ElmHeading5.vue';
 import { default as ElmHeading6, ElmHeading6Props } from './components/headings/ElmHeading6.vue';
+import { default as ElmFragmentIdentifier, ElmFragmentIdentifierProps } from './components/headings/ElmFragmentIdentifier.vue';
+import { default as ElmArrowIcon, ElmArrowIconProps } from './components/icon/ElmArrowIcon.vue';
+import { default as ElmBookmarkIcon, ElmBookmarkIconProps } from './components/icon/ElmBookmarkIcon.vue';
 import { default as ElmCubeIcon, ElmCubeIconProps } from './components/icon/ElmCubeIcon.vue';
 import { default as ElmDotLoadingIcon, ElmDotLoadingIconProps } from './components/icon/ElmDotLoadingIcon.vue';
 import { default as ElmLanguageIcon, ElmLanguageIconProps } from './components/icon/ElmLanguageIcon.vue';
+import { default as ElmLoginIcon, ElmLoginIconProps } from './components/icon/ElmLoginIcon.vue';
 import { default as ElmToggleTheme, ElmToggleThemeProps } from './components/icon/ElmToggleTheme.vue';
-import { default as ElmInlineCode, ElmInlineCodeProps } from './components/inline/ElmInlineCode.vue';
 import { default as ElmInlineLink, ElmInlineLinkProps } from './components/inline/ElmInlineLink.vue';
 import { default as ElmInlineRuby, ElmInlineRubyProps } from './components/inline/ElmInlineRuby.vue';
 import { default as ElmInlineText, ElmInlineTextProps } from './components/inline/ElmInlineText.vue';
@@ -28,7 +45,10 @@ import { default as ElmBookmark, ElmBookmarkProps } from './components/navigatio
 import { default as ElmBreadcrumb, ElmBreadcrumbProps } from './components/navigation/ElmBreadcrumb.vue';
 import { default as ElmPagetop, ElmPagetopProps } from './components/navigation/ElmPagetop.vue';
 import { default as ElmTableOfContents, ElmTableOfContentsProps } from './components/navigation/ElmTableOfContents.vue';
+import { default as ElmColorSample, ElmColorSampleProps } from './components/others/ElmColorSample.vue';
+import { default as ElmColorTable, ElmColorTableProps } from './components/others/ElmColorTable.vue';
 import { default as ElmJsonRenderer, ElmJsonRendererProps } from './components/renderer/ElmJsonRenderer.vue';
+import { default as ElmJsonRendererAsync } from './components/renderer/ElmJsonRendererAsync.vue';
 import { default as ElmTable, ElmTableProps } from './components/table/ElmTable.vue';
 import { default as ElmTableHeader, ElmTableHeaderProps } from './components/table/ElmTableHeader.vue';
 import { default as ElmTableBody, ElmTableBodyProps } from './components/table/ElmTableBody.vue';
@@ -39,6 +59,9 @@ import { default as ElmBulletedList, ElmBulletedListProps } from './components/t
 import { default as ElmCallout, ElmCalloutProps } from './components/typography/ElmCallout.vue';
 import { default as ElmDivider, ElmDividerProps } from './components/typography/ElmDivider.vue';
 import { default as ElmNumberedList, ElmNumberedListProps } from './components/typography/ElmNumberedList.vue';
+import { default as ElmParagraph, ElmParagraphProps } from './components/typography/ElmParagraph.vue';
 import { default as ElmListItem, ElmListItemProps } from './components/typography/ElmListItem.vue';
-export { ElmCodeBlock, ElmPrismHighlighter, ElmKatex, ElmColumn, ElmColumnList, ElmParallax, ElmToggle, ElmTooltip, ElmProgress, ElmRectangleWave, ElmHeading1, ElmHeading2, ElmHeading3, ElmHeading4, ElmHeading5, ElmHeading6, ElmCubeIcon, ElmDotLoadingIcon, ElmLanguageIcon, ElmToggleTheme, ElmInlineCode, ElmInlineLink, ElmInlineRuby, ElmInlineText, ElmFile, ElmImage, ElmBookmark, ElmBreadcrumb, ElmPagetop, ElmTableOfContents, ElmJsonRenderer, ElmTable, ElmTableHeader, ElmTableBody, ElmTableRow, ElmTableCell, ElmBlockQuote, ElmBulletedList, ElmCallout, ElmDivider, ElmNumberedList, ElmListItem };
-export type { ElmCodeBlockProps, ElmPrismHighlighterProps, ElmKatexProps, ElmColumnProps, ElmColumnListProps, ElmParallaxProps, ElmToggleProps, ElmTooltipProps, ElmProgressProps, ElmRectangleWaveProps, ElmHeading1Props, ElmHeading2Props, ElmHeading3Props, ElmHeading4Props, ElmHeading5Props, ElmHeading6Props, ElmCubeIconProps, ElmDotLoadingIconProps, ElmLanguageIconProps, ElmToggleThemeProps, ElmInlineCodeProps, ElmInlineLinkProps, ElmInlineRubyProps, ElmInlineTextProps, ElmFileProps, ElmImageProps, ElmBookmarkProps, ElmBreadcrumbProps, ElmPagetopProps, ElmTableOfContentsProps, ElmJsonRendererProps, ElmTableProps, ElmTableHeaderProps, ElmTableBodyProps, ElmTableRowProps, ElmTableCellProps, ElmBlockQuoteProps, ElmBulletedListProps, ElmCalloutProps, ElmDividerProps, ElmNumberedListProps, ElmListItemProps };
+import { useElmethisTheme } from './hooks/useElmethisTheme';
+import { useTyping } from './hooks/useTyping';
+export { ElmBadge, ElmTag, ElmCodeBlock, ElmKatex, ElmColumn, ElmColumnList, ElmDesktopWindow, ElmModal, ElmParallax, ElmSnackbar, ElmSnackbarContainer, ElmToggle, ElmTooltip, ElmProgress, ElmMultiProgress, ElmStatusMessage, ElmRectangleWave, ElmBlockFallback, ElmSpinner, ElmButton, ElmCheckbox, ElmSwitch, ElmTextField, ElmTotp, ElmHeading1, ElmHeading2, ElmHeading3, ElmHeading4, ElmHeading5, ElmHeading6, ElmFragmentIdentifier, ElmArrowIcon, ElmBookmarkIcon, ElmCubeIcon, ElmDotLoadingIcon, ElmLanguageIcon, ElmLoginIcon, ElmToggleTheme, ElmInlineLink, ElmInlineRuby, ElmInlineText, ElmFile, ElmImage, ElmBookmark, ElmBreadcrumb, ElmPagetop, ElmTableOfContents, ElmColorSample, ElmColorTable, ElmJsonRenderer, ElmJsonRendererAsync, ElmTable, ElmTableHeader, ElmTableBody, ElmTableRow, ElmTableCell, ElmBlockQuote, ElmBulletedList, ElmCallout, ElmDivider, ElmNumberedList, ElmParagraph, ElmListItem, useElmethisTheme, useTyping };
+export type { ElmBadgeProps, ElmTagProps, ElmCodeBlockProps, ElmKatexProps, ElmColumnProps, ElmColumnListProps, ElmDesktopWindowProps, ElmModalProps, ElmParallaxProps, ElmSnackbarProps, ElmSnackbarContainerProps, ElmToggleProps, ElmTooltipProps, ElmProgressProps, ElmMultiProgressProps, ElmStatusMessageProps, ElmRectangleWaveProps, ElmBlockFallbackProps, ElmSpinnerProps, ElmButtonProps, ElmCheckboxProps, ElmSwitchProps, ElmTextFieldProps, ElmTotpProps, ElmHeading1Props, ElmHeading2Props, ElmHeading3Props, ElmHeading4Props, ElmHeading5Props, ElmHeading6Props, ElmFragmentIdentifierProps, ElmArrowIconProps, ElmBookmarkIconProps, ElmCubeIconProps, ElmDotLoadingIconProps, ElmLanguageIconProps, ElmLoginIconProps, ElmToggleThemeProps, ElmInlineLinkProps, ElmInlineRubyProps, ElmInlineTextProps, ElmFileProps, ElmImageProps, ElmBookmarkProps, ElmBreadcrumbProps, ElmPagetopProps, ElmTableOfContentsProps, ElmJsonRendererProps, ElmColorSampleProps, ElmColorTableProps, ElmTableProps, ElmTableHeaderProps, ElmTableBodyProps, ElmTableRowProps, ElmTableCellProps, ElmBlockQuoteProps, ElmBulletedListProps, ElmCalloutProps, ElmDividerProps, ElmNumberedListProps, ElmParagraphProps, ElmListItemProps };