push and pull propertiespush and pull properties@ionic/react overlays, hooks, tabs, form controls
+ +@ionic/react-router routing, tabs, swipe-to-go-back, overlays
+ -@ionic/vue overlays, router, tabs, lifecycle
+@ionic/vue and @ionic/vue-router from this PR: overlays, lifecycle, routing, tabs, nested outlets, swipe-to-go-back
diff --git a/core/scripts/verify/lazy-imports.js b/core/scripts/verify/lazy-imports.js new file mode 100644 index 00000000000..d0008130474 --- /dev/null +++ b/core/scripts/verify/lazy-imports.js @@ -0,0 +1,56 @@ +/** + * Fails if the built lazy loader is missing a literal import path for any component bundle. + * Not in `scripts/testing/` because `vercel-build.sh` publishes that directory. + * https://github.com/ionic-team/ionic-framework/issues/31333 + */ +const fs = require('fs'); +const path = require('path'); + +const PACKAGE_ROOT = path.resolve(__dirname, '..', '..'); +const OUTPUT_DIRS = ['dist/esm', 'dist/cjs']; + +function main() { + const failures = OUTPUT_DIRS.map(verify).filter((message) => message !== null); + + if (failures.length > 0) { + failures.forEach((message) => console.error(message)); + process.exit(1); + } + + console.error(`Success! Every lazy bundle is imported by path in ${OUTPUT_DIRS.join(' and ')}`); +} + +function verify(dir) { + const resolved = path.join(PACKAGE_ROOT, dir); + + if (!fs.existsSync(resolved)) { + return `${dir} does not exist. Run npm run build first.`; + } + + const files = fs.readdirSync(resolved).filter((file) => file.endsWith('.js')); + const entries = files.filter((file) => file.endsWith('.entry.js')); + + if (entries.length === 0) { + return `${dir} does not contain any .entry.js files.`; + } + + // A non-loader chunk that happens to name an entry file would be a false pass. + const loader = files + .filter((file) => !file.endsWith('.entry.js')) + .map((file) => fs.readFileSync(path.join(resolved, file), 'utf-8')) + .find((source) => /switch\s*\(bundleId\)/.test(source)); + + if (loader === undefined) { + return `${dir} has no lazy loader with a bundle id switch. Check that extras.enableImportInjection is still set in core/stencil.config.ts.`; + } + + const missing = entries.filter((entry) => !loader.includes(`'./${entry}'`) && !loader.includes(`"./${entry}"`)); + + if (missing.length > 0) { + return `${dir} is missing an import for ${missing.length} of ${entries.length} lazy bundles: ${missing.join(', ')}`; + } + + return null; +} + +main(); diff --git a/core/src/components.d.ts b/core/src/components.d.ts index 661ab287668..a25784da787 100644 --- a/core/src/components.d.ts +++ b/core/src/components.d.ts @@ -18,8 +18,10 @@ import { BreadcrumbCollapsedClickEventDetail } from "./components/breadcrumb/bre import { CheckboxChangeEventDetail } from "./components/checkbox/checkbox-interface"; import { IonChipFill, IonChipShape, IonChipSize } from "./components/chip/chip.interfaces"; import { ScrollBaseDetail, ScrollDetail } from "./components/content/content.interfaces"; -import { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface"; +import { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimeParts, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface"; +import { FooterScrollEffect } from "./components/footer/footer-interface"; import { GalleryColumns, GalleryGap } from "./components/gallery/gallery-interface"; +import { HeaderScrollEffect } from "./components/header/header-interface"; import { SpinnerTypes } from "./components/spinner/spinner-configs"; import { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface"; import { InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail } from "./components/input-otp/input-otp-interface"; @@ -29,7 +31,6 @@ import { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, S import { ViewController } from "./components/nav/view-controller"; import { PickerChangeEventDetail } from "./components/picker/picker-interfaces"; import { PickerColumnChangeEventDetail, PickerColumnValue } from "./components/picker-column/picker-column-interfaces"; -import { PickerButton, PickerColumn } from "./components/picker-legacy/picker-interface"; import { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from "./components/popover/popover-interface"; import { IonProgressBarShape } from "./components/progress-bar/progress-bar.interfaces"; import { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface"; @@ -46,7 +47,7 @@ import { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./com import { SelectModalOption } from "./components/select-modal/select-modal-interface"; import { SelectPopoverOption } from "./components/select-popover/select-popover-interface"; import { SpinnerSize } from "./components/spinner/spinner.interfaces"; -import { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface"; +import { TabBarChangedEventDetail, TabBarScrollEffect, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface"; import { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface"; import { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions, ToastSwipeGestureDirection } from "./components/toast/toast-interface"; import { ToggleChangeEventDetail } from "./components/toggle/toggle-interface"; @@ -63,8 +64,10 @@ export { BreadcrumbCollapsedClickEventDetail } from "./components/breadcrumb/bre export { CheckboxChangeEventDetail } from "./components/checkbox/checkbox-interface"; export { IonChipFill, IonChipShape, IonChipSize } from "./components/chip/chip.interfaces"; export { ScrollBaseDetail, ScrollDetail } from "./components/content/content.interfaces"; -export { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface"; +export { DatetimeChangeEventDetail, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, DatetimeParts, DatetimePresentation, FormatOptions, TitleSelectedDatesFormatter } from "./components/datetime/datetime-interface"; +export { FooterScrollEffect } from "./components/footer/footer-interface"; export { GalleryColumns, GalleryGap } from "./components/gallery/gallery-interface"; +export { HeaderScrollEffect } from "./components/header/header-interface"; export { SpinnerTypes } from "./components/spinner/spinner-configs"; export { InputChangeEventDetail, InputInputEventDetail } from "./components/input/input-interface"; export { InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail } from "./components/input-otp/input-otp-interface"; @@ -74,7 +77,6 @@ export { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, S export { ViewController } from "./components/nav/view-controller"; export { PickerChangeEventDetail } from "./components/picker/picker-interfaces"; export { PickerColumnChangeEventDetail, PickerColumnValue } from "./components/picker-column/picker-column-interfaces"; -export { PickerButton, PickerColumn } from "./components/picker-legacy/picker-interface"; export { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from "./components/popover/popover-interface"; export { IonProgressBarShape } from "./components/progress-bar/progress-bar.interfaces"; export { RadioGroupChangeEventDetail, RadioGroupCompareFn } from "./components/radio-group/radio-group-interface"; @@ -91,7 +93,7 @@ export { SelectChangeEventDetail, SelectCompareFn, SelectInterface } from "./com export { SelectModalOption } from "./components/select-modal/select-modal-interface"; export { SelectPopoverOption } from "./components/select-popover/select-popover-interface"; export { SpinnerSize } from "./components/spinner/spinner.interfaces"; -export { TabBarChangedEventDetail, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface"; +export { TabBarChangedEventDetail, TabBarScrollEffect, TabButtonClickEventDetail, TabButtonLayout } from "./components/tab-bar/tab-bar-interface"; export { TextareaChangeEventDetail, TextareaInputEventDetail } from "./components/textarea/textarea-interface"; export { ToastButton, ToastDismissOptions, ToastLayout, ToastPosition, ToastPresentOptions, ToastSwipeGestureDirection } from "./components/toast/toast-interface"; export { ToggleChangeEventDetail } from "./components/toggle/toggle-interface"; @@ -1078,7 +1080,7 @@ export namespace Components { */ "mode"?: "ios" | "md"; /** - * Recalculate content dimensions. Called by overlays (e.g., popover) when sibling elements like headers or footers have finished rendering and their heights are available, ensuring accurate offset-top calculations. + * Recalculates the content dimensions and whether it should size itself to its content. Called by overlays when something they own changes, such as a header finishing its render or `--height` being updated. */ "recalculateDimensions": () => PromiseContent
+Content
+Content
+Content
+Content
+