create-alistt69-kit 0.3.5 → 0.3.6

package/src/templates/base/src/app/providers/error-boundary/ui/error-screen/index.tsx

@@ -1,151 +1,151 @@
-type ErrorScreenProps = {
-    title?: string;
-    description?: string;
-    errorMessage?: string;
-    onRetry?: () => void;
-};
-
-function ErrorScreen({
-    title = 'Something went wrong',
-    description = 'An unexpected error occurred. Try again or reload the page.',
-    errorMessage,
-    onRetry,
-}: ErrorScreenProps) {
-    return (
-        <main
-            style={{
-                minHeight: '100vh',
-                display: 'grid',
-                placeItems: 'center',
-                padding: '24px',
-                background:
-                    'radial-gradient(circle at top, rgba(255,255,255,0.06), transparent 40%), #0b0d12',
-                color: '#f5f7fa',
-            }}
-        >
-            <section
-                style={{
-                    width: '100%',
-                    maxWidth: '560px',
-                    padding: '32px',
-                    borderRadius: '24px',
-                    border: '1px solid rgba(255,255,255,0.08)',
-                    background: 'rgba(255,255,255,0.04)',
-                    backdropFilter: 'blur(12px)',
-                    boxShadow: '0 20px 80px rgba(0,0,0,0.35)',
-                }}
-            >
-                <div
-                    style={{
-                        width: '56px',
-                        height: '56px',
-                        borderRadius: '16px',
-                        display: 'grid',
-                        placeItems: 'center',
-                        fontSize: '28px',
-                        background: 'rgba(255,255,255,0.08)',
-                        marginBottom: '20px',
-                    }}
-                >
-                    ⚠️
-                </div>
-
-                <h1
-                    style={{
-                        margin: 0,
-                        fontSize: '32px',
-                        lineHeight: 1.1,
-                        fontWeight: 700,
-                    }}
-                >
-                    {title}
-                </h1>
-
-                <p
-                    style={{
-                        marginTop: '12px',
-                        marginBottom: 0,
-                        fontSize: '16px',
-                        lineHeight: 1.6,
-                        color: 'rgba(245,247,250,0.78)',
-                    }}
-                >
-                    {description}
-                </p>
-
-                {errorMessage ? (
-                    <pre
-                        style={{
-                            marginTop: '20px',
-                            padding: '16px',
-                            overflowX: 'auto',
-                            borderRadius: '16px',
-                            background: 'rgba(0,0,0,0.28)',
-                            border: '1px solid rgba(255,255,255,0.08)',
-                            color: '#ffb4b4',
-                            fontSize: '13px',
-                            lineHeight: 1.5,
-                            whiteSpace: 'pre-wrap',
-                            wordBreak: 'break-word',
-                        }}
-                    >
-                        {errorMessage}
-                    </pre>
-                ) : null}
-
-                <div
-                    style={{
-                        display: 'flex',
-                        gap: '12px',
-                        flexWrap: 'wrap',
-                        marginTop: '24px',
-                    }}
-                >
-                    {onRetry ? (
-                        <button
-                            type="button"
-                            onClick={onRetry}
-                            style={buttonPrimaryStyle}
-                        >
-                            Try again
-                        </button>
-                    ) : null}
-
-                    <button
-                        type="button"
-                        onClick={() => window.location.reload()}
-                        style={buttonSecondaryStyle}
-                    >
-                        Reload page
-                    </button>
-                </div>
-            </section>
-        </main>
-    );
-}
-
-const buttonBaseStyle: React.CSSProperties = {
-    appearance: 'none',
-    border: 'none',
-    cursor: 'pointer',
-    borderRadius: '14px',
-    padding: '12px 16px',
-    fontSize: '14px',
-    fontWeight: 600,
-    transition: 'transform 0.15s ease, opacity 0.15s ease',
-};
-
-const buttonPrimaryStyle: React.CSSProperties = {
-    ...buttonBaseStyle,
-    background: '#ffffff',
-    color: '#0b0d12',
-};
-
-const buttonSecondaryStyle: React.CSSProperties = {
-    ...buttonBaseStyle,
-    background: 'rgba(255,255,255,0.08)',
-    color: '#f5f7fa',
-    border: '1px solid rgba(255,255,255,0.1)',
-};
-
+type ErrorScreenProps = {
+    title?: string;
+    description?: string;
+    errorMessage?: string;
+    onRetry?: () => void;
+};
+
+function ErrorScreen({
+    title = 'Something went wrong',
+    description = 'An unexpected error occurred. Try again or reload the page.',
+    errorMessage,
+    onRetry,
+}: ErrorScreenProps) {
+    return (
+        <main
+            style={{
+                minHeight: '100vh',
+                display: 'grid',
+                placeItems: 'center',
+                padding: '24px',
+                background:
+                    'radial-gradient(circle at top, rgba(255,255,255,0.06), transparent 40%), #0b0d12',
+                color: '#f5f7fa',
+            }}
+        >
+            <section
+                style={{
+                    width: '100%',
+                    maxWidth: '560px',
+                    padding: '32px',
+                    borderRadius: '24px',
+                    border: '1px solid rgba(255,255,255,0.08)',
+                    background: 'rgba(255,255,255,0.04)',
+                    backdropFilter: 'blur(12px)',
+                    boxShadow: '0 20px 80px rgba(0,0,0,0.35)',
+                }}
+            >
+                <div
+                    style={{
+                        width: '56px',
+                        height: '56px',
+                        borderRadius: '16px',
+                        display: 'grid',
+                        placeItems: 'center',
+                        fontSize: '28px',
+                        background: 'rgba(255,255,255,0.08)',
+                        marginBottom: '20px',
+                    }}
+                >
+                    ⚠️
+                </div>
+
+                <h1
+                    style={{
+                        margin: 0,
+                        fontSize: '32px',
+                        lineHeight: 1.1,
+                        fontWeight: 700,
+                    }}
+                >
+                    {title}
+                </h1>
+
+                <p
+                    style={{
+                        marginTop: '12px',
+                        marginBottom: 0,
+                        fontSize: '16px',
+                        lineHeight: 1.6,
+                        color: 'rgba(245,247,250,0.78)',
+                    }}
+                >
+                    {description}
+                </p>
+
+                {errorMessage ? (
+                    <pre
+                        style={{
+                            marginTop: '20px',
+                            padding: '16px',
+                            overflowX: 'auto',
+                            borderRadius: '16px',
+                            background: 'rgba(0,0,0,0.28)',
+                            border: '1px solid rgba(255,255,255,0.08)',
+                            color: '#ffb4b4',
+                            fontSize: '13px',
+                            lineHeight: 1.5,
+                            whiteSpace: 'pre-wrap',
+                            wordBreak: 'break-word',
+                        }}
+                    >
+                        {errorMessage}
+                    </pre>
+                ) : null}
+
+                <div
+                    style={{
+                        display: 'flex',
+                        gap: '12px',
+                        flexWrap: 'wrap',
+                        marginTop: '24px',
+                    }}
+                >
+                    {onRetry ? (
+                        <button
+                            type="button"
+                            onClick={onRetry}
+                            style={buttonPrimaryStyle}
+                        >
+                            Try again
+                        </button>
+                    ) : null}
+
+                    <button
+                        type="button"
+                        onClick={() => window.location.reload()}
+                        style={buttonSecondaryStyle}
+                    >
+                        Reload page
+                    </button>
+                </div>
+            </section>
+        </main>
+    );
+}
+
+const buttonBaseStyle: React.CSSProperties = {
+    appearance: 'none',
+    border: 'none',
+    cursor: 'pointer',
+    borderRadius: '14px',
+    padding: '12px 16px',
+    fontSize: '14px',
+    fontWeight: 600,
+    transition: 'transform 0.15s ease, opacity 0.15s ease',
+};
+
+const buttonPrimaryStyle: React.CSSProperties = {
+    ...buttonBaseStyle,
+    background: '#ffffff',
+    color: '#0b0d12',
+};
+
+const buttonSecondaryStyle: React.CSSProperties = {
+    ...buttonBaseStyle,
+    background: 'rgba(255,255,255,0.08)',
+    color: '#f5f7fa',
+    border: '1px solid rgba(255,255,255,0.1)',
+};
+
 export default ErrorScreen;

