Notes

I just needed a place to make notes:

log:

22/01/11 – Brought WP up to v.6.2-alpha-54932 

21/03/30 – Big relief in dealing with the Gutenberg repo. It’s been cut down from 2.2GB to 400MB. see: https://github.com/WordPress/gutenberg/issues/29008#issuecomment-795710437

Todo:

22.01/11

• build out some block patterns
• test out some full site editing features.
• drop jQuery from the theme, bring BS up to date. 
• duplicate theme to Tailwind version
• test out deploying playground WASM version for clients. 

21/03/10 – report the react warning to Gutenberg github repo

21/03/09 – Change the tab size in the code block

21/03/06 – Translation Ready ?

21/03/05 – Search Bar Expand on Mobile

21/03/03 – Need to adjust the the Footer Menu ( Bottom ) to accommodate large menus. Noticed that it’s pushing the container width on mobile with long menus.

21/03/02 -Found a couple errors scrolling mobile

• Post Format: Image (Caption ) – /post-format-image-caption/ – second image overruns the container on mobile.
• The Search bar on mobile is not expanding to max width
• The commenting fields need validation and non-inline labels for mobile

Error.log:

21/03/02 – Likey jQuery here doing the blocking. Making an effort to drop it all together in favor of vanilla JavaScript.

[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. 
Consider marking event handler as 'passive' to make the page more responsive.
See https://www.chromestatus.com/feature/5745543795965952
init	@	comment-reply.js?ver=5.8-alpha-50447:96
ready	@	comment-reply.js?ver=5.8-alpha-50447:63

React warning Gutenberg

react-dom.82e849f1.js:82 Warning: Received NaN for the `height` attribute. If this is expected, cast the value to a string.
    in iframe (created by Hf)
    in Hf (created by rt)
    in div (created by Context.Consumer)
    in StyledWrapper (created by Ol)
    in Ol (created by rt)

jQuery Migrate Warnings – Gutenberg

jquery-migrate.js?ver=3.3.2:100 JQMIGRATE: jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos
migrateWarn @ jquery-migrate.js?ver=3.3.2:100
get @ jquery-migrate.js?ver=3.3.2:113

jquery-migrate.js?ver=3.3.2:100 JQMIGRATE: jQuery.isArray is deprecated; use Array.isArray
migrateWarn @ jquery-migrate.js?ver=3.3.2:100
obj.<computed> @ jquery-migrate.js?ver=3.3.2:125
$.widget @ core.js?ver=1.12.1:1102
(
jquery-migrate.js?ver=3.3.2:100 JQMIGRATE: jQuery.isFunction() is deprecated
migrateWarn @ jquery-migrate.js?ver=3.3.2:100
obj.<computed> @ jquery-migrate.js?ver=3.3.2:125
(anonymous) @ core.js?ver=1.12.1:1147
each @ jquery.js?ver=3.5.1:387
$.widget @ core.js?ver=1.12.1:1146
(anonymous) @ mouse.js?ver=1.12.1:35

jquery-migrate.js?ver=3.3.2:100 JQMIGRATE: jQuery.unique is deprecated; use jQuery.uniqueSort
migrateWarn @ jquery-migrate.js?ver=3.3.2:100
obj.<computed> @ jquery-migrate.js?ver=3.3.2:125

jquery-migrate.js?ver=3.3.2:100 JQMIGRATE: jQuery.fn.click() event shorthand is deprecated

Console Warning from react_devtools_backend.js > when clicking on “Advanced” in Gutenberg v. 10.11.1

react_devtools_backend.js:2430 Warning: React does not recognize the `valuePlaceholder` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `valueplaceholder` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    in input (created by ForwardRef(e))
    in div (created by Context.Consumer)
    in StyledField (created by Mt)
    in div (created by Context.Consumer)
    in Wrapper (created by Mt)
    in Mt (created by ForwardRef(e))
    in ForwardRef(e) (created by WithInspectorControl(WithToolbarControls(Component)))
    in S (created by x)
    in x (created by InspectorAdvancedControlsFill)
    in InspectorAdvancedControlsFill (created by Qr)
    in Qr (created by WithInspectorControl(WithToolbarControls(Component)))
    in WithInspectorControl(WithToolbarControls(Component)) (created by WithInspectorControl(WithInspectorControl(WithToolbarControls(Component))))
    in WithInspectorControl(WithInspectorControl(WithToolbarControls(Component))) (created by WithToolbarControls(WithInspectorControl(WithInspectorControl(WithToolbarControls(Component)))))
    in WithToolbarControls(WithInspectorControl(WithInspectorControl(WithToolbarControls(Component))))
    in Unknown (created by WithDispatch(Component))
    in WithDispatch(Component)
    in Unknown (created by WithMultipleValidation(WithToolbarControls(WithInspectorControl(WithInspectorControl(WithToolbarControls(Component))))))
    in WithMultipleValidation(WithToolbarControls(WithInspectorControl(WithInspectorControl(WithToolbarControls(Component))))) (created by WithFilters(Component))
    in WithFilters(Component) (created by tl)
    in tl
    in o
    in Unknown (created by (Component))
    in (Component) (created by ((Component)))
    in ((Component)) (created by WithFontSizeInlineStyles(((Component))))
    in WithFontSizeInlineStyles(((Component))) (created by WithFilters(Component))
    in WithFilters(Component) (created by IfCondition(WithFilters(Component)))
    in IfCondition(WithFilters(Component)) (created by WithDispatch(IfCondition(WithFilters(Component))))
    in WithDispatch(IfCondition(WithFilters(Component)))
    in Unknown (created by Pure(WithSelect(WithDispatch(IfCondition(WithFilters(Component))))))
    in Pure(WithSelect(WithDispatch(IfCondition(WithFilters(Component))))) (created by jd)
    in jd (created by kd)
    in kd (created by hd)
    in div (created by hd)
    in hd (created by T)
    in div (created by Zl)
    in Zl (created by T)
    in div (created by T)
    in div (created by T)
    in T (created by tr)
    in div (created by ForwardRef)
    in div (created by ForwardRef)
    in div (created by ForwardRef)
    in div (created by ForwardRef)
    in ForwardRef (created by tr)
    in tr (created by ar)
    in o (created by ar)
    in Unknown
    in Unknown (created by Context.Consumer)
    in WithRegistryProvider(Component)
    in $a
    in an
    in an
    in Unknown
    in Unknown (created by Context.Consumer)
    in WithRegistryProvider(Component) (created by ar)
    in Ll (created by ar)
    in w (created by p)
    in p (created by ar)
    in StrictMode (created by ar)
    in ar

error with npm ci build due to higher version of NPM: resolved by removing the <7 in the package

david@macs?:~/sites/wp/app/plugins/guten-dev(dwp-dev○) » npm ci
npm ERR! code EBADENGINE
npm ERR! engine Unsupported engine
npm ERR! engine Not compatible with your version of node/npm: gutenberg@10.1.1
npm ERR! notsup Not compatible with your version of node/npm: gutenberg@10.1.1
npm ERR! notsup Required: {"node":">=10.0.0","npm":">=6.9.0 <7"}
npm ERR! notsup Actual:   {"npm":"7.6.2","node":"v14.15.4"}