betterstart-cli 0.0.110 → 0.0.112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "betterstart-cli",
-  "version": "0.0.110",
+  "version": "0.0.112",
   "description": "A production ready dashboard,tailored for you in 5 Minutes.",
   "type": "module",
   "main": "./dist/index.js",

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-content-editor-mobile-toolbar.ts

@@ -1,17 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import { useIsMobile } from '../use-mobile'
-
-export type ContentEditorMobileToolbarView = 'main' | 'highlighter' | 'link' | 'math'
-
-export function useContentEditorMobileToolbar() {
-  const isMobile = useIsMobile()
-  const [mobileViewState, setMobileView] = React.useState<ContentEditorMobileToolbarView>('main')
-
-  return {
-    isMobile,
-    mobileView: isMobile ? mobileViewState : 'main',
-    setMobileView
-  }
-}

package/dist/assets/adapters/next/templates/init/hooks/content-editor/use-is-breakpoint.ts

@@ -1,24 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-
-type BreakpointMode = 'min' | 'max'
-
-export function useIsBreakpoint(mode: BreakpointMode = 'max', breakpoint = 768) {
-  const [matches, setMatches] = useState<boolean | undefined>(undefined)
-
-  useEffect(() => {
-    const query =
-      mode === 'min' ? `(min-width: ${breakpoint}px)` : `(max-width: ${breakpoint - 1}px)`
-
-    const mql = window.matchMedia(query)
-    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches)
-
-    setMatches(mql.matches)
-
-    mql.addEventListener('change', onChange)
-    return () => mql.removeEventListener('change', onChange)
-  }, [mode, breakpoint])
-
-  return !!matches
-}

package/dist/assets/adapters/next/templates/init/hooks/use-mobile.ts

@@ -1,19 +0,0 @@
-import * as React from 'react'
-
-const MOBILE_BREAKPOINT = 768
-
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
-
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    }
-    mql.addEventListener('change', onChange)
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
-    return () => mql.removeEventListener('change', onChange)
-  }, [])
-
-  return !!isMobile
-}

package/dist/assets/shared-assets/react-admin/custom/content-editor/mobile-toolbar-content.tsx

@@ -1,56 +0,0 @@
-import { ColorHighlightPopoverContent } from '@admin/components/custom/content-editor/tiptap-ui/color-highlight-popover'
-import { LinkContent } from '@admin/components/custom/content-editor/tiptap-ui/link-popover'
-import { Button } from '@admin/components/ui/button'
-import { Separator } from '@admin/components/ui/separator'
-import { useTiptapEditor } from '@admin/hooks/content-editor/use-tiptap-editor'
-import { insertContentEditorMath } from '@admin/utils/editor/insert-content-editor-math'
-import { ArrowLeftIcon, HighlighterIcon, LinkIcon, SigmaIcon } from 'lucide-react'
-import { MathEditorControls } from './math-popover'
-
-export function MobileToolbarContent({
-  type,
-  onBack
-}: {
-  type: 'highlighter' | 'link' | 'math'
-  onBack: () => void
-}) {
-  const { editor } = useTiptapEditor()
-
-  return (
-    <>
-      <div className="flex items-center gap-0.5">
-        <Button
-          type="button"
-          variant="ghost"
-          size="icon-sm"
-          onClick={onBack}
-          aria-label="Back to formatting toolbar"
-          title="Back"
-        >
-          <ArrowLeftIcon />
-          {type === 'highlighter' ? (
-            <HighlighterIcon />
-          ) : type === 'math' ? (
-            <SigmaIcon />
-          ) : (
-            <LinkIcon />
-          )}
-        </Button>
-      </div>
-
-      <Separator orientation="vertical" className="mx-1 my-auto h-[65%] self-center" />
-
-      {type === 'highlighter' ? (
-        <ColorHighlightPopoverContent />
-      ) : type === 'math' ? (
-        <MathEditorControls
-          disabled={!editor?.isEditable}
-          onApply={(value) => insertContentEditorMath(editor, value)}
-          onComplete={onBack}
-        />
-      ) : (
-        <LinkContent />
-      )}
-    </>
-  )
-}

package/dist/assets/shared-assets/react-admin/ui/command.tsx

@@ -1,180 +0,0 @@
-'use client'
-
-import * as React from 'react'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from '@admin/components/ui/dialog'
-import { InputGroup, InputGroupAddon } from '@admin/components/ui/input-group'
-import { cn } from '@admin/utils/shared/cn'
-import { Command as CommandPrimitive } from 'cmdk'
-import { CheckIcon, SearchIcon } from 'lucide-react'
-
-function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {
-  return (
-    <CommandPrimitive
-      data-slot="command"
-      className={cn(
-        'flex size-full flex-col overflow-hidden rounded-4xl bg-popover p-1 text-popover-foreground',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandDialog({
-  title = 'Command Palette',
-  description = 'Search for a command to run...',
-  children,
-  className,
-  showCloseButton = false,
-  ...props
-}: Omit<React.ComponentProps<typeof Dialog>, 'children'> & {
-  title?: string
-  description?: string
-  className?: string
-  showCloseButton?: boolean
-  children: React.ReactNode
-}) {
-  return (
-    <Dialog {...props}>
-      <DialogHeader className="sr-only">
-        <DialogTitle>{title}</DialogTitle>
-        <DialogDescription>{description}</DialogDescription>
-      </DialogHeader>
-      <DialogContent
-        className={cn('top-1/3 translate-y-0 overflow-hidden rounded-4xl! p-0', className)}
-        showCloseButton={showCloseButton}
-      >
-        {children}
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Input>) {
-  return (
-    <div data-slot="command-input-wrapper" className="p-1 pb-0">
-      <InputGroup className="h-9 bg-input/30">
-        <CommandPrimitive.Input
-          data-slot="command-input"
-          className={cn(
-            'w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',
-            className
-          )}
-          {...props}
-        />
-        <InputGroupAddon>
-          <SearchIcon className="size-4 shrink-0 opacity-50" />
-        </InputGroupAddon>
-      </InputGroup>
-    </div>
-  )
-}
-
-function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {
-  return (
-    <CommandPrimitive.List
-      data-slot="command-list"
-      className={cn(
-        'no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandEmpty({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
-  return (
-    <CommandPrimitive.Empty
-      data-slot="command-empty"
-      className={cn('py-6 text-center text-sm', className)}
-      {...props}
-    />
-  )
-}
-
-function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Group>) {
-  return (
-    <CommandPrimitive.Group
-      data-slot="command-group"
-      className={cn(
-        'overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-3 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
-  return (
-    <CommandPrimitive.Separator
-      data-slot="command-separator"
-      className={cn('my-1 h-px bg-border/50', className)}
-      {...props}
-    />
-  )
-}
-
-function CommandItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof CommandPrimitive.Item>) {
-  return (
-    <CommandPrimitive.Item
-      data-slot="command-item"
-      className={cn(
-        "group/command-item relative flex cursor-default items-center gap-2 rounded-lg px-3 py-2 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-2xl data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-selected:bg-muted data-selected:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-selected:*:[svg]:text-foreground",
-        className
-      )}
-      {...props}
-    >
-      {children}
-      <CheckIcon className="ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" />
-    </CommandPrimitive.Item>
-  )
-}
-
-function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {
-  return (
-    <span
-      data-slot="command-shortcut"
-      className={cn(
-        'ml-auto text-xs tracking-widest text-muted-foreground group-data-selected/command-item:text-foreground',
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator
-}