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

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