create-reactivite 1.1.0 → 1.3.0

package/template3/src/components/author-credit.tsx

@@ -0,0 +1,42 @@
+const links = [
+  { label: 'GitHub', href: 'https://github.com/javidselimov' },
+  { label: 'LinkedIn', href: 'https://www.linkedin.com/in/javidsalim/' },
+  { label: 'npm', href: 'https://www.npmjs.com/~ubuligan' },
+];
+
+export function AuthorCredit() {
+  return (
+    <div
+      style={{
+        position: 'fixed',
+        bottom: 16,
+        right: 16,
+        zIndex: 50,
+        display: 'flex',
+        alignItems: 'center',
+        gap: 12,
+        padding: '8px 16px',
+        borderRadius: 9999,
+        border: '1px solid #2a2f3a',
+        background: 'rgba(13, 16, 22, 0.8)',
+        backdropFilter: 'blur(8px)',
+        fontSize: 13,
+        color: '#e7eaf0',
+      }}
+    >
+      <strong>Javid Salimov</strong>
+      <span style={{ color: '#3a3f4a' }}>·</span>
+      {links.map((l) => (
+        <a
+          key={l.label}
+          href={l.href}
+          target="_blank"
+          rel="noreferrer"
+          style={{ color: '#8b93a7', textDecoration: 'none' }}
+        >
+          {l.label}
+        </a>
+      ))}
+    </div>
+  );
+}

package/template3/src/index.css

@@ -0,0 +1,46 @@
+:root {
+  --bg: #0b0d12;
+  --fg: #e7eaf0;
+  --muted: #8b93a7;
+  --accent: #6aa9ff;
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  background: radial-gradient(circle at 30% 20%, #161a23, var(--bg));
+  color: var(--fg);
+}
+
+.app {
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  text-align: center;
+  padding: 24px;
+}
+
+.app h1 {
+  font-size: 2.5rem;
+  margin: 0 0 0.5rem;
+}
+
+.app p {
+  color: var(--muted);
+  margin: 0;
+}
+
+.badge {
+  display: inline-block;
+  margin-bottom: 1rem;
+  padding: 4px 12px;
+  border: 1px solid #2a2f3a;
+  border-radius: 9999px;
+  font-size: 0.8rem;
+  color: var(--accent);
+}

package/template3/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import './index.css';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/template3/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}