Ionic 7.0.3

Author: Tommertom

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log Ionic-Svelte-NPM
 All notable changes to this project will be documented in this file.
 
+## 0.5.77
+- Bumped to 7.0.3 - including creator scripts
+- Fix on MenuI
+- IonPage.svelte now holds a secret
+
 ## 0.5.74/75/76 Ionic 7 (Ionic 7.0.2)
 - Ionic 7 package landed - demo app is not upgraded yet
 - Creator scripts are updated to 7.0.2 as well - fixing to that version as I assume there will be updates on core

components/IonPage.svelte

@@ -8,7 +8,9 @@
   export const ionViewDidEnter = () => {};
   export const ionViewWillLeave = undefined; // unsupported as we cannot use beforeNavigate in npm library
   export const ionViewDidLeave = () => {};
-  export let animation = {in: { x: 1000, duration: 300 }, out: { x: -1000, duration: 300 }};
+
+  // put export in front, copy to your $lib and then you have your custom IonPage!
+  let animation = { in: { x: 1000, duration: 300 }, out: { x: -1000, duration: 300 } };
 
   ionViewWillEnter();
 
@@ -33,10 +35,6 @@
   });
 </script>
 
-<div
-  class="ion-page"
-  in:fly={animation.in}
-  out:fly={animation.out}
->
+<div class="ion-page" in:fly={animation.in} out:fly={animation.out}>
   <slot />
 </div>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ionic-svelte",
-  "version": "0.5.76",
+  "version": "0.5.77",
   "private": false,
   "homepage": "https://ionicsvelte.firebaseapp.com",
   "repository": {
@@ -33,4 +33,4 @@
   "dependencies": {
     "@ionic/core": "^7.0.3"
   }
-}
+}

package.json

@@ -0,0 +1,36 @@
+{
+    "name": "ionic-svelte",
+    "version": "0.5.77",
+    "private": false,
+    "homepage": "https://ionicsvelte.firebaseapp.com",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Tommertom/svelte-ionic-app.git"
+    },
+    "keywords": [
+        "ui library",
+        "ui",
+        "ionic",
+        "svelte",
+        "sveltekit",
+        "vite"
+    ],
+    "main": "index.ts",
+    "module": "index.ts",
+    "types": "index.d.ts",
+    "bugs": {
+        "url": "https://github.com/Tommertom/svelte-ionic-app/issues"
+    },
+    "description": "The NPM library to implement Ionic in any Svelte project - supporting SvelteKit and Svelte with Vite",
+    "scripts": {
+        "lint": "prettier --plugin-search-dir . --check . && eslint .",
+        "format": "prettier --plugin-search-dir . --write ."
+    },
+    "type": "module",
+    "devDependencies": {
+        "svelte": "^3.55.1"
+    },
+    "dependencies": {
+        "@ionic/core": "^7.0.3"
+    }
+}

package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "create-capacitor-svelte-app",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Use this CLI app to setup a new Capacitor application in a new SvelteKit project.",
   "keywords": [
     "capacitor",

packages/create-capacitor-svelte-app/package.json

@@ -113,7 +113,7 @@ export async function createIonicSvelte(opts) {
 
 
 	packages = [];
-	if (opts?.ionic) packages = ['@ionic/[email protected].2', 'ionic-svelte'];
+	if (opts?.ionic) packages = ['@ionic/[email protected].3', 'ionic-svelte'];
 	if (opts?.capacitor) packages.push('@capacitor/core');
 	// packages = [];
 	if (opts?.ionicons) packages.push('ionicons');

packages/create-capacitor-svelte-app/src/creator.js

@@ -1,6 +1,6 @@
 {
   "name": "create-ionic-svelte-app",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "Use this CLI app to setup a new Ionic application in a new SvelteKit project.",
   "keywords": [
     "ionic",

packages/create-capacitor-svelte-app/src/creator.js.bak

@@ -112,7 +112,7 @@ export async function createIonicSvelte(opts) {
 	}
 
 
-	packages = ['@ionic/[email protected].2', 'ionic-svelte'];
+	packages = ['@ionic/[email protected].3', 'ionic-svelte'];
 	if (opts?.capacitor) packages.push('@capacitor/core');
 	// packages = [];
 	if (opts?.ionicons) packages.push('ionicons');