diff --git a/docs/cli/configuration.md b/docs/cli/configuration.mdx similarity index 99% rename from docs/cli/configuration.md rename to docs/cli/configuration.mdx index 9b3d7d31a95..35f861a9ff0 100644 --- a/docs/cli/configuration.md +++ b/docs/cli/configuration.mdx @@ -52,7 +52,7 @@ Each Ionic project has a project configuration file, usually at the project's ro The CLI will look for the following environment variables: - `IONIC_CONFIG_DIRECTORY`: The directory of the global CLI config. Defaults to `~/.ionic`. -- `IONIC_HTTP_PROXY`: Set a URL for proxying all CLI requests through. See [Using a Proxy](using-a-proxy.md). +- `IONIC_HTTP_PROXY`: Set a URL for proxying all CLI requests through. See [Using a Proxy](using-a-proxy.mdx). - `IONIC_TOKEN`: Automatically authenticates with [Appflow](https://ionic.io/appflow). ## Flags diff --git a/docs/cli/livereload.md b/docs/cli/livereload.mdx similarity index 95% rename from docs/cli/livereload.md rename to docs/cli/livereload.mdx index 4d2d160ee78..2d60e5fc0de 100644 --- a/docs/cli/livereload.md +++ b/docs/cli/livereload.mdx @@ -1,6 +1,6 @@ # Live Reload -Using the Live Reload option will reload the browser or [Web View](../core-concepts/webview.md) when you change your app's code in your development environment. This is particularly useful for developing using hardware devices. +Using the Live Reload option will reload the browser or [Web View](../core-concepts/webview.mdx) when you change your app's code in your development environment. This is particularly useful for developing using hardware devices. ## Terms diff --git a/docs/cli/using-a-proxy.md b/docs/cli/using-a-proxy.mdx similarity index 100% rename from docs/cli/using-a-proxy.md rename to docs/cli/using-a-proxy.mdx diff --git a/docs/contributing/coc.md b/docs/contributing/coc.mdx similarity index 100% rename from docs/contributing/coc.md rename to docs/contributing/coc.mdx diff --git a/versioned_docs/version-v6/contributing/how-to-contribute.md b/docs/contributing/how-to-contribute.mdx similarity index 99% rename from versioned_docs/version-v6/contributing/how-to-contribute.md rename to docs/contributing/how-to-contribute.mdx index df5f6efbd23..da368fb421f 100644 --- a/versioned_docs/version-v6/contributing/how-to-contribute.md +++ b/docs/contributing/how-to-contribute.mdx @@ -8,7 +8,7 @@ Thanks for the interest in contributing to Ionic Framework! ## Contributing Etiquette -Please see the [Contributor Code of Conduct](coc.md) for information on the rules of conduct. +Please see the [Contributor Code of Conduct](coc.mdx) for information on the rules of conduct. ## Creating an Issue diff --git a/docs/core-concepts/cross-platform.md b/docs/core-concepts/cross-platform.mdx similarity index 100% rename from docs/core-concepts/cross-platform.md rename to docs/core-concepts/cross-platform.mdx diff --git a/docs/core-concepts/fundamentals.md b/docs/core-concepts/fundamentals.mdx similarity index 98% rename from docs/core-concepts/fundamentals.md rename to docs/core-concepts/fundamentals.mdx index a409e57bc0b..5702d217c6d 100644 --- a/docs/core-concepts/fundamentals.md +++ b/docs/core-concepts/fundamentals.mdx @@ -38,7 +38,7 @@ For apps that are built with Angular and `@ionic/angular`, we recommend using th An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. -One of the most common use cases for Ionic is to build an app which can be downloaded from both the App Store and Play Store. Both iOS and Android software development kits (SDKs) provide [Web Views](webview.md) which render any Ionic app, while still allowing for full Native SDK access. +One of the most common use cases for Ionic is to build an app which can be downloaded from both the App Store and Play Store. Both iOS and Android software development kits (SDKs) provide [Web Views](webview.mdx) which render any Ionic app, while still allowing for full Native SDK access. Projects such as Capacitor and Cordova are commonly used to give Ionic apps this access to Native SDKs. This means developers can quickly build out an app using common web development tools, and still have access to native features such as the device's accelerometer, camera, GPS, and more. diff --git a/docs/core-concepts/webview.md b/docs/core-concepts/webview.mdx similarity index 100% rename from docs/core-concepts/webview.md rename to docs/core-concepts/webview.mdx diff --git a/docs/core-concepts/what-are-progressive-web-apps.md b/docs/core-concepts/what-are-progressive-web-apps.mdx similarity index 100% rename from docs/core-concepts/what-are-progressive-web-apps.md rename to docs/core-concepts/what-are-progressive-web-apps.mdx diff --git a/docs/deployment/app-store.md b/docs/deployment/app-store.mdx similarity index 100% rename from docs/deployment/app-store.md rename to docs/deployment/app-store.mdx diff --git a/docs/deployment/progressive-web-app.md b/docs/deployment/progressive-web-app.mdx similarity index 97% rename from docs/deployment/progressive-web-app.md rename to docs/deployment/progressive-web-app.mdx index 3a7e522ec61..3a023ca07dd 100644 --- a/docs/deployment/progressive-web-app.md +++ b/docs/deployment/progressive-web-app.mdx @@ -14,7 +14,7 @@ import DocsCards from '@components/global/DocsCards'; /> -Because Ionic Apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview or the [What are Progressive Web Apps](../core-concepts/what-are-progressive-web-apps.md) page for more info. +Because Ionic Apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview or the [What are Progressive Web Apps](../core-concepts/what-are-progressive-web-apps.mdx) page for more info. For the frameworks Ionic supports, we've created dedicated guides that go into more detail. Below are links for Angular, React, and Vue. diff --git a/docs/developer-resources/books.md b/docs/developer-resources/books.mdx similarity index 100% rename from docs/developer-resources/books.md rename to docs/developer-resources/books.mdx diff --git a/docs/developer-resources/courses.md b/docs/developer-resources/courses.mdx similarity index 100% rename from docs/developer-resources/courses.md rename to docs/developer-resources/courses.mdx diff --git a/docs/developer-resources/guides.md b/docs/developer-resources/guides.mdx similarity index 76% rename from docs/developer-resources/guides.md rename to docs/developer-resources/guides.mdx index dbe6d9477b8..c0590b83684 100644 --- a/docs/developer-resources/guides.md +++ b/docs/developer-resources/guides.mdx @@ -1,9 +1,9 @@ # Guides -### [Your First Ionic App - v3](guides/first-app-v3/intro.md) +### [Your First Ionic App - v3](guides/first-app-v3/intro.mdx) Follow along as we create a working Photo Gallery app using Ionic Framework v3 and Appflow. -### [Your First Ionic 4 App - Angular and Cordova](guides/first-app-v4/intro.md) +### [Your First Ionic 4 App - Angular and Cordova](guides/first-app-v4/intro.mdx) Follow along as we create a working Photo Gallery app using Ionic Framework v4 and Cordova. diff --git a/docs/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md b/docs/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md rename to docs/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.mdx diff --git a/docs/developer-resources/guides/first-app-v3/intro.md b/docs/developer-resources/guides/first-app-v3/intro.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v3/intro.md rename to docs/developer-resources/guides/first-app-v3/intro.mdx diff --git a/docs/developer-resources/guides/first-app-v3/ios-android-camera.md b/docs/developer-resources/guides/first-app-v3/ios-android-camera.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v3/ios-android-camera.md rename to docs/developer-resources/guides/first-app-v3/ios-android-camera.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md b/docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx similarity index 94% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md rename to docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx index da6f9462ecc..d887ce45855 100644 --- a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md +++ b/docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx @@ -70,7 +70,7 @@ Next, create a local, native build of the app. ## Android Builds -Follow the [Android Setup instructions](../../../developing/android.md), which includes installing Java 8 and Android Studio on your machine. Then, in your Terminal run: +Follow the [Android Setup instructions](../../../developing/android.mdx), which includes installing Java 8 and Android Studio on your machine. Then, in your Terminal run: ```shell ionic cordova build android --prod @@ -80,13 +80,13 @@ This will generate a unsigned debug build (meaning the app can run on any Androi ## iOS Builds -iOS is [a bit trickier to set up](../../../developing/ios.md) than Android and requires a Mac computer. Ensure XCode is updated to the latest version and set up a development team. Then, in your Terminal, run: +iOS is [a bit trickier to set up](../../../developing/ios.mdx) than Android and requires a Mac computer. Ensure XCode is updated to the latest version and set up a development team. Then, in your Terminal, run: ```shell ionic cordova build ios --prod ``` -Then, continue to [follow the instructions here](../../../deployment/app-store.md) regarding signing certificates, etc. With a native version of your app built, let’s copy it to your device of choice. +Then, continue to [follow the instructions here](../../../deployment/app-store.mdx) regarding signing certificates, etc. With a native version of your app built, let’s copy it to your device of choice. ## Add the Native App to Your Local Device diff --git a/docs/developer-resources/guides/first-app-v3/theming.md b/docs/developer-resources/guides/first-app-v3/theming.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v3/theming.md rename to docs/developer-resources/guides/first-app-v3/theming.mdx diff --git a/docs/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md b/docs/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md rename to docs/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.mdx diff --git a/docs/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md b/docs/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md rename to docs/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.mdx diff --git a/docs/developer-resources/guides/first-app-v4/intro.md b/docs/developer-resources/guides/first-app-v4/intro.mdx similarity index 98% rename from docs/developer-resources/guides/first-app-v4/intro.md rename to docs/developer-resources/guides/first-app-v4/intro.mdx index bffc7ea9c28..8d705d4dc49 100644 --- a/docs/developer-resources/guides/first-app-v4/intro.md +++ b/docs/developer-resources/guides/first-app-v4/intro.mdx @@ -30,7 +30,7 @@ npm install -g @ionic/cli cordova :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../../../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../../../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v4/ios-android-camera.md b/docs/developer-resources/guides/first-app-v4/ios-android-camera.mdx similarity index 98% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v4/ios-android-camera.md rename to docs/developer-resources/guides/first-app-v4/ios-android-camera.mdx index 8908090edec..d5c4dfcb129 100644 --- a/versioned_docs/version-v6/developer-resources/guides/first-app-v4/ios-android-camera.md +++ b/docs/developer-resources/guides/first-app-v4/ios-android-camera.mdx @@ -13,7 +13,7 @@ $ ionic cordova platform add android These commands will create a `config.xml` file, which is used to define Cordova iOS and Android settings. Cordova reads this file and applies each setting as it builds each native app binary. -There are more steps to configure [iOS](../../../developing/ios.md) and [Android](../../../developing/android.md) native tooling. +There are more steps to configure [iOS](../../../developing/ios.mdx) and [Android](../../../developing/android.mdx) native tooling. Much better! Now we can add the camera functionality. By the way, you can find reference code for this [on GitHub](https://github.com/ionic-team/photo-gallery-tutorial-ionic4). diff --git a/docs/developer-resources/guides/first-app-v4/theming.md b/docs/developer-resources/guides/first-app-v4/theming.mdx similarity index 100% rename from docs/developer-resources/guides/first-app-v4/theming.md rename to docs/developer-resources/guides/first-app-v4/theming.mdx diff --git a/docs/developer-resources/posts.md b/docs/developer-resources/posts.mdx similarity index 100% rename from docs/developer-resources/posts.md rename to docs/developer-resources/posts.mdx diff --git a/docs/developer-resources/tools.md b/docs/developer-resources/tools.mdx similarity index 100% rename from docs/developer-resources/tools.md rename to docs/developer-resources/tools.mdx diff --git a/docs/developer-resources/videos.md b/docs/developer-resources/videos.mdx similarity index 100% rename from docs/developer-resources/videos.md rename to docs/developer-resources/videos.mdx diff --git a/docs/developing/android.md b/docs/developing/android.mdx similarity index 100% rename from docs/developing/android.md rename to docs/developing/android.mdx diff --git a/docs/developing/config.md b/docs/developing/config.mdx similarity index 99% rename from docs/developing/config.md rename to docs/developing/config.mdx index 389033b4cca..533754d39ef 100644 --- a/docs/developing/config.md +++ b/docs/developing/config.mdx @@ -13,7 +13,7 @@ The available config keys can be found in the [`IonicConfig`](#ionicconfig) inte The following example disables ripple effects and default the mode to Material Design: -import GlobalExample from '@site/docs/developing/config/global/index.md'; +import GlobalExample from '@site/docs/developing/config/global/index.mdx'; @@ -21,7 +21,7 @@ import GlobalExample from '@site/docs/developing/config/global/index.md'; Ionic Config is not reactive. Updating the config's value after the component has rendered will result in the previous value. It is recommended to use a component's properties instead of updating the config, when you require reactive values. -import PerComponentExample from '@site/docs/developing/config/per-component/index.md'; +import PerComponentExample from '@site/docs/developing/config/per-component/index.mdx'; @@ -31,7 +31,7 @@ Ionic Config can also be set on a per-platform basis. For example, this allows y In the following example, we are disabling all animations in our Ionic app only if the app is running in a mobile web browser. -import PerPlatformExample from '@site/docs/developing/config/per-platform/index.md'; +import PerPlatformExample from '@site/docs/developing/config/per-platform/index.mdx'; @@ -39,7 +39,7 @@ import PerPlatformExample from '@site/docs/developing/config/per-platform/index. The next example allows you to set an entirely different configuration based upon the platform, falling back to a default config if no platforms match: -import PerPlatformFallbackExample from '@site/docs/developing/config/per-platform-overrides/index.md'; +import PerPlatformFallbackExample from '@site/docs/developing/config/per-platform-overrides/index.mdx'; @@ -47,7 +47,7 @@ import PerPlatformFallbackExample from '@site/docs/developing/config/per-platfor This final example allows you to accumulate a config object based upon different platform requirements. -import PerPlatformOverridesExample from '@site/docs/developing/config/per-platform-fallback/index.md'; +import PerPlatformOverridesExample from '@site/docs/developing/config/per-platform-fallback/index.mdx'; diff --git a/docs/developing/config/global/index.md b/docs/developing/config/global/index.mdx similarity index 100% rename from docs/developing/config/global/index.md rename to docs/developing/config/global/index.mdx diff --git a/docs/developing/config/per-component/index.md b/docs/developing/config/per-component/index.mdx similarity index 100% rename from docs/developing/config/per-component/index.md rename to docs/developing/config/per-component/index.mdx diff --git a/docs/developing/config/per-platform-fallback/index.md b/docs/developing/config/per-platform-fallback/index.mdx similarity index 100% rename from docs/developing/config/per-platform-fallback/index.md rename to docs/developing/config/per-platform-fallback/index.mdx diff --git a/docs/developing/config/per-platform-overrides/index.md b/docs/developing/config/per-platform-overrides/index.mdx similarity index 100% rename from docs/developing/config/per-platform-overrides/index.md rename to docs/developing/config/per-platform-overrides/index.mdx diff --git a/docs/developing/config/per-platform/index.md b/docs/developing/config/per-platform/index.mdx similarity index 94% rename from docs/developing/config/per-platform/index.md rename to docs/developing/config/per-platform/index.mdx index a7338da3084..b14a99e4184 100644 --- a/docs/developing/config/per-platform/index.md +++ b/docs/developing/config/per-platform/index.mdx @@ -16,7 +16,7 @@ import TabItem from '@theme/TabItem'; :::note Since the config is set at runtime, you will not have access to the Platform Dependency Injection. Instead, you can use the underlying functions that the provider uses directly. -See the [Angular Platform Documentation](../../../angular/platform.mdx) for the types of platforms you can detect. +See the [Angular Platform Documentation](../../angular/platform.mdx) for the types of platforms you can detect. ::: ```ts title="app.module.ts" diff --git a/docs/developing/hardware-back-button.md b/docs/developing/hardware-back-button.mdx similarity index 97% rename from docs/developing/hardware-back-button.md rename to docs/developing/hardware-back-button.mdx index 3f7b0d9f4ad..03dffec34da 100644 --- a/docs/developing/hardware-back-button.md +++ b/docs/developing/hardware-back-button.mdx @@ -40,7 +40,7 @@ The table below shows how hardware back button support varies by environment. ### Hardware Back Button in a Browser or a PWA -Ionic has experimental support for handling the hardware back button in a browser or a PWA by setting [`experimentalCloseWatcher: true` in the IonicConfig](./config.md). When this feature is enabled, Ionic will use the [Close Watcher API](https://github.com/WICG/close-watcher) to pass any close requests through the `ionBackButton` event. This includes pressing the hardware back button to navigate or the Escape key to dismiss a modal. +Ionic has experimental support for handling the hardware back button in a browser or a PWA by setting [`experimentalCloseWatcher: true` in the IonicConfig](./config.mdx). When this feature is enabled, Ionic will use the [Close Watcher API](https://github.com/WICG/close-watcher) to pass any close requests through the `ionBackButton` event. This includes pressing the hardware back button to navigate or the Escape key to dismiss a modal. Chrome has support for Close Watcher starting in [Chrome 120](https://developer.chrome.com/blog/new-in-chrome-120). diff --git a/docs/developing/ios.md b/docs/developing/ios.mdx similarity index 100% rename from docs/developing/ios.md rename to docs/developing/ios.mdx diff --git a/docs/developing/keyboard.md b/docs/developing/keyboard.mdx similarity index 100% rename from docs/developing/keyboard.md rename to docs/developing/keyboard.mdx diff --git a/docs/developing/managing-focus.md b/docs/developing/managing-focus.mdx similarity index 100% rename from docs/developing/managing-focus.md rename to docs/developing/managing-focus.mdx diff --git a/docs/developing/previewing.md b/docs/developing/previewing.mdx similarity index 94% rename from docs/developing/previewing.md rename to docs/developing/previewing.mdx index d3e3e513fa5..fa7a153af01 100644 --- a/docs/developing/previewing.md +++ b/docs/developing/previewing.mdx @@ -12,9 +12,9 @@ title: Previewing There are many different options to test native functionality depending on your target platforms and needs. -- Run locally in a web browser (using [Platform Detection](../core-concepts/cross-platform.md) for native functionality) -- [Deploy to iOS](ios.md) -- [Deploy to Android](android.md) +- Run locally in a web browser (using [Platform Detection](../core-concepts/cross-platform.mdx) for native functionality) +- [Deploy to iOS](ios.mdx) +- [Deploy to Android](android.mdx) ## Run Locally in a Web Browser @@ -44,8 +44,8 @@ If the external link isn't listed on the terminal, then run `ionic serve --exter ::: -When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.md). -When you're ready to test on a real device, see here for [iOS](ios.md) and [Android](android.md). +When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.mdx). +When you're ready to test on a real device, see here for [iOS](ios.mdx) and [Android](android.mdx). ## Simulating a Mobile Viewport diff --git a/docs/developing/scaffolding.md b/docs/developing/scaffolding.mdx similarity index 100% rename from docs/developing/scaffolding.md rename to docs/developing/scaffolding.mdx diff --git a/docs/developing/starting.md b/docs/developing/starting.mdx similarity index 100% rename from docs/developing/starting.md rename to docs/developing/starting.mdx diff --git a/docs/developing/tips.md b/docs/developing/tips.mdx similarity index 100% rename from docs/developing/tips.md rename to docs/developing/tips.mdx diff --git a/versioned_docs/version-v5/cli/commands/build.md b/versioned_docs/version-v5/cli/commands/build.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/build.md rename to versioned_docs/version-v5/cli/commands/build.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-add.md b/versioned_docs/version-v5/cli/commands/capacitor-add.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-add.md rename to versioned_docs/version-v5/cli/commands/capacitor-add.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-build.md b/versioned_docs/version-v5/cli/commands/capacitor-build.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-build.md rename to versioned_docs/version-v5/cli/commands/capacitor-build.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-copy.md b/versioned_docs/version-v5/cli/commands/capacitor-copy.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-copy.md rename to versioned_docs/version-v5/cli/commands/capacitor-copy.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-open.md b/versioned_docs/version-v5/cli/commands/capacitor-open.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-open.md rename to versioned_docs/version-v5/cli/commands/capacitor-open.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-run.md b/versioned_docs/version-v5/cli/commands/capacitor-run.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-run.md rename to versioned_docs/version-v5/cli/commands/capacitor-run.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-sync.md b/versioned_docs/version-v5/cli/commands/capacitor-sync.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-sync.md rename to versioned_docs/version-v5/cli/commands/capacitor-sync.mdx diff --git a/versioned_docs/version-v5/cli/commands/capacitor-update.md b/versioned_docs/version-v5/cli/commands/capacitor-update.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/capacitor-update.md rename to versioned_docs/version-v5/cli/commands/capacitor-update.mdx diff --git a/versioned_docs/version-v5/cli/commands/completion.md b/versioned_docs/version-v5/cli/commands/completion.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/completion.md rename to versioned_docs/version-v5/cli/commands/completion.mdx diff --git a/versioned_docs/version-v5/cli/commands/config-get.md b/versioned_docs/version-v5/cli/commands/config-get.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/config-get.md rename to versioned_docs/version-v5/cli/commands/config-get.mdx diff --git a/versioned_docs/version-v5/cli/commands/config-set.md b/versioned_docs/version-v5/cli/commands/config-set.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/config-set.md rename to versioned_docs/version-v5/cli/commands/config-set.mdx diff --git a/versioned_docs/version-v5/cli/commands/config-unset.md b/versioned_docs/version-v5/cli/commands/config-unset.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/config-unset.md rename to versioned_docs/version-v5/cli/commands/config-unset.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-build.md b/versioned_docs/version-v5/cli/commands/cordova-build.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-build.md rename to versioned_docs/version-v5/cli/commands/cordova-build.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-compile.md b/versioned_docs/version-v5/cli/commands/cordova-compile.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-compile.md rename to versioned_docs/version-v5/cli/commands/cordova-compile.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-emulate.md b/versioned_docs/version-v5/cli/commands/cordova-emulate.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-emulate.md rename to versioned_docs/version-v5/cli/commands/cordova-emulate.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-platform.md b/versioned_docs/version-v5/cli/commands/cordova-platform.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-platform.md rename to versioned_docs/version-v5/cli/commands/cordova-platform.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-plugin.md b/versioned_docs/version-v5/cli/commands/cordova-plugin.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-plugin.md rename to versioned_docs/version-v5/cli/commands/cordova-plugin.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-prepare.md b/versioned_docs/version-v5/cli/commands/cordova-prepare.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-prepare.md rename to versioned_docs/version-v5/cli/commands/cordova-prepare.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-requirements.md b/versioned_docs/version-v5/cli/commands/cordova-requirements.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-requirements.md rename to versioned_docs/version-v5/cli/commands/cordova-requirements.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-resources.md b/versioned_docs/version-v5/cli/commands/cordova-resources.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-resources.md rename to versioned_docs/version-v5/cli/commands/cordova-resources.mdx diff --git a/versioned_docs/version-v5/cli/commands/cordova-run.md b/versioned_docs/version-v5/cli/commands/cordova-run.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/cordova-run.md rename to versioned_docs/version-v5/cli/commands/cordova-run.mdx diff --git a/versioned_docs/version-v5/cli/commands/deploy-add.md b/versioned_docs/version-v5/cli/commands/deploy-add.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/deploy-add.md rename to versioned_docs/version-v5/cli/commands/deploy-add.mdx diff --git a/versioned_docs/version-v5/cli/commands/deploy-build.md b/versioned_docs/version-v5/cli/commands/deploy-build.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/deploy-build.md rename to versioned_docs/version-v5/cli/commands/deploy-build.mdx diff --git a/versioned_docs/version-v5/cli/commands/deploy-configure.md b/versioned_docs/version-v5/cli/commands/deploy-configure.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/deploy-configure.md rename to versioned_docs/version-v5/cli/commands/deploy-configure.mdx diff --git a/versioned_docs/version-v5/cli/commands/deploy-manifest.md b/versioned_docs/version-v5/cli/commands/deploy-manifest.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/deploy-manifest.md rename to versioned_docs/version-v5/cli/commands/deploy-manifest.mdx diff --git a/versioned_docs/version-v5/cli/commands/docs.md b/versioned_docs/version-v5/cli/commands/docs.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/docs.md rename to versioned_docs/version-v5/cli/commands/docs.mdx diff --git a/versioned_docs/version-v5/cli/commands/doctor-check.md b/versioned_docs/version-v5/cli/commands/doctor-check.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/doctor-check.md rename to versioned_docs/version-v5/cli/commands/doctor-check.mdx diff --git a/versioned_docs/version-v5/cli/commands/doctor-list.md b/versioned_docs/version-v5/cli/commands/doctor-list.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/doctor-list.md rename to versioned_docs/version-v5/cli/commands/doctor-list.mdx diff --git a/versioned_docs/version-v5/cli/commands/doctor-treat.md b/versioned_docs/version-v5/cli/commands/doctor-treat.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/doctor-treat.md rename to versioned_docs/version-v5/cli/commands/doctor-treat.mdx diff --git a/versioned_docs/version-v5/cli/commands/enterprise-register.md b/versioned_docs/version-v5/cli/commands/enterprise-register.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/enterprise-register.md rename to versioned_docs/version-v5/cli/commands/enterprise-register.mdx diff --git a/versioned_docs/version-v5/cli/commands/generate.md b/versioned_docs/version-v5/cli/commands/generate.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/generate.md rename to versioned_docs/version-v5/cli/commands/generate.mdx diff --git a/versioned_docs/version-v5/cli/commands/git-remote.md b/versioned_docs/version-v5/cli/commands/git-remote.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/git-remote.md rename to versioned_docs/version-v5/cli/commands/git-remote.mdx diff --git a/versioned_docs/version-v5/cli/commands/info.md b/versioned_docs/version-v5/cli/commands/info.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/info.md rename to versioned_docs/version-v5/cli/commands/info.mdx diff --git a/versioned_docs/version-v5/cli/commands/init.md b/versioned_docs/version-v5/cli/commands/init.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/init.md rename to versioned_docs/version-v5/cli/commands/init.mdx diff --git a/versioned_docs/version-v5/cli/commands/integrations-disable.md b/versioned_docs/version-v5/cli/commands/integrations-disable.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/integrations-disable.md rename to versioned_docs/version-v5/cli/commands/integrations-disable.mdx diff --git a/versioned_docs/version-v5/cli/commands/integrations-enable.md b/versioned_docs/version-v5/cli/commands/integrations-enable.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/integrations-enable.md rename to versioned_docs/version-v5/cli/commands/integrations-enable.mdx diff --git a/versioned_docs/version-v5/cli/commands/integrations-list.md b/versioned_docs/version-v5/cli/commands/integrations-list.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/integrations-list.md rename to versioned_docs/version-v5/cli/commands/integrations-list.mdx diff --git a/versioned_docs/version-v5/cli/commands/link.md b/versioned_docs/version-v5/cli/commands/link.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/link.md rename to versioned_docs/version-v5/cli/commands/link.mdx diff --git a/versioned_docs/version-v5/cli/commands/login.md b/versioned_docs/version-v5/cli/commands/login.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/login.md rename to versioned_docs/version-v5/cli/commands/login.mdx diff --git a/versioned_docs/version-v5/cli/commands/logout.md b/versioned_docs/version-v5/cli/commands/logout.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/logout.md rename to versioned_docs/version-v5/cli/commands/logout.mdx diff --git a/versioned_docs/version-v5/cli/commands/package-build.md b/versioned_docs/version-v5/cli/commands/package-build.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/package-build.md rename to versioned_docs/version-v5/cli/commands/package-build.mdx diff --git a/versioned_docs/version-v5/cli/commands/package-deploy.md b/versioned_docs/version-v5/cli/commands/package-deploy.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/package-deploy.md rename to versioned_docs/version-v5/cli/commands/package-deploy.mdx diff --git a/versioned_docs/version-v5/cli/commands/repair.md b/versioned_docs/version-v5/cli/commands/repair.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/repair.md rename to versioned_docs/version-v5/cli/commands/repair.mdx diff --git a/versioned_docs/version-v5/cli/commands/serve.md b/versioned_docs/version-v5/cli/commands/serve.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/serve.md rename to versioned_docs/version-v5/cli/commands/serve.mdx diff --git a/versioned_docs/version-v5/cli/commands/signup.md b/versioned_docs/version-v5/cli/commands/signup.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/signup.md rename to versioned_docs/version-v5/cli/commands/signup.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssh-add.md b/versioned_docs/version-v5/cli/commands/ssh-add.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssh-add.md rename to versioned_docs/version-v5/cli/commands/ssh-add.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssh-delete.md b/versioned_docs/version-v5/cli/commands/ssh-delete.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssh-delete.md rename to versioned_docs/version-v5/cli/commands/ssh-delete.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssh-generate.md b/versioned_docs/version-v5/cli/commands/ssh-generate.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssh-generate.md rename to versioned_docs/version-v5/cli/commands/ssh-generate.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssh-list.md b/versioned_docs/version-v5/cli/commands/ssh-list.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssh-list.md rename to versioned_docs/version-v5/cli/commands/ssh-list.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssh-setup.md b/versioned_docs/version-v5/cli/commands/ssh-setup.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssh-setup.md rename to versioned_docs/version-v5/cli/commands/ssh-setup.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssh-use.md b/versioned_docs/version-v5/cli/commands/ssh-use.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssh-use.md rename to versioned_docs/version-v5/cli/commands/ssh-use.mdx diff --git a/versioned_docs/version-v5/cli/commands/ssl-generate.md b/versioned_docs/version-v5/cli/commands/ssl-generate.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/ssl-generate.md rename to versioned_docs/version-v5/cli/commands/ssl-generate.mdx diff --git a/versioned_docs/version-v5/cli/commands/start.md b/versioned_docs/version-v5/cli/commands/start.mdx similarity index 100% rename from versioned_docs/version-v5/cli/commands/start.md rename to versioned_docs/version-v5/cli/commands/start.mdx diff --git a/versioned_docs/version-v5/cli/configuration.md b/versioned_docs/version-v5/cli/configuration.mdx similarity index 98% rename from versioned_docs/version-v5/cli/configuration.md rename to versioned_docs/version-v5/cli/configuration.mdx index 63d6ca786af..2065b7da882 100644 --- a/versioned_docs/version-v5/cli/configuration.md +++ b/versioned_docs/version-v5/cli/configuration.mdx @@ -4,7 +4,7 @@ Configuration values are stored in JSON files. The Ionic CLI maintains a global configuration file, usually located at `~/.ionic/config.json`, and project configuration files, usually at the project's root directory as `ionic.config.json`. -The CLI provides commands for setting and printing config values from project config files and the global CLI config file. See `ionic config --help` or see the documentation for usage of [`ionic config get`](commands/config-get.md) and [`ionic config set`](commands/config-set.md). +The CLI provides commands for setting and printing config values from project config files and the global CLI config file. See `ionic config --help` or see the documentation for usage of [`ionic config get`](commands/config-get.mdx) and [`ionic config set`](commands/config-set.mdx). ### Project Configuration File @@ -42,7 +42,7 @@ Each Ionic project has a project configuration file, usually at the project's ro The CLI will look for the following environment variables: - `IONIC_CONFIG_DIRECTORY`: The directory of the global CLI config. Defaults to `~/.ionic`. -- `IONIC_HTTP_PROXY`: Set a URL for proxying all CLI requests through. See [Using a Proxy](using-a-proxy.md). +- `IONIC_HTTP_PROXY`: Set a URL for proxying all CLI requests through. See [Using a Proxy](using-a-proxy.mdx). - `IONIC_TOKEN`: Automatically authenticates with [Appflow](https://ionic.io/appflow). ## Flags diff --git a/versioned_docs/version-v5/cli/livereload.md b/versioned_docs/version-v5/cli/livereload.mdx similarity index 96% rename from versioned_docs/version-v5/cli/livereload.md rename to versioned_docs/version-v5/cli/livereload.mdx index d43ea298b02..81787c9f9de 100644 --- a/versioned_docs/version-v5/cli/livereload.md +++ b/versioned_docs/version-v5/cli/livereload.mdx @@ -1,6 +1,6 @@ # Live Reload -One option that can boost productivity when building Ionic apps is **Live Reload** (or **live-reload**). When active, Live Reload will reload the browser or [Web View](../core-concepts/webview.md) when changes in the app are detected. This is particularly useful for developing using hardware devices. +One option that can boost productivity when building Ionic apps is **Live Reload** (or **live-reload**). When active, Live Reload will reload the browser or [Web View](../core-concepts/webview.mdx) when changes in the app are detected. This is particularly useful for developing using hardware devices. ## Terms @@ -61,6 +61,6 @@ Remember, with the `--external` option, others on your Wi-Fi network will be abl ## Tips -- With Cordova, use the `--device`, `--emulator`, and `--target` options to narrow down target devices. Use the `--list` option to list all targets. See usage in the [command docs](commands/cordova-run.md). +- With Cordova, use the `--device`, `--emulator`, and `--target` options to narrow down target devices. Use the `--list` option to list all targets. See usage in the [command docs](commands/cordova-run.mdx). - You can separate the dev server process and the deploy process by using `ionic serve` and the `--livereload-url` option of `ionic cordova run` or `ionic capacitor run`. - For Android, it is possible to configure [adb](https://developer.android.com/studio/command-line/adb) to always forward ports while the adb server is running (see `adb reverse`). With port forwarding set up, an external address would no longer be required. You can also setup the adb bridge over TCP such that subsequent deploys no longer need a USB cable. diff --git a/versioned_docs/version-v5/cli/using-a-proxy.md b/versioned_docs/version-v5/cli/using-a-proxy.mdx similarity index 100% rename from versioned_docs/version-v5/cli/using-a-proxy.md rename to versioned_docs/version-v5/cli/using-a-proxy.mdx diff --git a/versioned_docs/version-v5/contributing/coc.md b/versioned_docs/version-v5/contributing/coc.mdx similarity index 100% rename from versioned_docs/version-v5/contributing/coc.md rename to versioned_docs/version-v5/contributing/coc.mdx diff --git a/versioned_docs/version-v5/contributing/how-to-contribute.md b/versioned_docs/version-v5/contributing/how-to-contribute.mdx similarity index 99% rename from versioned_docs/version-v5/contributing/how-to-contribute.md rename to versioned_docs/version-v5/contributing/how-to-contribute.mdx index df5f6efbd23..da368fb421f 100644 --- a/versioned_docs/version-v5/contributing/how-to-contribute.md +++ b/versioned_docs/version-v5/contributing/how-to-contribute.mdx @@ -8,7 +8,7 @@ Thanks for the interest in contributing to Ionic Framework! ## Contributing Etiquette -Please see the [Contributor Code of Conduct](coc.md) for information on the rules of conduct. +Please see the [Contributor Code of Conduct](coc.mdx) for information on the rules of conduct. ## Creating an Issue diff --git a/versioned_docs/version-v5/core-concepts/cross-platform.md b/versioned_docs/version-v5/core-concepts/cross-platform.mdx similarity index 100% rename from versioned_docs/version-v5/core-concepts/cross-platform.md rename to versioned_docs/version-v5/core-concepts/cross-platform.mdx diff --git a/versioned_docs/version-v5/core-concepts/fundamentals.md b/versioned_docs/version-v5/core-concepts/fundamentals.mdx similarity index 98% rename from versioned_docs/version-v5/core-concepts/fundamentals.md rename to versioned_docs/version-v5/core-concepts/fundamentals.mdx index 23d8f728e8c..7b564c6f329 100644 --- a/versioned_docs/version-v5/core-concepts/fundamentals.md +++ b/versioned_docs/version-v5/core-concepts/fundamentals.mdx @@ -31,7 +31,7 @@ For apps that are built with Angular and `@ionic/angular`, we recommend using th An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. -One of the most common use cases for Ionic is to build an app which can be downloaded from both the App Store and Play Store. Both iOS and Android software development kits (SDKs) provide [Web Views](webview.md) which render any Ionic app, while still allowing for full Native SDK access. +One of the most common use cases for Ionic is to build an app which can be downloaded from both the App Store and Play Store. Both iOS and Android software development kits (SDKs) provide [Web Views](webview.mdx) which render any Ionic app, while still allowing for full Native SDK access. Projects such as Capacitor and Cordova are commonly used to give Ionic apps this access to Native SDKs. This means developers can quickly build out an app using common web development tools, and still have access to native features such as the device's accelerometer, camera, GPS, and more. diff --git a/versioned_docs/version-v5/core-concepts/webview.md b/versioned_docs/version-v5/core-concepts/webview.mdx similarity index 100% rename from versioned_docs/version-v5/core-concepts/webview.md rename to versioned_docs/version-v5/core-concepts/webview.mdx diff --git a/versioned_docs/version-v5/core-concepts/what-are-progressive-web-apps.md b/versioned_docs/version-v5/core-concepts/what-are-progressive-web-apps.mdx similarity index 100% rename from versioned_docs/version-v5/core-concepts/what-are-progressive-web-apps.md rename to versioned_docs/version-v5/core-concepts/what-are-progressive-web-apps.mdx diff --git a/versioned_docs/version-v5/deployment/app-store.md b/versioned_docs/version-v5/deployment/app-store.mdx similarity index 100% rename from versioned_docs/version-v5/deployment/app-store.md rename to versioned_docs/version-v5/deployment/app-store.mdx diff --git a/versioned_docs/version-v5/deployment/desktop-app.md b/versioned_docs/version-v5/deployment/desktop-app.mdx similarity index 100% rename from versioned_docs/version-v5/deployment/desktop-app.md rename to versioned_docs/version-v5/deployment/desktop-app.mdx diff --git a/versioned_docs/version-v5/deployment/play-store.md b/versioned_docs/version-v5/deployment/play-store.mdx similarity index 100% rename from versioned_docs/version-v5/deployment/play-store.md rename to versioned_docs/version-v5/deployment/play-store.mdx diff --git a/versioned_docs/version-v5/deployment/progressive-web-app.md b/versioned_docs/version-v5/deployment/progressive-web-app.mdx similarity index 96% rename from versioned_docs/version-v5/deployment/progressive-web-app.md rename to versioned_docs/version-v5/deployment/progressive-web-app.mdx index 98efa8b40e0..46de694920a 100644 --- a/versioned_docs/version-v5/deployment/progressive-web-app.md +++ b/versioned_docs/version-v5/deployment/progressive-web-app.mdx @@ -9,7 +9,7 @@ import DocsCards from '@components/global/DocsCards'; # Deploying a Progressive Web App -Because Ionic Apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview or the [What are Progressive Web Apps](../core-concepts/what-are-progressive-web-apps.md) page for more info. +Because Ionic Apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview or the [What are Progressive Web Apps](../core-concepts/what-are-progressive-web-apps.mdx) page for more info. For the frameworks Ionic supports, we've created dedicated guides that go into more detail. Below are links for Angular and React. diff --git a/versioned_docs/version-v5/developer-resources/books.md b/versioned_docs/version-v5/developer-resources/books.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/books.md rename to versioned_docs/version-v5/developer-resources/books.mdx diff --git a/versioned_docs/version-v5/developer-resources/courses.md b/versioned_docs/version-v5/developer-resources/courses.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/courses.md rename to versioned_docs/version-v5/developer-resources/courses.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides.md b/versioned_docs/version-v5/developer-resources/guides.mdx similarity index 76% rename from versioned_docs/version-v5/developer-resources/guides.md rename to versioned_docs/version-v5/developer-resources/guides.mdx index dbe6d9477b8..c0590b83684 100644 --- a/versioned_docs/version-v5/developer-resources/guides.md +++ b/versioned_docs/version-v5/developer-resources/guides.mdx @@ -1,9 +1,9 @@ # Guides -### [Your First Ionic App - v3](guides/first-app-v3/intro.md) +### [Your First Ionic App - v3](guides/first-app-v3/intro.mdx) Follow along as we create a working Photo Gallery app using Ionic Framework v3 and Appflow. -### [Your First Ionic 4 App - Angular and Cordova](guides/first-app-v4/intro.md) +### [Your First Ionic 4 App - Angular and Cordova](guides/first-app-v4/intro.mdx) Follow along as we create a working Photo Gallery app using Ionic Framework v4 and Cordova. diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/intro.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/intro.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v3/intro.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v3/intro.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/ios-android-camera.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/ios-android-camera.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v3/ios-android-camera.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v3/ios-android-camera.mdx diff --git a/docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx similarity index 94% rename from docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx index da6f9462ecc..d887ce45855 100644 --- a/docs/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md +++ b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx @@ -70,7 +70,7 @@ Next, create a local, native build of the app. ## Android Builds -Follow the [Android Setup instructions](../../../developing/android.md), which includes installing Java 8 and Android Studio on your machine. Then, in your Terminal run: +Follow the [Android Setup instructions](../../../developing/android.mdx), which includes installing Java 8 and Android Studio on your machine. Then, in your Terminal run: ```shell ionic cordova build android --prod @@ -80,13 +80,13 @@ This will generate a unsigned debug build (meaning the app can run on any Androi ## iOS Builds -iOS is [a bit trickier to set up](../../../developing/ios.md) than Android and requires a Mac computer. Ensure XCode is updated to the latest version and set up a development team. Then, in your Terminal, run: +iOS is [a bit trickier to set up](../../../developing/ios.mdx) than Android and requires a Mac computer. Ensure XCode is updated to the latest version and set up a development team. Then, in your Terminal, run: ```shell ionic cordova build ios --prod ``` -Then, continue to [follow the instructions here](../../../deployment/app-store.md) regarding signing certificates, etc. With a native version of your app built, let’s copy it to your device of choice. +Then, continue to [follow the instructions here](../../../deployment/app-store.mdx) regarding signing certificates, etc. With a native version of your app built, let’s copy it to your device of choice. ## Add the Native App to Your Local Device diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/theming.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/theming.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v3/theming.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v3/theming.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v4/intro.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v4/intro.mdx similarity index 98% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v4/intro.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v4/intro.mdx index bffc7ea9c28..8d705d4dc49 100644 --- a/versioned_docs/version-v6/developer-resources/guides/first-app-v4/intro.md +++ b/versioned_docs/version-v5/developer-resources/guides/first-app-v4/intro.mdx @@ -30,7 +30,7 @@ npm install -g @ionic/cli cordova :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../../../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../../../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/docs/developer-resources/guides/first-app-v4/ios-android-camera.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v4/ios-android-camera.mdx similarity index 98% rename from docs/developer-resources/guides/first-app-v4/ios-android-camera.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v4/ios-android-camera.mdx index 8908090edec..d5c4dfcb129 100644 --- a/docs/developer-resources/guides/first-app-v4/ios-android-camera.md +++ b/versioned_docs/version-v5/developer-resources/guides/first-app-v4/ios-android-camera.mdx @@ -13,7 +13,7 @@ $ ionic cordova platform add android These commands will create a `config.xml` file, which is used to define Cordova iOS and Android settings. Cordova reads this file and applies each setting as it builds each native app binary. -There are more steps to configure [iOS](../../../developing/ios.md) and [Android](../../../developing/android.md) native tooling. +There are more steps to configure [iOS](../../../developing/ios.mdx) and [Android](../../../developing/android.mdx) native tooling. Much better! Now we can add the camera functionality. By the way, you can find reference code for this [on GitHub](https://github.com/ionic-team/photo-gallery-tutorial-ionic4). diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v4/theming.md b/versioned_docs/version-v5/developer-resources/guides/first-app-v4/theming.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v4/theming.md rename to versioned_docs/version-v5/developer-resources/guides/first-app-v4/theming.mdx diff --git a/versioned_docs/version-v5/developer-resources/posts.md b/versioned_docs/version-v5/developer-resources/posts.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/posts.md rename to versioned_docs/version-v5/developer-resources/posts.mdx diff --git a/versioned_docs/version-v5/developer-resources/tools.md b/versioned_docs/version-v5/developer-resources/tools.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/tools.md rename to versioned_docs/version-v5/developer-resources/tools.mdx diff --git a/versioned_docs/version-v5/developer-resources/videos.md b/versioned_docs/version-v5/developer-resources/videos.mdx similarity index 100% rename from versioned_docs/version-v5/developer-resources/videos.md rename to versioned_docs/version-v5/developer-resources/videos.mdx diff --git a/versioned_docs/version-v5/developing/android.md b/versioned_docs/version-v5/developing/android.mdx similarity index 98% rename from versioned_docs/version-v5/developing/android.md rename to versioned_docs/version-v5/developing/android.mdx index ebcfdd3e2de..5fc55e32866 100644 --- a/versioned_docs/version-v5/developing/android.md +++ b/versioned_docs/version-v5/developing/android.mdx @@ -11,7 +11,7 @@ This guide covers how to run and debug Ionic apps on Android emulators and devic [Android Studio](https://developer.android.com/studio/) is the IDE for creating native Android apps. It includes the [Android SDK](../reference/glossary.md#android-sdk), which will need to be configured for use in the command line. -Android Studio is also used to [create Android virtual devices](android.md#creating-an-android-virtual-device), which are required for the Android emulator. Ionic apps can also be [launched to a device](android.md#set-up-an-android-device). +Android Studio is also used to [create Android virtual devices](android.mdx#creating-an-android-virtual-device), which are required for the Android emulator. Ionic apps can also be [launched to a device](android.mdx#set-up-an-android-device). :::note We don't recommend using Android Studio for _developing_ Ionic apps. Instead, it should only really be used to build and run your apps for the native Android platform and to manage the Android SDK and virtual devices. @@ -112,7 +112,7 @@ If you are using any version of **`cordova-android`** below `10.0.0`, install th ### Gradle - +{/* prettier-ignore */} Gradle is the build tool used in Android apps and must be installed separately. See the install page for details. ## Project Setup diff --git a/versioned_docs/version-v5/developing/hardware-back-button.md b/versioned_docs/version-v5/developing/hardware-back-button.mdx similarity index 100% rename from versioned_docs/version-v5/developing/hardware-back-button.md rename to versioned_docs/version-v5/developing/hardware-back-button.mdx diff --git a/versioned_docs/version-v5/developing/ios.md b/versioned_docs/version-v5/developing/ios.mdx similarity index 98% rename from versioned_docs/version-v5/developing/ios.md rename to versioned_docs/version-v5/developing/ios.mdx index f9244962211..a30a8d1187b 100644 --- a/versioned_docs/version-v5/developing/ios.md +++ b/versioned_docs/version-v5/developing/ios.mdx @@ -77,7 +77,7 @@ Before apps can be deployed to iOS simulators and devices, the native project mu For Cordova, open the `config.xml` file and modify the `id` attribute of the root element, ``. See [the Cordova documentation](https://cordova.apache.org/docs/en/latest/config_ref/#widget) for more information. - +{/* prettier-ignore */} 1. Open the project in Xcode. For Capacitor, run the following to open the app in Xcode: @@ -88,12 +88,12 @@ Before apps can be deployed to iOS simulators and devices, the native project mu For Cordova, open Xcode. Use **File** » **Open** and locate the app. Open the app's `platforms/ios` directory. - +{/* prettier-ignore */} 1. In Project navigator, select the project root to open the project editor. Under the **Identity** section, verify that the Package ID that was set matches the Bundle Identifier. ![Xcode Identity Setup](/img/running/ios-xcode-identity-setup.png) - +{/* prettier-ignore */} 1. In the same project editor, under the Signing section, ensure Automatically manage signing is enabled. Then, select a Development Team. Given a Development Team, Xcode will attempt to automatically prepare provisioning and signing. ![Xcode Signing Setup](/img/running/ios-xcode-signing-setup.png) diff --git a/versioned_docs/version-v5/developing/keyboard.md b/versioned_docs/version-v5/developing/keyboard.mdx similarity index 100% rename from versioned_docs/version-v5/developing/keyboard.md rename to versioned_docs/version-v5/developing/keyboard.mdx diff --git a/versioned_docs/version-v5/developing/previewing.md b/versioned_docs/version-v5/developing/previewing.mdx similarity index 85% rename from versioned_docs/version-v5/developing/previewing.md rename to versioned_docs/version-v5/developing/previewing.mdx index 10330b093e8..db5f7093fc0 100644 --- a/versioned_docs/version-v5/developing/previewing.md +++ b/versioned_docs/version-v5/developing/previewing.mdx @@ -2,9 +2,9 @@ There are many different options to test native functionality depending on your target platforms and needs. -- Run locally in a web browser (using [Platform Detection](../core-concepts/cross-platform.md) for native functionality) -- [Deploy to iOS](ios.md) -- [Deploy to Android](android.md) +- Run locally in a web browser (using [Platform Detection](../core-concepts/cross-platform.mdx) for native functionality) +- [Deploy to iOS](ios.mdx) +- [Deploy to Android](android.mdx) ## Run Locally in a Web Browser @@ -28,5 +28,5 @@ $ ionic serve With `ionic serve` running, continue developing your app. As you save changes, the app reloads with those changes applied. -When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.md). -When you're ready to test on a real device, see here for [iOS](ios.md) and [Android](android.md). +When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.mdx). +When you're ready to test on a real device, see here for [iOS](ios.mdx) and [Android](android.mdx). diff --git a/versioned_docs/version-v5/developing/scaffolding.md b/versioned_docs/version-v5/developing/scaffolding.mdx similarity index 91% rename from versioned_docs/version-v5/developing/scaffolding.md rename to versioned_docs/version-v5/developing/scaffolding.mdx index c46c2eabd72..7d11da620e7 100644 --- a/versioned_docs/version-v5/developing/scaffolding.md +++ b/versioned_docs/version-v5/developing/scaffolding.mdx @@ -34,7 +34,7 @@ The `src/app/` directory contains the root app component and module as well as a ## Generating New Features -The Ionic CLI can generate new app features with the [`ionic generate`](../cli/commands/generate.md) command. By running `ionic generate` in the command line, a selection prompt is displayed which lists the available features that can be generated. +The Ionic CLI can generate new app features with the [`ionic generate`](../cli/commands/generate.mdx) command. By running `ionic generate` in the command line, a selection prompt is displayed which lists the available features that can be generated. ```shell-session $ ionic generate @@ -78,4 +78,4 @@ The Ionic CLI uses the underlying framework tooling to stay close to best practi After creating the files and directories for the new page, the CLI will also update the router configuration to include the new page. This reduces the amount of manual work needed to keep the development lifecycle moving. -For more details, run `ionic g --help` from the command line or see [the documentation](../cli/commands/generate.md) for `ionic generate`. +For more details, run `ionic g --help` from the command line or see [the documentation](../cli/commands/generate.mdx) for `ionic generate`. diff --git a/versioned_docs/version-v5/developing/starting.md b/versioned_docs/version-v5/developing/starting.mdx similarity index 100% rename from versioned_docs/version-v5/developing/starting.md rename to versioned_docs/version-v5/developing/starting.mdx diff --git a/versioned_docs/version-v5/developing/tips.md b/versioned_docs/version-v5/developing/tips.mdx similarity index 100% rename from versioned_docs/version-v5/developing/tips.md rename to versioned_docs/version-v5/developing/tips.mdx diff --git a/versioned_docs/version-v6/cli/configuration.md b/versioned_docs/version-v6/cli/configuration.mdx similarity index 99% rename from versioned_docs/version-v6/cli/configuration.md rename to versioned_docs/version-v6/cli/configuration.mdx index 9b3d7d31a95..35f861a9ff0 100644 --- a/versioned_docs/version-v6/cli/configuration.md +++ b/versioned_docs/version-v6/cli/configuration.mdx @@ -52,7 +52,7 @@ Each Ionic project has a project configuration file, usually at the project's ro The CLI will look for the following environment variables: - `IONIC_CONFIG_DIRECTORY`: The directory of the global CLI config. Defaults to `~/.ionic`. -- `IONIC_HTTP_PROXY`: Set a URL for proxying all CLI requests through. See [Using a Proxy](using-a-proxy.md). +- `IONIC_HTTP_PROXY`: Set a URL for proxying all CLI requests through. See [Using a Proxy](using-a-proxy.mdx). - `IONIC_TOKEN`: Automatically authenticates with [Appflow](https://ionic.io/appflow). ## Flags diff --git a/versioned_docs/version-v6/cli/livereload.md b/versioned_docs/version-v6/cli/livereload.mdx similarity index 96% rename from versioned_docs/version-v6/cli/livereload.md rename to versioned_docs/version-v6/cli/livereload.mdx index 67a571ef1cd..3b403732ac5 100644 --- a/versioned_docs/version-v6/cli/livereload.md +++ b/versioned_docs/version-v6/cli/livereload.mdx @@ -1,6 +1,6 @@ # Live Reload -One option that can boost productivity when building Ionic apps is **Live Reload** (or **live-reload**). When active, Live Reload will reload the browser or [Web View](../core-concepts/webview.md) when changes in the app are detected. This is particularly useful for developing using hardware devices. +One option that can boost productivity when building Ionic apps is **Live Reload** (or **live-reload**). When active, Live Reload will reload the browser or [Web View](../core-concepts/webview.mdx) when changes in the app are detected. This is particularly useful for developing using hardware devices. ## Terms diff --git a/versioned_docs/version-v6/cli/using-a-proxy.md b/versioned_docs/version-v6/cli/using-a-proxy.mdx similarity index 100% rename from versioned_docs/version-v6/cli/using-a-proxy.md rename to versioned_docs/version-v6/cli/using-a-proxy.mdx diff --git a/versioned_docs/version-v6/contributing/coc.md b/versioned_docs/version-v6/contributing/coc.mdx similarity index 100% rename from versioned_docs/version-v6/contributing/coc.md rename to versioned_docs/version-v6/contributing/coc.mdx diff --git a/docs/contributing/how-to-contribute.md b/versioned_docs/version-v6/contributing/how-to-contribute.mdx similarity index 99% rename from docs/contributing/how-to-contribute.md rename to versioned_docs/version-v6/contributing/how-to-contribute.mdx index df5f6efbd23..da368fb421f 100644 --- a/docs/contributing/how-to-contribute.md +++ b/versioned_docs/version-v6/contributing/how-to-contribute.mdx @@ -8,7 +8,7 @@ Thanks for the interest in contributing to Ionic Framework! ## Contributing Etiquette -Please see the [Contributor Code of Conduct](coc.md) for information on the rules of conduct. +Please see the [Contributor Code of Conduct](coc.mdx) for information on the rules of conduct. ## Creating an Issue diff --git a/versioned_docs/version-v6/core-concepts/cross-platform.md b/versioned_docs/version-v6/core-concepts/cross-platform.mdx similarity index 100% rename from versioned_docs/version-v6/core-concepts/cross-platform.md rename to versioned_docs/version-v6/core-concepts/cross-platform.mdx diff --git a/versioned_docs/version-v6/core-concepts/fundamentals.md b/versioned_docs/version-v6/core-concepts/fundamentals.mdx similarity index 98% rename from versioned_docs/version-v6/core-concepts/fundamentals.md rename to versioned_docs/version-v6/core-concepts/fundamentals.mdx index 97a09499934..7a3c7eab4d5 100644 --- a/versioned_docs/version-v6/core-concepts/fundamentals.md +++ b/versioned_docs/version-v6/core-concepts/fundamentals.mdx @@ -38,7 +38,7 @@ For apps that are built with Angular and `@ionic/angular`, we recommend using th An amazing feature of apps built with web technologies (such as Ionic apps!) is that it can run on virtually any platform: desktop computers, phones, tablets, cars, refrigerators, and more! The same code base for Ionic apps can work on many platforms because it is based on web standards and common APIs that are shared across these platforms. -One of the most common use cases for Ionic is to build an app which can be downloaded from both the App Store and Play Store. Both iOS and Android software development kits (SDKs) provide [Web Views](webview.md) which render any Ionic app, while still allowing for full Native SDK access. +One of the most common use cases for Ionic is to build an app which can be downloaded from both the App Store and Play Store. Both iOS and Android software development kits (SDKs) provide [Web Views](webview.mdx) which render any Ionic app, while still allowing for full Native SDK access. Projects such as Capacitor and Cordova are commonly used to give Ionic apps this access to Native SDKs. This means developers can quickly build out an app using common web development tools, and still have access to native features such as the device's accelerometer, camera, GPS, and more. diff --git a/versioned_docs/version-v6/core-concepts/webview.md b/versioned_docs/version-v6/core-concepts/webview.mdx similarity index 100% rename from versioned_docs/version-v6/core-concepts/webview.md rename to versioned_docs/version-v6/core-concepts/webview.mdx diff --git a/versioned_docs/version-v6/core-concepts/what-are-progressive-web-apps.md b/versioned_docs/version-v6/core-concepts/what-are-progressive-web-apps.mdx similarity index 100% rename from versioned_docs/version-v6/core-concepts/what-are-progressive-web-apps.md rename to versioned_docs/version-v6/core-concepts/what-are-progressive-web-apps.mdx diff --git a/versioned_docs/version-v6/deployment/app-store.md b/versioned_docs/version-v6/deployment/app-store.mdx similarity index 100% rename from versioned_docs/version-v6/deployment/app-store.md rename to versioned_docs/version-v6/deployment/app-store.mdx diff --git a/versioned_docs/version-v6/deployment/desktop-app.md b/versioned_docs/version-v6/deployment/desktop-app.mdx similarity index 100% rename from versioned_docs/version-v6/deployment/desktop-app.md rename to versioned_docs/version-v6/deployment/desktop-app.mdx diff --git a/versioned_docs/version-v6/deployment/progressive-web-app.md b/versioned_docs/version-v6/deployment/progressive-web-app.mdx similarity index 97% rename from versioned_docs/version-v6/deployment/progressive-web-app.md rename to versioned_docs/version-v6/deployment/progressive-web-app.mdx index 6fc348f877b..c13ba7cbbce 100644 --- a/versioned_docs/version-v6/deployment/progressive-web-app.md +++ b/versioned_docs/version-v6/deployment/progressive-web-app.mdx @@ -14,7 +14,7 @@ import DocsCards from '@components/global/DocsCards'; /> -Because Ionic Apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview or the [What are Progressive Web Apps](../core-concepts/what-are-progressive-web-apps.md) page for more info. +Because Ionic Apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview or the [What are Progressive Web Apps](../core-concepts/what-are-progressive-web-apps.mdx) page for more info. For the frameworks Ionic supports, we've created dedicated guides that go into more detail. Below are links for Angular and React. diff --git a/versioned_docs/version-v6/developer-resources/books.md b/versioned_docs/version-v6/developer-resources/books.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/books.md rename to versioned_docs/version-v6/developer-resources/books.mdx diff --git a/versioned_docs/version-v6/developer-resources/courses.md b/versioned_docs/version-v6/developer-resources/courses.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/courses.md rename to versioned_docs/version-v6/developer-resources/courses.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides.md b/versioned_docs/version-v6/developer-resources/guides.mdx similarity index 76% rename from versioned_docs/version-v6/developer-resources/guides.md rename to versioned_docs/version-v6/developer-resources/guides.mdx index dbe6d9477b8..c0590b83684 100644 --- a/versioned_docs/version-v6/developer-resources/guides.md +++ b/versioned_docs/version-v6/developer-resources/guides.mdx @@ -1,9 +1,9 @@ # Guides -### [Your First Ionic App - v3](guides/first-app-v3/intro.md) +### [Your First Ionic App - v3](guides/first-app-v3/intro.mdx) Follow along as we create a working Photo Gallery app using Ionic Framework v3 and Appflow. -### [Your First Ionic 4 App - Angular and Cordova](guides/first-app-v4/intro.md) +### [Your First Ionic 4 App - Angular and Cordova](guides/first-app-v4/intro.mdx) Follow along as we create a working Photo Gallery app using Ionic Framework v4 and Cordova. diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v3/creating-photo-gallery-device-storage.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/intro.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/intro.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v3/intro.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v3/intro.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/ios-android-camera.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/ios-android-camera.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v3/ios-android-camera.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v3/ios-android-camera.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx similarity index 94% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx index da6f9462ecc..d887ce45855 100644 --- a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.md +++ b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/realtime-updates-ionic-deploy.mdx @@ -70,7 +70,7 @@ Next, create a local, native build of the app. ## Android Builds -Follow the [Android Setup instructions](../../../developing/android.md), which includes installing Java 8 and Android Studio on your machine. Then, in your Terminal run: +Follow the [Android Setup instructions](../../../developing/android.mdx), which includes installing Java 8 and Android Studio on your machine. Then, in your Terminal run: ```shell ionic cordova build android --prod @@ -80,13 +80,13 @@ This will generate a unsigned debug build (meaning the app can run on any Androi ## iOS Builds -iOS is [a bit trickier to set up](../../../developing/ios.md) than Android and requires a Mac computer. Ensure XCode is updated to the latest version and set up a development team. Then, in your Terminal, run: +iOS is [a bit trickier to set up](../../../developing/ios.mdx) than Android and requires a Mac computer. Ensure XCode is updated to the latest version and set up a development team. Then, in your Terminal, run: ```shell ionic cordova build ios --prod ``` -Then, continue to [follow the instructions here](../../../deployment/app-store.md) regarding signing certificates, etc. With a native version of your app built, let’s copy it to your device of choice. +Then, continue to [follow the instructions here](../../../deployment/app-store.mdx) regarding signing certificates, etc. With a native version of your app built, let’s copy it to your device of choice. ## Add the Native App to Your Local Device diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/theming.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/theming.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v3/theming.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v3/theming.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v3/track-bugs-ionic-monitoring.mdx diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v4/creating-photo-gallery-device-storage.mdx diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v4/intro.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v4/intro.mdx similarity index 98% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v4/intro.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v4/intro.mdx index bffc7ea9c28..8d705d4dc49 100644 --- a/versioned_docs/version-v5/developer-resources/guides/first-app-v4/intro.md +++ b/versioned_docs/version-v6/developer-resources/guides/first-app-v4/intro.mdx @@ -30,7 +30,7 @@ npm install -g @ionic/cli cordova :::note The `-g` option means _install globally_. When packages are installed globally, `EACCES` permission errors can occur. -Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../../../developing/tips.md#resolving-permission-errors) for more information. +Consider setting up npm to operate globally without elevated permissions. See [Resolving Permission Errors](../../../developing/tips.mdx#resolving-permission-errors) for more information. ::: ## Create an App diff --git a/versioned_docs/version-v5/developer-resources/guides/first-app-v4/ios-android-camera.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v4/ios-android-camera.mdx similarity index 98% rename from versioned_docs/version-v5/developer-resources/guides/first-app-v4/ios-android-camera.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v4/ios-android-camera.mdx index 8908090edec..d5c4dfcb129 100644 --- a/versioned_docs/version-v5/developer-resources/guides/first-app-v4/ios-android-camera.md +++ b/versioned_docs/version-v6/developer-resources/guides/first-app-v4/ios-android-camera.mdx @@ -13,7 +13,7 @@ $ ionic cordova platform add android These commands will create a `config.xml` file, which is used to define Cordova iOS and Android settings. Cordova reads this file and applies each setting as it builds each native app binary. -There are more steps to configure [iOS](../../../developing/ios.md) and [Android](../../../developing/android.md) native tooling. +There are more steps to configure [iOS](../../../developing/ios.mdx) and [Android](../../../developing/android.mdx) native tooling. Much better! Now we can add the camera functionality. By the way, you can find reference code for this [on GitHub](https://github.com/ionic-team/photo-gallery-tutorial-ionic4). diff --git a/versioned_docs/version-v6/developer-resources/guides/first-app-v4/theming.md b/versioned_docs/version-v6/developer-resources/guides/first-app-v4/theming.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/guides/first-app-v4/theming.md rename to versioned_docs/version-v6/developer-resources/guides/first-app-v4/theming.mdx diff --git a/versioned_docs/version-v6/developer-resources/posts.md b/versioned_docs/version-v6/developer-resources/posts.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/posts.md rename to versioned_docs/version-v6/developer-resources/posts.mdx diff --git a/versioned_docs/version-v6/developer-resources/tools.md b/versioned_docs/version-v6/developer-resources/tools.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/tools.md rename to versioned_docs/version-v6/developer-resources/tools.mdx diff --git a/versioned_docs/version-v6/developer-resources/videos.md b/versioned_docs/version-v6/developer-resources/videos.mdx similarity index 100% rename from versioned_docs/version-v6/developer-resources/videos.md rename to versioned_docs/version-v6/developer-resources/videos.mdx diff --git a/versioned_docs/version-v6/developing/android.md b/versioned_docs/version-v6/developing/android.mdx similarity index 98% rename from versioned_docs/version-v6/developing/android.md rename to versioned_docs/version-v6/developing/android.mdx index e38e12e4a6a..17c2056c757 100644 --- a/versioned_docs/version-v6/developing/android.md +++ b/versioned_docs/version-v6/developing/android.mdx @@ -17,7 +17,7 @@ This guide covers how to run and debug Ionic apps on Android emulators and devic [Android Studio](https://developer.android.com/studio/) is the IDE for creating native Android apps. It includes the [Android SDK](../reference/glossary.md#android-sdk), which will need to be configured for use in the command line. -Android Studio is also used to [create Android virtual devices](android.md#creating-an-android-virtual-device), which are required for the Android emulator. Ionic apps can also be [launched to a device](android.md#set-up-an-android-device). +Android Studio is also used to [create Android virtual devices](android.mdx#creating-an-android-virtual-device), which are required for the Android emulator. Ionic apps can also be [launched to a device](android.mdx#set-up-an-android-device). :::note We don't recommend using Android Studio for _developing_ Ionic apps. Instead, it should only really be used to build and run your apps for the native Android platform and to manage the Android SDK and virtual devices. @@ -112,7 +112,7 @@ If you are using any version of **`cordova-android`** below `10.0.0`, install th ### Gradle - +{/* prettier-ignore */} Gradle is the build tool used in Android apps and must be installed separately. See the install page for details. ## Project Setup diff --git a/versioned_docs/version-v6/developing/config.md b/versioned_docs/version-v6/developing/config.mdx similarity index 99% rename from versioned_docs/version-v6/developing/config.md rename to versioned_docs/version-v6/developing/config.mdx index f73ce133123..0d4dacdf251 100644 --- a/versioned_docs/version-v6/developing/config.md +++ b/versioned_docs/version-v6/developing/config.mdx @@ -10,7 +10,7 @@ The available config keys can be found in the [`IonicConfig`](#ionicconfig) inte The following example disables ripple effects and default the mode to Material Design: -import GlobalExample from './config/global/index.md'; +import GlobalExample from './config/global/index.mdx'; @@ -18,7 +18,7 @@ import GlobalExample from './config/global/index.md'; Ionic Config is not reactive. Updating the config's value after the component has rendered will result in the previous value. It is recommended to use a component's properties instead of updating the config, when you require reactive values. -import PerComponentExample from './config/per-component/index.md'; +import PerComponentExample from './config/per-component/index.mdx'; @@ -28,7 +28,7 @@ Ionic Config can also be set on a per-platform basis. For example, this allows y In the following example, we are disabling all animations in our Ionic app only if the app is running in a mobile web browser. -import PerPlatformExample from './config/per-platform/index.md'; +import PerPlatformExample from './config/per-platform/index.mdx'; @@ -36,7 +36,7 @@ import PerPlatformExample from './config/per-platform/index.md'; The next example allows you to set an entirely different configuration based upon the platform, falling back to a default config if no platforms match: -import PerPlatformFallbackExample from './config/per-platform-overrides/index.md'; +import PerPlatformFallbackExample from './config/per-platform-overrides/index.mdx'; @@ -44,7 +44,7 @@ import PerPlatformFallbackExample from './config/per-platform-overrides/index.md This final example allows you to accumulate a config object based upon different platform requirements. -import PerPlatformOverridesExample from './config/per-platform-fallback/index.md'; +import PerPlatformOverridesExample from './config/per-platform-fallback/index.mdx'; diff --git a/versioned_docs/version-v6/developing/config/global/index.md b/versioned_docs/version-v6/developing/config/global/index.mdx similarity index 100% rename from versioned_docs/version-v6/developing/config/global/index.md rename to versioned_docs/version-v6/developing/config/global/index.mdx diff --git a/versioned_docs/version-v6/developing/config/per-component/index.md b/versioned_docs/version-v6/developing/config/per-component/index.mdx similarity index 100% rename from versioned_docs/version-v6/developing/config/per-component/index.md rename to versioned_docs/version-v6/developing/config/per-component/index.mdx diff --git a/versioned_docs/version-v6/developing/config/per-platform-fallback/index.md b/versioned_docs/version-v6/developing/config/per-platform-fallback/index.mdx similarity index 100% rename from versioned_docs/version-v6/developing/config/per-platform-fallback/index.md rename to versioned_docs/version-v6/developing/config/per-platform-fallback/index.mdx diff --git a/versioned_docs/version-v6/developing/config/per-platform-overrides/index.md b/versioned_docs/version-v6/developing/config/per-platform-overrides/index.mdx similarity index 100% rename from versioned_docs/version-v6/developing/config/per-platform-overrides/index.md rename to versioned_docs/version-v6/developing/config/per-platform-overrides/index.mdx diff --git a/versioned_docs/version-v6/developing/config/per-platform/index.md b/versioned_docs/version-v6/developing/config/per-platform/index.mdx similarity index 100% rename from versioned_docs/version-v6/developing/config/per-platform/index.md rename to versioned_docs/version-v6/developing/config/per-platform/index.mdx diff --git a/versioned_docs/version-v6/developing/hardware-back-button.md b/versioned_docs/version-v6/developing/hardware-back-button.mdx similarity index 100% rename from versioned_docs/version-v6/developing/hardware-back-button.md rename to versioned_docs/version-v6/developing/hardware-back-button.mdx diff --git a/versioned_docs/version-v6/developing/ios.md b/versioned_docs/version-v6/developing/ios.mdx similarity index 100% rename from versioned_docs/version-v6/developing/ios.md rename to versioned_docs/version-v6/developing/ios.mdx diff --git a/versioned_docs/version-v6/developing/keyboard.md b/versioned_docs/version-v6/developing/keyboard.mdx similarity index 100% rename from versioned_docs/version-v6/developing/keyboard.md rename to versioned_docs/version-v6/developing/keyboard.mdx diff --git a/versioned_docs/version-v6/developing/previewing.md b/versioned_docs/version-v6/developing/previewing.mdx similarity index 94% rename from versioned_docs/version-v6/developing/previewing.md rename to versioned_docs/version-v6/developing/previewing.mdx index 6c558d2d5de..6883df0b176 100644 --- a/versioned_docs/version-v6/developing/previewing.md +++ b/versioned_docs/version-v6/developing/previewing.mdx @@ -12,9 +12,9 @@ title: Previewing There are many different options to test native functionality depending on your target platforms and needs. -- Run locally in a web browser (using [Platform Detection](../core-concepts/cross-platform.md) for native functionality) -- [Deploy to iOS](ios.md) -- [Deploy to Android](android.md) +- Run locally in a web browser (using [Platform Detection](../core-concepts/cross-platform.mdx) for native functionality) +- [Deploy to iOS](ios.mdx) +- [Deploy to Android](android.mdx) ## Run Locally in a Web Browser @@ -38,8 +38,8 @@ $ ionic serve With `ionic serve` running, continue developing your app. As you save changes, the app reloads with those changes applied. -When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.md). -When you're ready to test on a real device, see here for [iOS](ios.md) and [Android](android.md). +When implementing native functionality, use [Platform Detection](../core-concepts/cross-platform.mdx). +When you're ready to test on a real device, see here for [iOS](ios.mdx) and [Android](android.mdx). ## Simulating a Mobile Viewport diff --git a/versioned_docs/version-v6/developing/scaffolding.md b/versioned_docs/version-v6/developing/scaffolding.mdx similarity index 100% rename from versioned_docs/version-v6/developing/scaffolding.md rename to versioned_docs/version-v6/developing/scaffolding.mdx diff --git a/versioned_docs/version-v6/developing/starting.md b/versioned_docs/version-v6/developing/starting.mdx similarity index 100% rename from versioned_docs/version-v6/developing/starting.md rename to versioned_docs/version-v6/developing/starting.mdx diff --git a/versioned_docs/version-v6/developing/tips.md b/versioned_docs/version-v6/developing/tips.mdx similarity index 100% rename from versioned_docs/version-v6/developing/tips.md rename to versioned_docs/version-v6/developing/tips.mdx diff --git a/versioned_docs/version-v7/core-concepts/cross-platform.md b/versioned_docs/version-v7/core-concepts/cross-platform.md index 9d2e39248b9..b8aed70bb75 100644 --- a/versioned_docs/version-v7/core-concepts/cross-platform.md +++ b/versioned_docs/version-v7/core-concepts/cross-platform.md @@ -67,7 +67,7 @@ This will render 5 items with a width of 100% each. This may look great on a mob -To improve this experience, we can wrap the items in a [Grid](../api/grid.md) component. The view can be easily rewritten into something more usable on larger screens: +To improve this experience, we can wrap the items in a [Grid](../api/grid.mdx) component. The view can be easily rewritten into something more usable on larger screens: ```html @@ -149,7 +149,7 @@ There’s a lot going on in the example above. These are the key points: - The `size` attribute can have a breakpoint added to it, `size-{breakpoint}`. This value sets the size for the specified breakpoint and above. -For more information on customizing with grid, see the [Grid](../api/grid.md) documentation. +For more information on customizing with grid, see the [Grid](../api/grid.mdx) documentation. ## Storage diff --git a/versioned_docs/version-v7/developing/config.md b/versioned_docs/version-v7/developing/config.md index b97ec2cd1ae..31a7f3a4a8a 100644 --- a/versioned_docs/version-v7/developing/config.md +++ b/versioned_docs/version-v7/developing/config.md @@ -13,7 +13,7 @@ The available config keys can be found in the [`IonicConfig`](#ionicconfig) inte The following example disables ripple effects and default the mode to Material Design: -import GlobalExample from '@site/docs/developing/config/global/index.md'; +import GlobalExample from '@site/versioned_docs/version-v7/developing/config/global/index.md'; @@ -21,7 +21,7 @@ import GlobalExample from '@site/docs/developing/config/global/index.md'; Ionic Config is not reactive. Updating the config's value after the component has rendered will result in the previous value. It is recommended to use a component's properties instead of updating the config, when you require reactive values. -import PerComponentExample from '@site/docs/developing/config/per-component/index.md'; +import PerComponentExample from '@site/versioned_docs/version-v7/developing/config/per-component/index.md'; @@ -31,7 +31,7 @@ Ionic Config can also be set on a per-platform basis. For example, this allows y In the following example, we are disabling all animations in our Ionic app only if the app is running in a mobile web browser. -import PerPlatformExample from '@site/docs/developing/config/per-platform/index.md'; +import PerPlatformExample from '@site/versioned_docs/version-v7/developing/config/per-platform/index.md'; @@ -39,7 +39,7 @@ import PerPlatformExample from '@site/docs/developing/config/per-platform/index. The next example allows you to set an entirely different configuration based upon the platform, falling back to a default config if no platforms match: -import PerPlatformFallbackExample from '@site/docs/developing/config/per-platform-overrides/index.md'; +import PerPlatformFallbackExample from '@site/versioned_docs/version-v7/developing/config/per-platform-overrides/index.md'; @@ -47,7 +47,7 @@ import PerPlatformFallbackExample from '@site/docs/developing/config/per-platfor This final example allows you to accumulate a config object based upon different platform requirements. -import PerPlatformOverridesExample from '@site/docs/developing/config/per-platform-fallback/index.md'; +import PerPlatformOverridesExample from '@site/versioned_docs/version-v7/developing/config/per-platform-fallback/index.md'; diff --git a/versioned_docs/version-v7/developing/config/per-platform/index.md b/versioned_docs/version-v7/developing/config/per-platform/index.md index b088a7e6bf6..a7338da3084 100644 --- a/versioned_docs/version-v7/developing/config/per-platform/index.md +++ b/versioned_docs/version-v7/developing/config/per-platform/index.md @@ -16,7 +16,7 @@ import TabItem from '@theme/TabItem'; :::note Since the config is set at runtime, you will not have access to the Platform Dependency Injection. Instead, you can use the underlying functions that the provider uses directly. -See the [Angular Platform Documentation](../angular/platform) for the types of platforms you can detect. +See the [Angular Platform Documentation](../../../angular/platform.mdx) for the types of platforms you can detect. ::: ```ts title="app.module.ts" @@ -39,7 +39,7 @@ import { isPlatform, IonicModule } from '@ionic/angular'; :::note Since the config is set at runtime, you will not have access to the Platform Dependency Injection. Instead, you can use the underlying functions that the provider uses directly. -See the [Angular Platform Documentation](../angular/platform) for the types of platforms you can detect. +See the [Angular Platform Documentation](../../../angular/platform.mdx) for the types of platforms you can detect. ::: ```ts title="main.ts" @@ -59,7 +59,7 @@ bootstrapApplication(AppComponent, { :::note -See the [React Platform Documentation](../react/platform) for the types of platforms you can detect. +See the [React Platform Documentation](../../../react/platform.mdx) for the types of platforms you can detect. ::: ```tsx title="App.tsx" @@ -74,7 +74,7 @@ setupIonicReact({ :::note -See the [Vue Platform Documentation](../vue/platform) for the types of platforms you can detect. +See the [Vue Platform Documentation](../../../vue/platform.mdx) for the types of platforms you can detect. ::: ```ts title="main.ts"