package/src/templates/base/src/app/providers/index.ts

@@ -1,5 +1,5 @@
-import ErrorBoundary from './error-boundary/lib/provider'
-
-export {
-    ErrorBoundary as AppErrorBoundary,
-};
+import ErrorBoundary from './error-boundary/lib/provider'
+
+export {
+    ErrorBoundary as AppErrorBoundary,
+};

package/src/templates/base/src/index.tsx

@@ -1,19 +1,19 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import App from '@/app/App';
-import { AppErrorBoundary } from '@/app/providers';
-import './styles/index.scss';
-
-const container = document.getElementById('root');
-
-if (!container) {
-    throw new Error('Root container not found');
-}
-
-createRoot(container).render(
-    <StrictMode>
-        <AppErrorBoundary>
-            <App />
-        </AppErrorBoundary>
-    </StrictMode>,
-);
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from '@/app/App';
+import { AppErrorBoundary } from '@/app/providers';
+import './styles/index.scss';
+
+const container = document.getElementById('root');
+
+if (!container) {
+    throw new Error('Root container not found');
+}
+
+createRoot(container).render(
+    <StrictMode>
+        <AppErrorBoundary>
+            <App />
+        </AppErrorBoundary>
+    </StrictMode>,
+);

package/src/templates/base/src/styles/index.scss

