create-react-starter-kit 1.0.2 → 1.0.4

package/dist/templates/src/components/ui/Toast.tsx.ejs

@@ -1,61 +0,0 @@
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useState,
-<% if (isTypeScript) { -%>
-  type ReactNode,
-<% } -%>
-} from 'react';
-
-<% if (isTypeScript) { -%>
-type ToastTone = 'info' | 'success' | 'error';
-
-interface ToastItem {
-  id: string;
-  message: string;
-  tone: ToastTone;
-}
-
-interface ToastContextValue {
-  push: (message: string, tone?: ToastTone) => void;
-}
-<% } -%>
-
-const ToastContext = createContext<% if (isTypeScript) { %><ToastContextValue | null><% } %>(null);
-
-export function ToastProvider({ children }<% if (isTypeScript) { %>: { children: ReactNode }<% } %>) {
-  const [items, setItems] = useState<% if (isTypeScript) { %><ToastItem[]><% } %>([]);
-
-  const push = useCallback((message<% if (isTypeScript) { %>: string<% } %>, tone<% if (isTypeScript) { %>: ToastTone<% } %> = 'info') => {
-    const id = crypto.randomUUID();
-    setItems((prev) => [...prev, { id, message, tone }]);
-    window.setTimeout(() => {
-      setItems((prev) => prev.filter((item) => item.id !== id));
-    }, 3200);
-  }, []);
-
-  const value = useMemo(() => ({ push }), [push]);
-
-  return (
-    <ToastContext.Provider value={value}>
-      {children}
-      <div className="toast-viewport" aria-live="polite">
-        {items.map((item) => (
-          <div key={item.id} className={`toast toast-${item.tone}`}>
-            {item.message}
-          </div>
-        ))}
-      </div>
-    </ToastContext.Provider>
-  );
-}
-
-export function useToast() {
-  const ctx = useContext(ToastContext);
-  if (!ctx) {
-    throw new Error('useToast must be used within ToastProvider');
-  }
-  return ctx;
-}

package/templates/__when_unitTesting_vitest__/tests/App.test.tsx.ejs

@@ -1,16 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { render, screen } from '@testing-library/react';
-import { AppProviders } from '@/app/providers';
-import { HomePage } from '@/routes/HomePage';
-
-describe('HomePage', () => {
-  it('renders the project hero', () => {
-    render(
-      <AppProviders>
-        <HomePage />
-      </AppProviders>,
-    );
-
-    expect(screen.getByRole('heading', { name: /<%= projectName %>/i })).toBeInTheDocument();
-  });
-});

package/templates/__when_visualTesting_storybook__/.storybook/preview.js

@@ -1,8 +0,0 @@
-/** @type { import('@storybook/react').Preview } */
-const preview = {
-  parameters: {
-    controls: { matchers: { color: /(background|color)$/i, date: /Date$/i } },
-  },
-};
-
-export default preview;

package/templates/src/components/ui/Toast.tsx.ejs

@@ -1,61 +0,0 @@
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useState,
-<% if (isTypeScript) { -%>
-  type ReactNode,
-<% } -%>
-} from 'react';
-
-<% if (isTypeScript) { -%>
-type ToastTone = 'info' | 'success' | 'error';
-
-interface ToastItem {
-  id: string;
-  message: string;
-  tone: ToastTone;
-}
-
-interface ToastContextValue {
-  push: (message: string, tone?: ToastTone) => void;
-}
-<% } -%>
-
-const ToastContext = createContext<% if (isTypeScript) { %><ToastContextValue | null><% } %>(null);
-
-export function ToastProvider({ children }<% if (isTypeScript) { %>: { children: ReactNode }<% } %>) {
-  const [items, setItems] = useState<% if (isTypeScript) { %><ToastItem[]><% } %>([]);
-
-  const push = useCallback((message<% if (isTypeScript) { %>: string<% } %>, tone<% if (isTypeScript) { %>: ToastTone<% } %> = 'info') => {
-    const id = crypto.randomUUID();
-    setItems((prev) => [...prev, { id, message, tone }]);
-    window.setTimeout(() => {
-      setItems((prev) => prev.filter((item) => item.id !== id));
-    }, 3200);
-  }, []);
-
-  const value = useMemo(() => ({ push }), [push]);
-
-  return (
-    <ToastContext.Provider value={value}>
-      {children}
-      <div className="toast-viewport" aria-live="polite">
-        {items.map((item) => (
-          <div key={item.id} className={`toast toast-${item.tone}`}>
-            {item.message}
-          </div>
-        ))}
-      </div>
-    </ToastContext.Provider>
-  );
-}
-
-export function useToast() {
-  const ctx = useContext(ToastContext);
-  if (!ctx) {
-    throw new Error('useToast must be used within ToastProvider');
-  }
-  return ctx;
-}