Commit Graph

26 Commits

Author SHA1 Message Date
Tom Cafferkey 640312d0d1
CYS: Insert Add Patterns button for no blocks placeholder (#49981)
* Add uninteractive button

* insertPatternByName

* Add comment explaining the event listener

* Add E2E test coverage

* Vertical align content

* Hide popover for interactive elements

* Replace not.toBeVisible with toBeHidden
2024-07-29 10:05:29 +00:00
Luigi Teschio 026e93916a
CYS: when the footer/header is clicked, the border color is blue (#48765)
* CYS: when the footer/header is clicked, the border color is blue

* Add changefile(s) from automation for the following project(s): woocommerce

* improve CSS

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-28 08:40:01 +00:00
Luigi Teschio 91e3154a1c
CYS: Disable readonly mode only when full composability feature flag is enabled (#48752)
* CYS: Disable readonly mode only when full composability feature flag is enabled

* Add changefile(s) from automation for the following project(s): woocommerce

* add import

* address feedback

* no select block when it is added

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-24 14:43:26 +02:00
Luigi Teschio 2d14a6fb38
CYS: hide button to resize the image (#48714)
* CYS: hide button to resize the image

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-21 13:18:54 +00:00
Luigi Teschio 4d2ed9fd67
CYS: Update Block Toolbar Position (#48662)
* fix toolbar position

* improve layout toolbar

* Add changefile(s) from automation for the following project(s): woocommerce

* fix import

* fix position during the scroll

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-20 11:26:06 +00:00
Luigi Teschio dada673fac
CYS: fix tooltip position (#48495)
* CYS: fix tooltip position

* Add changefile(s) from automation for the following project(s): woocommerce

* trigger CI

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-14 10:43:07 +00:00
Alba Rincón 1f9b130357
[CYS - Full Composability]: When the user is in the "Design your homepage" menu, hovering over the header or footer will should not make them highlighted (#48358)
* Add inert to header and footer on the homepage

* Add changefile(s) from automation for the following project(s): woocommerce

* Refactor to pass query as a param to the hook

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-13 09:37:34 +02:00
Luigi Teschio 5c6c9923a5
CYS: hide popover when the mouse pointer leaves the site preview and then back. (#48394)
* CYS: hide popover when the mouse pointer leaves the site preview and then back

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-12 09:18:06 +00:00
Luigi Teschio 50b29d20f7
[Experimental] [CYS - Full Composability]: Add tooltip when user clicks on pattern (#47583)
* CYS: Show popover when the user clicks on the pattern

* Add changefile(s) from automation for the following project(s): woocommerce

* fix errors

* add documentation

* fix calculation

* improve performance

* remove not necessary else branch

* restore pnpm-lock

* improve function naming

* fix label

* improve logic

* remove dispatch

* remove console.log

* fix setLogoBlockIds

* fix build

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-05 12:27:35 +00:00
Luigi Teschio 72d7a8b929
[CYS Full Composability] Ensure that the assembler doesn't crash when the feature flag is enabled, but the site doesn't have the latest version of Gutenberg. (#47546)
* CYS: allow to the user to move the pattern

* add feature flag

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS: Add shuffle button

* CYS - add shuffle feature

* Add changefile(s) from automation for the following project(s): woocommerce

* use WooCommerce feature flag approach

* fix lint error

* Highlight the pattern when the user hovers it

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS - Assembler: improve feature flag check

* Add changefile(s) from automation for the following project(s): woocommerce

* improve logic

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:40:16 +00:00
Luigi Teschio 8c1173c94b
Highlight main block at hover (#47415)
* CYS: allow to the user to move the pattern

* add feature flag

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS: Add shuffle button

* CYS - add shuffle feature

* Add changefile(s) from automation for the following project(s): woocommerce

* use WooCommerce feature flag approach

* fix lint error

* Highlight the pattern when the user hovers it

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:16:25 +00:00
Luigi Teschio e0972ef6ea
[WIP] CYS - Core: add integration with the font library (#44004)
* CYS - Core: add integration with the font library

* install font only when necessary

* refactor logic

* add try catch

* renaming font

* refactor some code

* refactor some logic

* Add changefile(s) from automation for the following project(s): woocommerce

* remove not used import

* avoid mutability

* improve performance

* update name variable

* fix naming

* fix endpoints after font collection rest controller improvements

* use promise.all into the map

* improve performance

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-02-01 17:16:12 +00:00
Christopher Allford 88969742f2
Regenerate PNPM Lock File & Fix Errors (#41830) 2023-12-05 00:36:30 -08:00
Chi-Hsuan Huang 05cfe2fe98
Improve CYS assembler hub performance (#41453)
* Use custome iframe to improve iframe loading performance

* Add loadStyles and loadScripts props

* Fix sidebar pattern rerendering issue

* Add changelog

* Fix prop name

* Fix isScrollable
2023-11-15 21:06:05 +08:00
Chi-Hsuan Huang 3e1ee8e089
[CYS] Preload fonts in preview frame (#41421)
* Preload fonts in preview iframe

* Add changelog
2023-11-15 09:20:56 +08:00
Chi-Hsuan Huang f7012536cc
Fix CYS pattern thumbnail size (#41126)
* Fix pattern thumbnail size

* Add changelog and doc

* Remove unused import
2023-11-01 19:03:04 +08:00
Chi-Hsuan Huang 7142f80534
Update CYS color palettes and fonts based on the new Dotcom release (#40989)
* Update font pairings

* Remove font loader check

* Update default fonts

* Update color palette choices

* Add changelog

* Add default color styles config

* Add comment

* Fix tests

* Fix test
2023-10-26 14:15:53 +08:00
Chi-Hsuan Huang 0f6fd01e65
[Customize your store] Fix footer logo size (#40963) 2023-10-25 12:20:42 +08:00
Chi-Hsuan Huang 06ea7ae24a
[Customize your store] Fix site preview in transitional screen (#40588)
* Replace mshot image with preview editor frame in transitional screen

* Add changelog

* Fix test

* Use current xstate to check if it is transitional page
2023-10-05 07:36:08 -05:00
Chi-Hsuan Huang 4ac861d94c
[Customize your store] Make the frame not navigable for the MVP (#40431)
* Make the frame not navigable for the MVP

* Add changelog
2023-09-29 11:38:25 +08:00
Moon f106ca16b9
Customize Your Store - Homepage sidebar (#40140) 2023-09-19 13:54:19 +08:00
Moon e3ccb47b19
Customize Your Store - Footer (#40136)
* Update sidebar text

* Add to query pattern and blocks

* Move EntityProvider to access blocks from the sidebars

* Filter footer blocks

* Implement highlight effect

* Add changefile(s) from automation for the following project(s): woocommerce

* Update block list

* Use usePatterns

* Replace the last block instead of checking slug value

* Update block list

* Update footer sidebar

* Update sidebar item style

* Fix preview frame

* Update header and footer sidebar

* Remove console

* Sort patterns

* Fix item border style

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2023-09-18 17:29:29 +08:00
Chi-Hsuan Huang 4495a6a49e
Add customize store - fonts (#40082)
* Add customize store fonts

* Add changefile(s) from automation for the following project(s): woocommerce

* Add inline comment for font-hosting note

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/auto-block-preview.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Remove duplicated External dependencies

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-09-13 16:01:28 +08:00
Chi-Hsuan Huang c025b102fc
Add customize store assembler hub logo (#39932)
* Add @wordpress/blob for wc admin customize store project

* Update save-hub to save entities correctly

* Add logo block context

* Update block-editor to render different preview layout for different paths

* Add media uploader filter

* Update logo sidebar

* Fix auto block preview

* Update styles

* Update loading state

* Add changefile(s) from automation for the following project(s): woocommerce

* Add comments

Add comments

* Update pnpm-lock.yaml

* Update pnpm-lock.yaml

* Add custom resiable-frame

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/block-editor.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/sidebar-navigation-screen-logo.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/resizable-frame.jsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Open media uploader when clicking logo image

* Update style

* FRAME_TRANSITION -> frameTransition

* Fix missing import

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-09-05 14:21:19 +08:00
Chi-Hsuan Huang 843b4041be
Optimize customize store preview frame resize performance (#39930)
* Optimize customize store preview frame resize performance

* Add changefile(s) from automation for the following project(s): woocommerce

* Set isOversized to false to fix frame oversize issue

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-08-30 13:38:20 +08:00
Chi-Hsuan Huang 56f4ad623f
Add customize store assembler hub (#39843)
* Add @wordpress dependencies for customize store task

* Update webpack config to bundle wp edit-site package instead of using external

* Add customize-store task list item fill

* Update CustomizeStore task to load editor scripts and settings

* Update customize store routing path

Use /* since we want to match any path that starts with customize-store

* Add assembler-hub

* Ignore some wp packages from syncpack for customize store assembler hub

We need to use specific versions of these packages for the customize store
"@wordpress/interface", "@wordpress/router", "@wordpress/edit-site"

* Add changefile(s) from automation for the following project(s): woocommerce

* Tweak style

* Use CustomizeStoreContext and send xstate event

* Update assembler-hub style

* Fix nav width

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-08-28 09:28:05 +08:00