@@ -1,13 +1,13 @@
-html,
-body,
-#root {
-    margin: 0;
-    padding: 0;
-    min-height: 100%;
-}
-
-body {
-    font-family: Bahnschrift, serif;
-    background: #141617;
-    color: #A6A8AAFF;
-}
+html,
+body,
+#root {
+    margin: 0;
+    padding: 0;
+    min-height: 100%;
+}
+
+body {
+    font-family: Bahnschrift, serif;
+    background: #141617;
+    color: #A6A8AAFF;
+}

package/src/templates/base/src/styles/normalize.scss

@@ -1,36 +1,36 @@
-*,
-*::before,
-*::after {
-  margin: 0;
-  padding: 0;
-  border: none;
-  list-style: none;
-  text-decoration: none;
-  box-sizing: border-box;
-  color: inherit;
-}
-
-body {
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizelegibility;
-}
-
-input,
-button,
-textarea {
-  font-size: inherit;
-  font-family: inherit;
-
-  &::placeholder {
-    user-select: none;
-  }
-}
-
-button {
-  user-select: none;
-  cursor: pointer;
-}
-
-img {
-  user-select: none;
-}
+*,
+*::before,
+*::after {
+  margin: 0;
+  padding: 0;
+  border: none;
+  list-style: none;
+  text-decoration: none;
+  box-sizing: border-box;
+  color: inherit;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizelegibility;
+}
+
+input,
+button,
+textarea {
+  font-size: inherit;
+  font-family: inherit;
+
+  &::placeholder {
+    user-select: none;
+  }
+}
+
+button {
+  user-select: none;
+  cursor: pointer;
+}
+
+img {
+  user-select: none;
+}

package/src/templates/base/src/widgets/created-by/index.tsx

