Release Note - v1.9.0

## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/platea"https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/close-loading.png"u-studio/party-horn.svg) New Features ### **Plateau Studio** - The **Code Refactor powered by AI** optimizes code within the **UI Code Editor** to improve code quality and developer efficiency. It offers two methods: - Clicking the **Refactor** button to optimize the entire code up to 40 lines. - Selecting a specific code segment and triggering the refactoring process for a targeted optimization. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/refactorFullEvent.png" width="640" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/refactorSelection.gif" width="640" /> - The **Code Explain powered by AI** feature offers comprehensive code explanations within the **UI Code Editor** to improve code understanding and developer productivity. It offers two methods: - Clicking the **Explain** button to analyze the entire code (up to 40 lines). - Selecting a specific code segment for its explanation. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/explainFullEvent.png" width="640" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/explainSelection.PNG" width="640" /> - The UI Code Editor now supports showing the details of the method usage of the **Quick framework methods** including **the method explanation and the method examples**, which helps you write code faster and easier. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/codeEditorMethods.jpg" width="640" height="" /> - The **Offline Competencies** feature is now available on Plateau Studio. This feature can be integrated with the **Permanent Store**, which is a large-scale object store built into the browser. The Permanent Store facilitates persistent data storage using key-value pairs. It allows you to create web applications to function both **online** and **offline**. - **createOrChangeStore**, **set**, **get**, **deleteStore** and more releated methods added. - **network.isConnected** field added to determine the online/offline status of the network. - When the **onNetworkStatusChange** event is added to the pipeline to listen for changes in network status, you can obtain the online/offline status of the Network. - Your organizations are now **grouped** and **licensed** under an **Organization Group** structure. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/profile.png" width="320" height="" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/member.png" width="640" /> - You can join an **existing licensed** organization group for **Premium access**, or you can send us an independent **Premium request**. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/premiumReq.png" width="640" /> - Updated the design of two features to make them more user-friendly and intuitive: - You can now find the **Invite People** button in the … menu at the top right corner of the screen, along with other actions related to your organization. - **Manage Organization** page has a new look, with tabs that let you view and edit different aspects of your organization. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/manageOrg.png" width="640" /> - For better user experience, you can now **close the loading screen** by clicking a designated button, if it persists longer than expected. This allows the process to continue in the background while you work in Studio. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/close-loading.png" width="640" /> - As the size of the model increases, a **warning** is displayed to inform you that the **performance may be affected**. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/model-size-warning-yellow.png" width="640" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/model-size-warning-red.png" width="640" /> - A new template **Dashboard Page Template** created in accordance with the new style improvements. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/masterpageTemplate.png" width="640" /> - The character limit in the page name is **increased to 60**, and the extension is excluded when uploading a page. - Confirmation dialog is introduced when moving a folder into a path where another folder with the same name already exists. ### **Plateau UI** - New IBAN validation as **IBANNumOnly** added to **input validations**, enabling validation of IBAN using only numbers in the input field, without requiring a prefixes. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/VTextField_IBANNumOnly.gif" width="640" /> - **mobileAnimation** parameter now added to the **go()** method, allowing you to select the page transition animation. > MobileAnimation.fade > MobileAnimation.presentFullScreen > MobileAnimation.push ```js quick.Quick.go("pagePath", { mobileAnimation: MobileAnimation.fade }); ``` - **hideDetails** prop added to **VSwitch** and **VRadioGroup** components. - Our new **Style Enhancements** include various improvements to enhance the visual appearance and functionality of Plateau Studio: - The **DisabledBackgroundColor** field added to the style of the **VButton component**, allowing the disabled color to be **customized**. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/disabledBackgroundColor-vBtn.gif" width="640" /> - Following **Style units** now added to components that have **Style Size Property**: **vh** (percentage of the viewport's height) for Height and **vw** (percentage of the viewport's width) for Width. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/SizeSuffix.gif" width="640" /> - The **default border** information of the components now processed as the default value and is automatically displayed in the component **Style tab**. Changed components are; - VBtn, VBtnToggle, VChip, VAvatar, VCard, VCalendar, VAlert, VStepper, VDivider, VTimePicker, VDatePicker, VDialog, VDataTable, VExpansionPanels - **LineHeight prob** added to **text styles in parent components** that contain a **label** as a **child component**. Changed components are; - VBtn, VBtnToggle, VChip, VTabs, VStepper, VExpansionPanels, VNavigationDrawer, VListItem - New text style attribute added for the **prefix** section in **VTextField**, enhancing customization options for text styles within the component. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v1.9.0/VTextField_prefix.png" width="640" /> ### **Plateau Mobile** **iOS** - **Native Component** for **iOS** is now available. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_nativeCompSlow.gif" width="200" /> <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_nativeCompNormal.gif" width="200" /> - **Dynamic Font** added. The **font file path** added to the Editor is now included in the mobile runtime via the Settings file. - A **customizable generic shell** created, which can be used by adding the SDK. - Mobile SDK now supports **Xcode 15**, packed with features and improvements. - **Color customization** via props added to **vProgressLinear, vCheckbox**, and **vRadio** components for pages without predefined styles. - The **disabledBackgroundColor** style prop of the **VBtn** component enhanced. - **blur event** added to **VTextfield**. - The **VTextField** component enhanced with **Turkish IBAN** and **credit card** formatting. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_Textfield.gif" width="200" /> **Android** - The **Android 23 version** transition tests completed. - Permission to access the **SDCard and location** is now requested when using the **FileInput** component. - Previously, margins couldn't be applied to the footer due to its structure. The **footer structure** updated to accommodate margins sent from the Editor. - The functionality and behavior of the **VChip** and **VChipGroup** components revised and optimized for improved performance and usability. - A **persistent prop** added to the **VDialog** component. - The issue of **token sent in the header** within **Appauth** not being sent correctly, fixed. ## ![](https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-studio-common/plateau-studio/bugs.svg) **Bug Fixes** ### **Plateau Studio** - The **Max payload size exceeded error** encountered during Uncompiled Export, fixed. To address this issue, please **reinstall symphony-cli** by referring to the provided documentation: https://docs.onplateau.com/Export/using-uncompiledExport#how-to-install-symphony-cli - When in read-only mode, you can now **scroll and copy** text in YAML and CSS files in the Code Editor. - The **404 error** encountered when refreshing the page in **LivePreview**, resolved. - The issue of File Explorer **tooltips not disappearing**, fixed. Tooltips now properly disappear after moving the cursor away. ### **Plateau UI** - The issue of the **native component list not refreshing** during app transitions, resolved. - The issue of **icons not being visible** when the **prependInnerIcon** is applied to the **VTextField** component concurrently with the outlined option, resolved. - The **freezing problem** experienced when a background color is selected in the **PageComponent** resolved. - In the PageComponent, an **inner page control** for the **BackgroundColor** prop now ensures that the color you set in the main pageComponent is applied and overrides the color set in renderingComponent or customComponent's pageComponent, **ensuring correct color usage**. - The problem of being unable to enter **February 29th in Leap years** in the **VInlineDatepicker** component, resolved. ### **Plateau Mobile** **iOS** - The issue where the **vFooter appeared outside the NavigationDrawer** when it was fixed, resolved. - The **font styles** for **defaultTabsLabel** and **activeTabsLabel** in **VTabs** fixed. - The **crash issue** that occurred when the **VRadio** slot added, resolved. - New text style attribute added for the **prefix** section in **VTextField** in Studio, enhancing customization options for text styles within the component **for mobile usage**. <img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-mobile/release-notes/v1.9.0/iOS_PrefixStyle.jpeg" width="200" />