fmode模块导入

MindOCApp/package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.0.1",
       "dependencies": {
         "@angular/animations": "^19.0.0",
+        "@angular/cdk": "^19.2.17",
         "@angular/common": "^19.0.0",
         "@angular/compiler": "^19.0.0",
         "@angular/core": "^19.0.0",
@@ -24,11 +25,12 @@
         "@ionic/angular": "^8.0.0",
         "@types/howler": "^2.2.12",
         "@types/pixi.js": "^5.0.0",
-        "fmode-ng": "^0.0.82",
+        "fmode-ng": "^0.0.83",
         "howler": "^2.2.4",
         "ionicons": "^7.0.0",
         "pixi.js": "^8.9.1",
         "rxjs": "~7.8.0",
+        "swiper": "^11.2.8",
         "tslib": "^2.3.0",
         "zone.js": "~0.15.0"
       },
@@ -628,7 +630,6 @@
       "version": "19.2.17",
       "resolved": "https://registry.npmmirror.com/@angular/cdk/-/cdk-19.2.17.tgz",
       "integrity": "sha512-3jG33S+5+kqymCRwQlcSEWlY5rYwkKxe0onln+NXxT0/kteR02vWvv1+Li4/QqSr5JvsGHEhAFsZaR9QtOzbdA==",
-      "peer": true,
       "dependencies": {
         "parse5": "^7.1.2",
         "tslib": "^2.3.0"
@@ -9885,9 +9886,9 @@
       "dev": true
     },
     "node_modules/fmode-ng": {
-      "version": "0.0.82",
-      "resolved": "https://registry.npmmirror.com/fmode-ng/-/fmode-ng-0.0.82.tgz",
-      "integrity": "sha512-e+tcSQMR32QPQsRt+UyEb0APNd/isuDEOn3JleJ0R5/7n9BRhKdiNxr/uXR/BGUWRbpPR4ZArPP0TRSmibKsCA==",
+      "version": "0.0.83",
+      "resolved": "https://registry.npmmirror.com/fmode-ng/-/fmode-ng-0.0.83.tgz",
+      "integrity": "sha512-hFQ+5FNINOWsw+kSiQ7jKxe6lgm6H8/XffmSJb5NHXz/3Cphp6fjMwi7niDACXeunwWOvFwx6xsCcZl64NvFPw==",
       "dependencies": {
         "tslib": "^2.3.0"
       },
@@ -16569,6 +16570,24 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/swiper": {
+      "version": "11.2.8",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-11.2.8.tgz",
+      "integrity": "sha512-S5FVf6zWynPWooi7pJ7lZhSUe2snTzqLuUzbd5h5PHUOhzgvW0bLKBd2wv0ixn6/5o9vwc/IkQT74CRcLJQzeg==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/symbol-observable": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/symbol-observable/-/symbol-observable-4.0.0.tgz",

MindOCApp/package.json

@@ -13,14 +13,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/compiler": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/platform-browser-dynamic": "^19.0.0",
-    "@angular/router": "^19.0.0",
+    "@angular/animations": "^18.0.0",
+    "@angular/cdk": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/compiler": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/forms": "^18.0.0",
+    "@angular/platform-browser": "^18.0.0",
+    "@angular/platform-browser-dynamic": "^18.0.0",
+    "@angular/router": "^18.0.0",
     "@capacitor/app": "7.0.1",
     "@capacitor/core": "7.2.0",
     "@capacitor/haptics": "7.0.1",
@@ -34,8 +35,9 @@
     "ionicons": "^7.0.0",
     "pixi.js": "^8.9.1",
     "rxjs": "~7.8.0",
+    "swiper": "^11.2.8",
     "tslib": "^2.3.0",
-    "zone.js": "~0.15.0"
+    "zone.js": "~0.14.0"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^19.0.0",
@@ -63,7 +65,7 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.6.3"
+    "typescript": "~5.4.0"
   },
   "description": "An Ionic project"
 }

MindOCApp/src/app/ai/ai.page.ts

@@ -3,6 +3,7 @@ import { HttpClient } from '@angular/common/http';
 import { AnimationController, IonContent, PopoverController } from '@ionic/angular';
 import { Haptics } from '@capacitor/haptics';
 import { Style } from '@capacitor/status-bar';
+//import { ModalController } from '@ionic/angular/standalone';
 //import { ChatPanelOptions, FmChatModalInput, FmodeChat, FmodeChatMessage, openChatPanelModal } from 'fmode-ng';
 
 // interface ChatMessage {

MindOCApp/src/app/app.module.ts

@@ -6,11 +6,36 @@ import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+import { HttpClient } from '@angular/common/http';
+import { Diagnostic } from '@awesome-cordova-plugins/diagnostic/ngx';
+import Parse from 'parse';
+//import { FmodeNgModule } from 'fmode-ng';
+// 2. 模块导入（修正拼写错误）
+// import { 
+//   ChatPanelOptions, 
+//   FmChatModalInput,  
+//   FmodeChat,
+//   FmodeChatMessage,
+//   openChatPanelModal 
+// } from 'fmode-ng';
+
+Parse.initialize("ncloudmaster");
+Parse.serverURL = "https://server.fmode.cn/parse";
+localStorage.setItem("NOVA_APIG_SERVER", 'aHR0cHMlM0ElMkYlMkZzZXJ2ZXIuZm1vZGUuY24lMkZhcGklMkZhcGlnJTJG')
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
-  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
+  imports: [
+    BrowserModule,
+    IonicModule.forRoot(), 
+    AppRoutingModule,
+    
+    // FmodeNgModule.forRoot({
+    //   apiEndpoint: 'https://your-ai-service.com/api',
+    //   defaultAvatar: 'assets/ai-avatar/ai-avatar.jpg'
+    // })
+  ],
+  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },HttpClient,Diagnostic,],
   bootstrap: [AppComponent],
 })
 export class AppModule {}

MindOCApp/tsconfig.json

@@ -10,6 +10,7 @@
     "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
+    "allowSyntheticDefaultImports":true,
     "sourceMap": true,
     "declaration": false,
     "downlevelIteration": true,