chore: updated preset (#258)

* chore: package-lock

* chore(website): bump deps, remove unnecessary, better engines

* chore(website): config; remove search, update prism-react-renderer syntax

* chore(website): docs; Tab -> TabItem

* ci(docs): node 16 -> 18, no legacy peer deps

* chore(config): add json language

* chore(website): mdx 3 syntax

* chore(website): add bash to prism languages

Author: jaredcbaum

.github/workflows/docs-preview.yml

@@ -29,12 +29,12 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
           cache: npm
           cache-dependency-path: website/package-lock.json
       - name: Build
         run: |
-          npm ci --legacy-peer-deps
+          npm ci
           npm run build
       - uses: aws-actions/configure-aws-credentials@v1
         with:

.github/workflows/docs-production.yml

@@ -31,12 +31,12 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
           cache: npm
           cache-dependency-path: website/package-lock.json
       - name: Build
         run: |
-          npm ci --legacy-peer-deps
+          npm ci
           npm run build
       - uses: aws-actions/configure-aws-credentials@v1
         with:

website/docs/cli/commands/serve-ios.md

@@ -22,7 +22,7 @@ portals serve ios [simulator | device] \
    --application /path/to/your/ios.app \
    --dev-server http://localhost:8100
 ```
-This command will present an interactive list of eligible destination since no specific device details were provided. When selected, the command will launch the iOS app to the selected device and will override all portals with the content served from the development server URL by default. If a capacitor.config.{json, ts, js} file is located in the current working directory, it will use that, otherwise it will fallback to any configuration potentially shipped in the application.
+This command will present an interactive list of eligible destination since no specific device details were provided. When selected, the command will launch the iOS app to the selected device and will override all portals with the content served from the development server URL by default. If a capacitor.config.{json, ts, js} file is located in the current working directory, it will use that, otherwise it will fallback to any configuration potentially shipped in the application.
 
 ### Examples
 

website/docs/for-ios/how-to/use-portals-in-an-ios-library.md

@@ -19,7 +19,7 @@ values={[
 { label: 'Framework', value: 'framework', },
 { label: 'Package', value: 'package', },
 ]}>
-<Tab value="framework">
+<TabItem value="framework">
 
 In a framework, you need to explicitly initialize a bundle:
 
@@ -39,9 +39,9 @@ let portal = Portal(
 )
 ```
 
-</Tab>
+</TabItem>
 
-<Tab value="package">
+<TabItem value="package">
 
 In the Portal initializer, pass `Bundle.module` to the Portal initializer:
 
@@ -54,7 +54,7 @@ let portal = Portal(
 )
 ```
 
-</Tab>
+</TabItem>
 
 </Tabs>
 

website/docusaurus.config.js

@@ -2,6 +2,8 @@
 
 const lernaConfig = require('../lerna.json');
 
+const { themes } = require('prism-react-renderer')
+
 module.exports = {
   title: 'Ionic Portals',
   tagline: 'Portals tagline',
@@ -24,14 +26,6 @@ module.exports = {
       height: 24,
       width: 84,
     },
-    navbar: {
-      items: [
-        {
-          type: 'search',
-          position: 'left',
-        },
-      ],
-    },
     sidebar: {
       productDropdown: {
         title: 'Portals Docs',
@@ -72,9 +66,9 @@ module.exports = {
       respectPrefersColorScheme: true,
     },
     prism: {
-      theme: require('prism-react-renderer/themes/github'),
-      darkTheme: require('prism-react-renderer/themes/dracula'),
-      additionalLanguages: ['shell-session', 'kotlin', 'groovy', 'java', 'swift', 'ruby'],
+      theme: themes.github,
+      darkTheme: themes.dracula,
+      additionalLanguages: ['shell-session', 'kotlin', 'groovy', 'java', 'swift', 'ruby', 'json', 'bash'],
     },
     zoom: {
       selector: '.markdown em > img',