@donotdev/cli 0.0.7 → 0.0.9

package/templates/app-vite/index.html.example

@@ -16,8 +16,13 @@
   <!-- ✅ PWA: Manifest link (if exists) -->
   <link rel="manifest" href="/manifest.json" />
   
-  <!-- ✅ PERFORMANCE: Load fonts early to avoid preload warnings -->
-  <link rel="stylesheet" href="/fonts/fonts.css" />
+  <!-- ✅ PERFORMANCE: Preload critical fonts (non-blocking) -->
+  <link rel="preload" href="/fonts/Inter-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+  <link rel="preload" href="/fonts/Roboto-400-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+  
+  <!-- ✅ PERFORMANCE: Load extended font subsets async (non-blocking) -->
+  <link rel="stylesheet" href="/fonts/fonts.css" media="print" onload="this.media='all'">
+  <noscript><link rel="stylesheet" href="/fonts/fonts.css"></noscript>
   
   <!-- ✅ PERFORMANCE: Preconnect to external domains (OAuth providers) -->
   <!-- GitHub OAuth -->
@@ -36,6 +41,23 @@
 
   <!-- ✅ PERFORMANCE: Critical CSS inlined here by build -->
   <style>
+    /* Critical @font-face declarations - must be inline for preloaded fonts to work */
+    @font-face {
+      font-family: Inter;
+      font-style: normal;
+      font-weight: 400 700;
+      font-display: swap;
+      src: url('/fonts/Inter-latin.woff2') format('woff2');
+      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    @font-face {
+      font-family: Roboto;
+      font-style: normal;
+      font-weight: 400;
+      font-display: swap;
+      src: url('/fonts/Roboto-400-latin.woff2') format('woff2');
+      unicode-range: U+0000-00FF;
+    }
     /* Critical above-the-fold styles */
     html, body {
       margin: 0;

package/templates/app-vite/src/config/app.ts.example

@@ -29,7 +29,7 @@ export const appConfig: AppConfig = {
     name: APP_NAME,
     shortName: APP_SHORT_NAME,
     description: APP_DESCRIPTION,
-    // url: 'https://yourapp.com', // Uncomment for production
+    // Note: URL comes from VITE_APP_URL in .env, not here
 
     // Footer legal links - remove any you don't need
     footer: {

package/templates/app-vite/src/pages/FormPageExample.tsx.example

@@ -13,10 +13,10 @@
 import { useEffect, useState } from 'react';
 
 import { Section, Button, Alert } from '@donotdev/components';
-import { EntityFormRenderer, useCrud } from '@donotdev/crud';
+import { useCrud } from '@donotdev/crud';
 import { useTranslation } from '@donotdev/core';
 import type { PageMeta } from '@donotdev/core';
-import { PageContainer, Link, useNavigate } from '@donotdev/ui';
+import { PageContainer, Link, EntityFormRenderer } from '@donotdev/ui';
 
 // Import your entity from root-level entities folder
 // import { productEntity } from 'entities/Product';
@@ -51,7 +51,6 @@ export const meta: PageMeta = {
 export default function ProductPage() {
   const { t } = useTranslation(NAMESPACE);
   const id = useParam('id');
-  const navigate = useNavigate();
   const isNew = id === 'new';
 
   // useCrud provides CRUD operations with optimistic updates
@@ -84,8 +83,8 @@ export default function ProductPage() {
       update(id, data); // No await - fires in background
     }
 
-    // Instant navigation - feels incredibly fast
-    navigate('/products');
+    // Navigation happens automatically via cancelPath (defaults to /products)
+    // Or you can navigate manually if needed
   };
 
   // ==========================================================================
@@ -121,6 +120,8 @@ export default function ProductPage() {
             onSubmit={handleSubmit}
             defaultValues={{ status: 'draft' }} // Initial values for new items
             submitText={t('create')}
+            // Cancel automatically navigates to /products (or cancelPath if provided)
+            cancelPath="/products"
           />
         ) : (
           // EDIT MODE
@@ -130,6 +131,8 @@ export default function ProductPage() {
             onSubmit={handleSubmit}
             defaultValues={formData} // Loaded data
             submitText={t('update')}
+            // Cancel automatically navigates to /products (or cancelPath if provided)
+            cancelPath="/products"
           />
         )}
       </Section>

package/templates/app-vite/src/pages/ListPageExample.tsx.example

@@ -14,7 +14,7 @@
 
 import { Package } from 'lucide-react';
 
-import { EntityList } from '@donotdev/crud';
+import { EntityList } from '@donotdev/ui';
 import { useAuth } from '@donotdev/auth';
 import type { PageMeta } from '@donotdev/core';
 import { PageContainer } from '@donotdev/ui';
@@ -51,17 +51,14 @@ export default function ProductsListPage() {
   // - Applies visibility rules based on user role
   // - Includes search, sort, pagination
   // - Add/Edit/Delete buttons with proper permissions
+  // - Automatic routing: edit/view -> /products/:id, create -> /products/new
 
   return (
     <PageContainer>
       <EntityList
         entity={productEntity}
         userRole={user?.role}
-        // Optional overrides:
-        // onRowClick={(item) => navigate(`/products/${item.id}`)}
-        // createPath="/products/new"
-        // hideActions={false}
-        // pageSize={25}
+        // Optional: basePath="/admin/products" or onClick={(id) => openSheet(id)}
       />
     </PageContainer>
   );
@@ -73,7 +70,7 @@ export default function ProductsListPage() {
 //
 // For a card-based grid instead of table:
 //
-// import { EntityCardList } from '@donotdev/crud';
+// import { EntityCardList } from '@donotdev/ui';
 //
 // export default function ProductsGridPage() {
 //   return (

package/templates/root-consumer/.firebaserc.example

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "{{firebaseProjectId}}"
+  }
+}

package/templates/root-consumer/entities/ExampleEntity.ts.example

@@ -63,6 +63,7 @@ export const productEntity = defineEntity({
   // 'checkbox'  → Multiple selections
   // 'date'      → Date picker
   // 'timestamp' → Date + time
+  // 'price'     → Structured price (amount, currency, VAT, discount %)
   // 'images'    → Image upload (multiple)
   // 'reference' → Link to another entity
   //
@@ -120,7 +121,7 @@ export const productEntity = defineEntity({
     price: {
       name: 'price',
       label: 'price',
-      type: 'number',
+      type: 'price',
       visibility: 'guest',
       editable: 'admin',
       validation: { required: true },

package/templates/root-consumer/entities/demo.ts.example

@@ -16,6 +16,7 @@ const demoEntity = defineEntity({
   name: 'Demo',
   collection: 'demos',
   // collection: 'users/{userId}/demos', // Subcollection syntax
+  // namespace: 'entity-demo', // Optional: defaults to entity-${name.toLowerCase()}
 
   listFields: ['title', 'status', 'category', 'price'],
   listCardFields: ['images', 'title', 'price'],
@@ -98,7 +99,7 @@ const demoEntity = defineEntity({
     price: {
       name: 'price',
       label: 'price',
-      type: 'number',
+      type: 'price',  // Value: { amount, currency?, vatIncluded?, discountPercent? }
       visibility: 'guest',
       editable: 'admin',
       validation: { required: true },
@@ -113,6 +114,19 @@ const demoEntity = defineEntity({
       validation: { required: false },
     },
 
+    year: {
+      name: 'year',
+      label: 'year',
+      type: 'year',                // Year combobox (type or select)
+      visibility: 'guest',
+      editable: 'owner',
+      validation: {
+        required: true,
+        min: 1900,                 // Optional: defaults to 1900
+        max: 2100,                 // Optional: defaults to current year + 10
+      },
+    },
+
     // =========================================================================
     // CONTACT
     // =========================================================================

package/templates/root-consumer/eslint.config.js.example

@@ -19,7 +19,8 @@ import react from 'eslint-plugin-react';
 import reactRefresh from 'eslint-plugin-react-refresh';
 import globals from 'globals';
 
-import customPlugin from '@donotdev/core/config/eslint';
+// ESLint is not provided by the framework - set up your own configuration
+// This is just a basic example template
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -106,7 +107,6 @@ export default [
       'jsx-a11y': jsxA11y,
       prettier: prettierPlugin,
       '@typescript-eslint': tsPlugin,
-      '@donotdev/config': customPlugin,
     },
     settings: {
       react: {
@@ -120,9 +120,6 @@ export default [
       },
     },
     rules: {
-      '@donotdev/config/no-singleton-lifecycle': 'error',
-      '@donotdev/config/react-19-ssr-safe': 'error',
-      '@donotdev/config/prefer-framework-utils': 'warn',
       'react/no-unstable-nested-components': 'error',
       'no-restricted-globals': [
         'error',
@@ -203,81 +200,6 @@ export default [
         'warn',
         { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
       ],
-      '@donotdev/config/require-use-client': [
-        'warn',
-        {
-          clientPatterns: [
-            'useState',
-            'useEffect',
-            'useCallback',
-            'useMemo',
-            'useRef',
-            'useContext',
-            'useReducer',
-            'useLayoutEffect',
-            'useImperativeHandle',
-            'useDebugValue',
-            'useId',
-            'useSyncExternalStore',
-            'useTransition',
-            'useDeferredValue',
-            'useInsertionEffect',
-            'onClick',
-            'onChange',
-            'onSubmit',
-            'onFocus',
-            'onBlur',
-            'onMouseEnter',
-            'onMouseLeave',
-            'onKeyDown',
-            'onKeyUp',
-            'onKeyPress',
-            'onScroll',
-            'onResize',
-            'onLoad',
-            'onError',
-            'window',
-            'document',
-            'localStorage',
-            'sessionStorage',
-            'navigator',
-            'location',
-            'history',
-            'addEventListener',
-            'removeEventListener',
-            'useAuth',
-            'useTranslation',
-            'useLocalStorage',
-            'useTheme',
-            'useRouter',
-            'usePathname',
-            'useSearchParams',
-            'framer-motion',
-            'lottie',
-            'gsap',
-            'shiki',
-          ],
-          filePatterns: ['**/*.{ts,tsx}'],
-          excludePatterns: [
-            '**/*.config.{js,ts}',
-            '**/*.d.ts',
-            '**/types/**',
-            '**/constants/**',
-            '**/utils/**',
-            '**/helpers/**',
-            '**/stores/**',
-            '**/api/**',
-            '**/functions/**',
-            '**/lib/**',
-            '**/server/**',
-            '**/middleware/**',
-            '**/edge/**',
-            '**/node_modules/**',
-            '**/dist/**',
-            '**/build/**',
-          ],
-        },
-      ],
       'import/no-named-export': 'off',
     },
   },

package/templates/root-consumer/firestore.indexes.json.example

@@ -0,0 +1,4 @@
+{
+  "indexes": [],
+  "fieldOverrides": []
+}

package/templates/root-consumer/firestore.rules.example

@@ -0,0 +1,11 @@
+rules_version = '2';
+service cloud.firestore {
+  match /databases/{database}/documents {
+    function isAuthenticated() {
+      return request.auth != null;
+    }
+    match /{document=**} {
+      allow read, write: if isAuthenticated();
+    }
+  }
+}

package/templates/root-consumer/guides/dndev/COMPONENTS_CRUD.md.example

@@ -19,14 +19,14 @@ await remove('doc-id');
 Paginated list with automatic loading. For data tables.
 
 ```tsx
-const { items, loading, hasMore, loadMore } = useCrudList(productEntity);
+const { items, loading, refresh } = useCrudList(productEntity);
 ```
 
 ### useCrudCardList  
 Card-based list with infinite scroll.
 
 ```tsx
-const { items, loading, hasMore, loadMore, refresh } = useCrudCardList(articleEntity);
+const { items, loading, refresh } = useCrudCardList(articleEntity);
 ```
 
 ---
@@ -106,6 +106,9 @@ Field components are auto-rendered by `FormFieldRenderer`. You don't import them
 ### Numbers
 - `number` - Numeric input
 - `range` - Slider input
+- `rating` - Star rating input (1–5, configurable max)
+
+**Rating + comment (e.g. reviews):** Use two fields on the same entity — `rating` (type `rating`) for stars and `comment` (type `textarea`) for the text. The form renders them as separate rows; no composite field type needed.
 
 ### Boolean
 - `checkbox` - Checkbox input
@@ -153,7 +156,7 @@ import { useController, registerFieldType } from '@donotdev/crud';
 import type { ControlledFieldProps } from '@donotdev/crud';
 
 // Custom controlled component MUST use framework's useController (not react-hook-form's)
-function RatingField({
+function ScoreField({
   fieldConfig,
   control,
   errors,
@@ -179,7 +182,7 @@ function RatingField({
           onChange?.(value);
         }}
         min={0}
-        max={5}
+        max={10}
       />
       {fieldState?.error && (
         <span className="error">{fieldState.error.message}</span>
@@ -189,8 +192,8 @@ function RatingField({
 }
 
 registerFieldType({
-  type: 'rating',
-  controlledComponent: RatingField,
+  type: 'score',
+  controlledComponent: ScoreField,
 });
 ```