๐Ÿ›  New framework7-cli feedback needed

In the future could be added to the site and f7-cli pallete color generator like this https://www.materialpalette.com/pink/orange

Yes - a color-palette generator would also be cool, where you can import/export your current template and fine-tune :wink:

Hi there,
There is bug on my system when I use framework7 cli on Mac Os 10.14.13
Indeed after framework7 creation when I use the project on Xcode and emulate on my device, the link dosnโ€™t works.

framework7 create
I choose cordova app > platform ios and android > framework7 Core > Tabbed Views > No Bundler > use default color theme > include icon fonts from framework7

npm run build-cordova-ios
After that I go to Myapp/cordova/platform/ios/ and I open on xcode myapp.xcodeproj

I choose provisionning profile and launch on my iphone device (via USB).
The app display nicely but all links (about / form /Dynamic route / etcโ€ฆ) doesnโ€™t works

When I do the same app but with โ€œBundlerโ€, the links works.

An idea of my bug ?? I prefere to use without bundler.

Thanks

It happens due to XHR (Ajax) limitations of WKWebView. Do this in created project:

cd cordova
cordova plugin rm cordova-plugin-wkwebview-engine
cordova plugin add cordova-plugin-wkwebview-file-xhr
2 Likes

Iโ€™ve created a Cordova Electron app via framework7-cli. Following options used (copied from generated README.md):

{
  "cwd": "/Users/efedorov/projects/electron/cordova-f7-electron",
  "type": [
    "cordova"
  ],
  "name": "Cordova F7 Electron",
  "framework": "core",
  "template": "single-view",
  "bundler": "webpack",
  "cssPreProcessor": false,
  "theming": {
    "customColor": true,
    "color": "#007aff",
    "darkTheme": false,
    "iconFonts": true,
    "fillBars": false
  },
  "customBuild": false,
  "webpack": {
    "developmentSourceMap": true,
    "productionSourceMap": true,
    "hashAssets": false,
    "preserveAssetsPaths": false,
    "inlineAssets": true
  },
  "pkg": "io.framework7.cdvelectron",
  "cordova": {
    "folder": "cordova",
    "platforms": [
      "electron"
    ],
    "plugins": [
      "cordova-plugin-statusbar",
      "cordova-plugin-keyboard",
      "cordova-plugin-splashscreen",
      "cordova-plugin-wkwebview-file-xhr"
    ]
  }
}

Then i run npm run cordova-electron to preview my Electron application. I get it opened, but console contains error:

Failed to load resource: net::ERR_FILE_NOT_FOUND logo.png:1

Looks like it comes from cordova-plugin-splashscreen.SplashScreenProxy. It contains declaration: var imageSrc = '/img/logo.png';

I am new in Electron development, so I am wondering how can I fix it (except to remove cordova-plugin-splashscreen plugin)?

UPD: It happens even if I build real app via npm run build-cordova-dev / npm run build-cordova-prod

One more note.

Running npm run build-cordova-prod command generates an app that is built in dev mode. I open an app, and dev tools gets opened. Obviously, --release option is omitted for cordova build command in build-cordova-prod npm script.