@@ -20,7 +20,7 @@ function CreatedBy() {
         <a
             target="_blank"
             rel="noopener noreferrer"
-            href="https://github.com/alistt69/create-alistt69-kit"
+            href="https://github.com/alistt69/create-kit"
             className={styles.created_by}
         >
             <code className={styles.promo}>

package/src/templates/base/tsconfig.json

@@ -1,25 +1,25 @@
-{
-    "compilerOptions": {
-        "outDir": "./build",
-        "noImplicitAny": true,
-        "module": "ESNext",
-        "target": "es6",
-        "jsx": "react-jsx",
-        "allowJs": true,
-        "moduleResolution": "node",
-        "forceConsistentCasingInFileNames": true,
-        "strict": true,
-        "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
-        "esModuleInterop": true,
-        "baseUrl": "./",
-        "paths": {
-            "@/*": ["./src/*"]
-        }
-    },
-    "ts-node": {
-        "compilerOptions": {
-            "module": "CommonJS"
-        }
-    }
-}
+{
+    "compilerOptions": {
+        "outDir": "./build",
+        "noImplicitAny": true,
+        "module": "ESNext",
+        "target": "es6",
+        "jsx": "react-jsx",
+        "allowJs": true,
+        "moduleResolution": "node",
+        "forceConsistentCasingInFileNames": true,
+        "strict": true,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "baseUrl": "./",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    },
+    "ts-node": {
+        "compilerOptions": {
+            "module": "CommonJS"
+        }
+    }
+}

package/src/utils/agents-md.js

@@ -1,53 +1,53 @@
-import { access, readFile, writeFile } from 'node:fs/promises';
-import { resolve } from 'node:path';
-
-const AGENTS_MD_PATH = 'AGENTS.md';
-const SECTIONS_MARKER = '<!-- @agents-sections -->';
-
-export function getAgentsMdPath(projectPath) {
-    return resolve(projectPath, AGENTS_MD_PATH);
-}
-
-export async function hasAgentsMd(projectPath) {
-    try {
-        await access(getAgentsMdPath(projectPath));
-        return true;
-    } catch (_) {
-        return false;
-    }
-}
-
-export async function appendAgentsSection(projectPath, sectionKey, content) {
-    if (!(await hasAgentsMd(projectPath))) {
-        return false;
-    }
-
-    const filepath = getAgentsMdPath(projectPath);
-    const fileContent = await readFile(filepath, 'utf8');
-
-    if (fileContent.includes(`<!-- @agents:${sectionKey} -->`)) {
-        return false;
-    }
-
-    const block = [
-        `<!-- @agents:${sectionKey} -->`,
-        content.trim(),
-        `<!-- /@agents:${sectionKey} -->`,
-    ].join('\n');
-
-    let nextContent;
-
-    if (fileContent.includes(SECTIONS_MARKER)) {
-        nextContent = fileContent.replace(
-            SECTIONS_MARKER,
-            `${block}\n\n${SECTIONS_MARKER}`,
-        );
-    } else {
-        const trimmed = fileContent.trimEnd();
-        nextContent = `${trimmed}\n\n${block}\n`;
-    }
-
-    await writeFile(filepath, nextContent, 'utf8');
-
-    return true;
+import { access, readFile, writeFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+const AGENTS_MD_PATH = 'AGENTS.md';
+const SECTIONS_MARKER = '<!-- @agents-sections -->';
+
+export function getAgentsMdPath(projectPath) {
+    return resolve(projectPath, AGENTS_MD_PATH);
+}
+
+export async function hasAgentsMd(projectPath) {
+    try {
+        await access(getAgentsMdPath(projectPath));
+        return true;
+    } catch (_) {
+        return false;
+    }
+}
+
+export async function appendAgentsSection(projectPath, sectionKey, content) {
+    if (!(await hasAgentsMd(projectPath))) {
+        return false;
+    }
+
+    const filepath = getAgentsMdPath(projectPath);
+    const fileContent = await readFile(filepath, 'utf8');
+
+    if (fileContent.includes(`<!-- @agents:${sectionKey} -->`)) {
+        return false;
+    }
+
+    const block = [
+        `<!-- @agents:${sectionKey} -->`,
+        content.trim(),
+        `<!-- /@agents:${sectionKey} -->`,
+    ].join('\n');
+
+    let nextContent;
+
+    if (fileContent.includes(SECTIONS_MARKER)) {
+        nextContent = fileContent.replace(
+            SECTIONS_MARKER,
+            `${block}\n\n${SECTIONS_MARKER}`,
+        );
+    } else {
+        const trimmed = fileContent.trimEnd();
+        nextContent = `${trimmed}\n\n${block}\n`;
+    }
+
+    await writeFile(filepath, nextContent, 'utf8');
+
+    return true;
 }

package/src/utils/console-format.js

@@ -1,12 +1,12 @@
-const color = (code, text) => `\u001B[${code}m${text}\u001B[0m`;
-
-export const format = {
-    cyan: (text) => color('36', text),
-    green: (text) => color('32', text),
-    yellow: (text) => color('33', text),
-    dim: (text) => color('2', text),
-    bold: (text) => color('1', text),
-
-    sectionTitle: (text) => color('36', text),
-    label: (text) => color('2', text),
+const color = (code, text) => `\u001B[${code}m${text}\u001B[0m`;
+
+export const format = {
+    cyan: (text) => color('36', text),
+    green: (text) => color('32', text),
+    yellow: (text) => color('33', text),
+    dim: (text) => color('2', text),
+    bold: (text) => color('1', text),
+
+    sectionTitle: (text) => color('36', text),
+    label: (text) => color('2', text),
 };