Commit Graph

253 Commits

Author SHA1 Message Date
Alba Rincón ce94ce2328 Rename the reference to the 'Footer with Simple Menu and Cart'
The pattern was rename to 'Footer with Simple Menu' in the woocommerce-blocks repo so we need to update the reference here as well
2023-11-03 11:36:33 +08:00
Adrian Duffell 62a833e834
Update Pattern Thumbnail Shadow (#41157)
* Update pattern thumbnail shadow

* Remove whitespace

* Add changelog

* Remove specific container class

* Include new gutenberg class

* Add border for selected homepage option, lint

* Fix jumpy borders in pattern assembler menu items

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-11-01 23:41:57 +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 23e8324163
[CYS] Fix "Drag to resize" styling when spotlight tour is present (#41150)
* Add changelog

* Update "Drag to resize" styling when spotlight tour is present
2023-11-01 19:01:51 +08:00
Chi-Hsuan Huang 1ca93287ca
[CYS] Fix Spotlight Tour caret is not centered vertically (#41154)
* Fix CYS Spotlight Tour caret is not centered vertically

* Add changelog
2023-11-01 16:54:53 +08:00
Moon 79138bf13c
CYS - Hide theme and default palettes (#41103)
* Hide theme and default palette

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

* Lint fix

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-11-01 14:40:55 +08:00
Chi-Hsuan Huang 391aa15e79
[CYS] Remove disproportionate spacing above and below logo preview (#41151)
* Remove disproportionate spacing above and below logo

* Add changelog
2023-11-01 13:32:33 +08:00
Chi-Hsuan Huang 75114728f0
[CYS] Reduce the logo preview to a maximum width of 250px (#41122)
* Reduce the logo preview to a maximum width of 60px

* Add changelog

* Set max height and width to 250px

60px was too small!

---------

Co-authored-by: Adrian Duffell <9312929+adrianduffell@users.noreply.github.com>
2023-11-01 12:34:54 +08:00
Chi-Hsuan Huang 2902cdee92
[CYS] Fix undefined query id warning (#41083)
* Fix Warning: Undefined array key "queryId"

* Add changelog

* Update trigger save button logo

* Update plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/save-hub.tsx

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

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-11-01 12:30:47 +08:00
Chi-Hsuan Huang ef2fb598c4
[Customize your store] Fix default width for logo (#41080)
* Set default logo width when updating the template

* Set current logo width to the inserting patterns

* Add changelog

* Fix tests

* Apply logo width in use-patterns
2023-10-31 21:44:09 +08:00
Chi-Hsuan Huang 7b00687a38
Fix CYS assembler hub UI issues (#41036)
* Set default logo size to 60px and max to 200px

* Hide homepage template label

* Scroll to position when selecting a pattern

* Fix preview opacity issue

* Update sidebar scrollbar style

* Fix onboarding tour resize handle

* Add changelog
2023-10-26 18:15:30 +08:00
Ilyas Foo b108e19a93
Try using iframe for loading assembler hub behind the scenes (#40936)
* Try using iframe for loading assembler behind the scenes

* Add css

* Lint

* Changelog

* Update plugins/woocommerce-admin/client/customize-store/design-with-ai/actions.ts

* Handle navigations around CYS if we're using iframe

* Add better loading handler

* Increase loader screen intervals

* Fix navigation

* Increase loader timeout to 30 seconds

* Much better loading detect from editor hook as suggested by Chi

* Unused import

* Lint css
2023-10-26 16:46:50 +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
Moon 8687986e79
Customize your store - Link site icon to Woo Home (#40888)
* Link site icon to Woo Home

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-25 13:09:05 +08:00
Chi-Hsuan Huang 6503da23aa
Increase sidebar back button z-index to 2 (#40970) 2023-10-25 12:21:48 +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 64260d987d
Update thumbnail border radius to 4px in CYS assembler (#40967) 2023-10-25 12:20:23 +08:00
Moon bd1fda4891
Remove green/yellow color palette from pattern assembler (#40887)
* Remove green/yellow color palette from pattern assembler

* Remove Lemon Myrtle

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-10-25 11:34:55 +08:00
Ilyas Foo d8d896741b
CYS: Remove spotlight tour modal shadow (#40861)
* Tweak css for spotlight tour modal shadow

* Changelog

* Lint
2023-10-21 07:34:18 +08:00
Ilyas Foo c87aae495f
CYS: Update save and done button loading indicator to use spinner (#40840)
* Update save and done button loading indicator to use spinner

* Set Done button to disabled while it's resolving

* Changelog
2023-10-19 22:12:53 +08:00
Chi-Hsuan Huang 532bb3056e
Replace font ai suggestion with pre-defined rule-based approach (#40696) 2023-10-12 01:35:46 -05:00
Chi-Hsuan Huang e87835e95b
Improve CYS font/color performance (#40701)
* Move BlockEditorProvider to variation container and set useSubRegistry to true

* Add custom iframe component

* Add changelog
2023-10-12 12:32:20 +08:00
Ilyas Foo 1b18634ad3
Fix CYS font pairing issues (#40668)
* Remove invalid text parameter used to optimize loaded font

* Fix preview not loading the heading and text font families

* Changelog
2023-10-11 13:40:08 +08:00
Chi-Hsuan Huang 6ce8199e97
[Customize Your Store] Add "Inter + Inter" font pairing & Set default font pairing (#40611)
* Add Inter + Inter font pairing

* Set default font pairing

* Add changelog
2023-10-06 03:53:52 -05:00
Chi-Hsuan Huang fbb294f543
[Customize Your Store] Fix preview opacity style does not reset after saving changes (#40612)
* Reset highlighted block index after saving

* Add changelog
2023-10-05 07:39:24 -05: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 7918e1ee5c
[Customize Your Store] Retain unsave changes and save all when users click the "done" button (#40541)
* Retain unsave changes and save all the unsaved when users click the "done" button

* Add changelog

* Update save hub
2023-10-04 12:16:41 +08:00
Chi-Hsuan Huang de1fe1bf96
Fix Customize Your Store UI bugs (#40456)
* Add woocommerce_customize_store_ai_suggestions option to allowed list

* Add z-index=1 to tour-kit close btn to ensure it's clickable

* Fix cys container classname

* Fix color palette border style and frame spinner position

* Fix janky ai loader

* Add changelog

* Fix classname and section header spacing

* Fix cannot save cys logo changes

* Add use-selected-pattern hoook to add selected style to pattern

* Fix opacity preview issue

* Revert interval change

* Add test

* Fix findPatternByBlock

* Fix range input focus style

* Fix lint
2023-10-02 16:28:13 +08:00
RJ ceb5f942ea
fix: cys assembler font loading optimisations (#40458)
* fix: cys assembler font loading optimisations

* lint
2023-09-29 13:20:29 +08: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
RJ 858fdecc52
fix: cys site assembler color palette persistence bug (#40396)
Fix the bug where sometimes switching from user defined color palettes to a pre-defined color palette won't set some colors.
2023-09-27 16:27:04 +08:00
RJ bf80b7a534
add: use ai suggestions to populate color schemes in assembler hub (#40377) 2023-09-26 11:32:14 +08:00
Ilyas Foo 0b2ad50a21
CYS: Add homepage template AI completion and revamped header footer (#40363)
* Moved homepage templates, added header and footer to homepage templates,  revamped templates to use metadata.

removed header and footer completion calls

* Lint

* Slight adjustment to completion prompt and changelog

* Lint

* Use header and footer in 'Change your homepage'

* Add test

* Lint

* Add back homepage templates exclusion header and footer for assembler use

* Add test for useHomeTemplates

* Lint
2023-09-25 18:30:31 +08:00
Chi-Hsuan Huang 0c43712b68
[Customize Your Store] Hide color panel and fix nav links on WooExpress site (#40326) 2023-09-22 14:27:22 +08:00
Chi-Hsuan Huang 7f9322c858
[Customize Your Store] Loading - Persisting AI assembled site (#40294)
* Persist AI assembled site

* Update color options

* Invalid the selectors

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

* Fix lint

* Update colorPaletteName

* Fix tests

* [Customize Your Store] Call wc store patterns API (#40297)

* Call /wc/store/v1/patterns endpoint to populate pattern contents/images

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

---------

Co-authored-by: github-actions <github-actions@github.com>

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-21 13:30:57 +08:00
Moon b9b4dc852c
Customize Youre Store - Use all six homepage templates (#40313)
* Use all 6 homepage templates

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

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-20 18:47:59 -07:00
Chi-Hsuan Huang 2313667d81
Address CYS UI feedback 19 Sep (#40269)
* Direct user to the assembler hub automatically after saving

* Unset active state on color palette when user changes colors

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

* Remove unneed styles

* Fix color variation logic

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-20 12:52:22 +08:00
RJ 10bb0cc822
fix/cys ui feedback 12 sep (#40155) 2023-09-20 10:47:05 +08:00
Moon f106ca16b9
Customize Your Store - Homepage sidebar (#40140) 2023-09-19 13:54:19 +08:00
Chi-Hsuan Huang e1f9264bb6
Add tracks to CYS assembler-hub and hide pages sidebar screen (#40156)
* Add tracks to assembler-hub and hide add pages menu

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

* Track sidebar menu item click event

* Update tour tracks

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-19 11:37:46 +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 80eaece265
Add customize store transitional screen (#40122)
* Add CYS transitional screen

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

* Add tests

* Update preview loading style and add requeue param

* Fix visible logic

* Fix img size

* Update comments

* Fix lint

* Pre-fetch image and wait a 5s before redirecting to transitional page after clicking on done button

* Remove unneed overflow

* Move pre-fetch logic to xstate and use spinner for button loading state

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-15 12:01:02 +08:00
Sam Seay 36c644a1c4
Customize your store header (#40107)
This closes #39718 by loading header patterns in the header customization menu of the assembler.
2023-09-14 20:24:46 +12: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
RJ e52d11a87e
add: url navigation to cys (#40068)
* add: url navigation to cys

* bugfix for url not updating

* url handling for design-with-ai

* fixed url syncing so that it's working with @woocommerce/navigation

* changed useLocation to useQuery in assembler-hub save-hub
2023-09-12 14:32:50 +08:00
Chi-Hsuan Huang 940b24cce2
Add customize store colors (#40051)
* Add cys color palettes

* Add reference links

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

* Rename color-palette

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

* Update folder structure

* Reset color changes when navigating back

* Rename files

* Update COLOR_PALETTES options

* Add color-palette-variations/preview.tsx

* Fix double slash links

* Fix color variations item style

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-11 17:48:23 +08:00
Chi-Hsuan Huang 2fc0201632
Fix CYS `__experimentalReapplyBlockTypeFilters` is not a function (#40104)
* Fix __experimentalReapplyBlockTypeFilters is not a function

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

Update changelog

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-11 15:13:40 +08:00
Chi-Hsuan Huang c9b8236f53
Add customize store assembler hub onboarding tour (#39981)
* Update tour-kit to have a optional skip button and custom secondary button label

* Add changelog

* Add onboarding tour

* Update layout and resiable-frame for onboarding tour

* Update onboarding tour style

* Update resizable handler

* Add changefile(s) from automation for the following project(s): @woocommerce/components, woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2023-09-05 15:12:04 +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
RJ 5f87296805
fix: missed lint error in assembler hub PR (#39964) 2023-08-30 10:45:13 -05: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
RJ d663c304c9
add: customize your store xstate scaffolding (#39619)
* add: customize your store xstate scaffolding

* Update plugins/woocommerce-admin/client/core-profiler/types.tsx

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

* improved findComponentMeta

---------

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-08-18 13:30:25 +08:00