@indexeddb-orm/idb-orm 0.0.1

package/angular-demo-app/README.md

@@ -0,0 +1,84 @@
+# Angular Demo App
+
+This is a demonstration application showcasing the capabilities of the Dexie ORM library for IndexedDB, built with Angular 17 and Material UI.
+
+## Features
+
+- **Entity Configuration**: Define entities using `defineEntity()` method
+- **Automatic Schema**: Primary keys, indexes, and unique constraints
+- **Relations**: One-to-one, one-to-many, and many-to-many relationships
+- **Zod Validation**: Runtime validation with Zod schemas
+- **Aggregations**: Count, average, sum operations
+- **Live Queries**: Real-time data updates with reactive services
+- **TypeScript**: Full type safety throughout the application
+- **Cloud Sync**: Integration with Dexie Cloud (demo)
+
+## Quick Start
+
+1. **Install dependencies:**
+   ```bash
+   npm install
+   ```
+
+2. **Start development server:**
+   ```bash
+   npm start
+   ```
+
+3. **Open in browser:**
+   Navigate to `http://localhost:4200`
+
+## Architecture
+
+The application follows Angular best practices with clear separation of concerns:
+
+### Services (Business Logic)
+- `AppLogicService`: Main application logic and state management
+- `LiveQueryService`: Live query data management
+- `TypeScriptDemoService`: TypeScript demo functionality
+- `PostsLiveQueryService`: Posts-specific live queries
+- `CloudSyncService`: Cloud synchronization features
+- `DatabaseService`: Database connection and configuration
+
+### Components (Views)
+- `AppComponent`: Main application container with navigation
+- `MainInfoComponent`: Library overview and features
+- `ActionsComponent`: Admin actions and user management
+- `LiveQueryDemoComponent`: Live query demonstrations
+- `TypeScriptDemoComponent`: TypeScript typing examples
+- `PostsLiveQueryDemoComponent`: Advanced live query features
+- `CloudSyncDemoComponent`: Cloud synchronization interface
+
+### Entities
+- `UserEntity`: User data model
+- `ProfileEntity`: User profile data model
+- `PostEntity`: Blog post data model
+- `TagEntity`: Tag data model
+- `PostTagEntity`: Many-to-many relationship entity
+
+## Key Features Demonstrated
+
+1. **Entity Definition**: Using `defineEntity()` instead of decorators
+2. **Database Operations**: CRUD operations with relations
+3. **Live Updates**: Reactive data with Angular services
+4. **Type Safety**: Full TypeScript integration
+5. **Responsive Design**: Material UI with mobile support
+6. **Error Handling**: Zod validation and error management
+
+## Development
+
+- **Build**: `npm run build`
+- **Test**: `npm test`
+- **Watch**: `npm run watch`
+
+## Dependencies
+
+- Angular 17
+- Angular Material
+- Dexie ORM
+- TypeScript
+- RxJS
+
+## More Information
+
+For more information visit our official [page](https://idb-orm.com).

package/angular-demo-app/angular.json

@@ -0,0 +1,109 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular-demo-app": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/angular-demo-app",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "@angular/material/prebuilt-themes/indigo-pink.css",
+              "src/styles.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "angular-demo-app:build:production"
+            },
+            "development": {
+              "buildTarget": "angular-demo-app:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "buildTarget": "angular-demo-app:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "@angular/material/prebuilt-themes/indigo-pink.css",
+              "src/styles.scss"
+            ],
+            "scripts": []
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}