theme settings test
#AAAAAB

react testing stuff


below is a hardcoded react module using relative path ../components/modules/RuslanThemeModuleTrial-V0
commented out

This React Module is within a new Unified Theme build! wow!

Field Values: {"heading":"Hello World Test Update!"}

HubL Parameters: {"field_types":{"heading":"text"},"module_id":62544814119,"path":"@projects/RuslanUnifiedThemeProject/unifiedtheme/components/modules/RuslanThemeModuleTrial-V0","smart_type":"NOT_SMART","wrap_field_tag":"div"}

Module style classes: {"sample-react-module":"_sample-react-module_1j3eh_7"}

Props: {"heading":"Hello World Test Update!","dataQueryResult":{"extensions":{"query_complexity":{"max_points":30000,"used_points":355,"points_for_internal_api_requests":{"count":1,"weight":300,"used_points":300},"points_for_objects_retrieved":{"count":1,"weight":30,"used_points":30},"points_for_properties_with_value":{"count":8,"weight":3,"used_points":24},"points_for_properties_without_value":{"count":1,"weight":1,"used_points":1}}},"data":{"HUBDB":{"ruslantable":{"hs_created_at":1699316871493,"hs_updated_at":1707927637174,"hs_published_at":null,"hs_path":"pathentry","hs_name":"titleentry","hs_child_table_id":"0","name":"nameentry","datacolumn":"dataentry","categorytest":"[{id=58803361628, name='PENNSYLVANIA'}]"}}}},"fieldValues":{"heading":"Hello World Test Update!"},"hublParameters":{"field_types":{"heading":"text"},"module_id":62544814119,"path":"@projects/RuslanUnifiedThemeProject/unifiedtheme/components/modules/RuslanThemeModuleTrial-V0","smart_type":"NOT_SMART","wrap_field_tag":"div"},"hublData":null,"experimentalHublData":null,"moduleName":"relativePathReactModule","supplementalFieldValues":{"heading":{}}}

Data query result (hopefully dynamic): {"ruslantable":{"hs_created_at":1699316871493,"hs_updated_at":1707927637174,"hs_published_at":null,"hs_path":"pathentry","hs_name":"titleentry","hs_child_table_id":"0","name":"nameentry","datacolumn":"dataentry","categorytest":"[{id=58803361628, name='PENNSYLVANIA'}]"}}


(the hardcoded react module should be above)

below is a graphQL query result in the hubl theme
{items=[{_metadata={id=6951}, firstname=Ruslan, lastname=Onyshkevych, email=ronyshkevych@hubspot.com}]}
graphQL query result is above


here is a partial called by relative path: ../components/partials/IslandPartial.tsx
also removed
it can also be called by absolute path: @projects/RuslanUnifiedThemeProject/unifiedtheme/components/partials/IslandPartial.tsx

non react stuff, mostly junk


here ruslan is a section

1250 hello
rich text
hello

header ruslan
Skip to content

contact data123123
[{_metadata={id=6951}, firstname=Ruslan, lastname=Onyshkevych, email=ronyshkevych@hubspot.com}]

dnd

end dnd
dynamic stuff


filtered

filterd again
ronyshkevych@hubspot.com
"hello in the body"
inheritance test {color=#AAAAAB, opacity=99, rgba=rgba(170, 170, 171, 0.99), rgb=rgb(170, 170, 171), hex=#AAAAAB, css=rgba(170, 170, 171, 99%)}
one

two
two again

Something Powerful

Tell The Reader More

The headline and subheader tells us what you're offering, and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for.

Remember:

  • Bullets are great
  • For spelling out benefits and
  • Turning visitors into leads.
afterwards
Add a button link here

my thing
Hello, world! This is JS rendered

working thing
1732224551 Hello, world!
hello2222


end hardcoded for real

three
color1
BrandingColor{hex=#888eea}
color test
[#0000FF]
pprint
(SizeLimitingPyMap: {bg_image=, color_1=, color_2=, particle=, particle_new=})
normal {particle_new=, particle=, color_1=, bg_image=, color_2=}
cur
$15,555.33

JS
JS again


partial


address
[25 First Street, 2nd Floor, 02141 Cambridge, MA United States]
preview
false
false
is_in_theme_editor