[FEATURE]: improve user experience (slow 3G) with page transitions when fetching data #68
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
slackermorris
added a commit
that referenced
this pull request
Mar 23, 2023
* chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations
slackermorris
added a commit
that referenced
this pull request
Jun 23, 2023
* chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79)
slackermorris
added a commit
that referenced
this pull request
Jun 23, 2023
* chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials
slackermorris
added a commit
that referenced
this pull request
Jun 30, 2023
* chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: dale.2 images for content page (#85) * feature: dale.2 images for content page * feature: update flower-blob-animation to be randomised * feature: update flower-blob-animation to be randomised * fix: codeblock component was printing code to screen.. weird (#88) * [FEATURE]: support for inline code blocks (#90) * [FIX]: category buttons text wrap and overflow issues fixed (#93) * fix: category buttons text wrap and overflow issues fixed * fix: landing page content is now centered
slackermorris
added a commit
that referenced
this pull request
Jul 4, 2024
* [FEATURE]: staging to production merge (#83) * chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: staging to production merge (#94) * chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: dale.2 images for content page (#85) * feature: dale.2 images for content page * feature: update flower-blob-animation to be randomised * feature: update flower-blob-animation to be randomised * fix: codeblock component was printing code to screen.. weird (#88) * [FEATURE]: support for inline code blocks (#90) * [FIX]: category buttons text wrap and overflow issues fixed (#93) * fix: category buttons text wrap and overflow issues fixed * fix: landing page content is now centered * chore: customised README
slackermorris
added a commit
that referenced
this pull request
Jul 4, 2024
* [FEATURE]: staging to production merge (#83) * chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: staging to production merge (#94) * chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: dale.2 images for content page (#85) * feature: dale.2 images for content page * feature: update flower-blob-animation to be randomised * feature: update flower-blob-animation to be randomised * fix: codeblock component was printing code to screen.. weird (#88) * [FEATURE]: support for inline code blocks (#90) * [FIX]: category buttons text wrap and overflow issues fixed (#93) * fix: category buttons text wrap and overflow issues fixed * fix: landing page content is now centered * chore: customised README
slackermorris
added a commit
that referenced
this pull request
Jul 11, 2024
* [FEATURE]: staging to production merge (#83) * chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: staging to production merge (#94) * chore / replace-vitest-with-jest (#1) * feature: jest-config added * chore: ensure tsconfig respects node and jest as globally available environments; * feature: add dependencies related to swapping jest in as testing suite; * test: add styleMock; * chore: add generated server index.js.map to gitignore; * feature: BraindumpsIndex page test scaffolding; * chore: remove unused deps including jest-module-name-mapper (no need for this util); * chore: add test coverage directory to gitignore * chore: corrected CI workflow for testing; * fix: type checking failing because of this * fix: type checking failing because of this * feature / initial-integration-of-notion-cms (#2) * feature: added notion SDK to project; * feature: export notion client from root (need a singleton); * chore: constants file; * feature: http-caching of Braindumps page (document and loader), CatchBoundary also added; * chore: do not include any .js.map files into commit; * chore: some rearranging in package.json??; * feature: braindump loader helper implemented with test coverage * chore: braindump route cleanup * test: remove unused route/braindump test * chore: add ts-ignore statements because compiler isn't properly picking up on NotionAPI types * feature / link to and implement render content of individual braindumps (#3) * feature: improved upon braindump extractor/payload formatting * feature: add through link to specific braindump from braindump list page * chore: remove code comment about using singleton * feature: Components used to format Notion API 'braindump' JSON payload * chore: updated README to include links referring to influences * feature: initial implementation of braindump - specific article * feature: add custom fonts to project used in specific braindump * feature: extend base tailwind theme, no need for CSS abstractions opted for consistent component and template partials * feature: inline styling of components with template partials (themeing) * feature: initial implementation of the layout for specific braindump article * refactor: improvement to generic components related to Notion CMS, includes fixing console errors due to React becoming confused about rendered Components * chore: remove console log * feature: updated to Component styles for Title.H3 * feature: references Component implemented and retrieving dynamic content from CMS * feature: CodeBlock Component implemented with improvement to nested P Component * feature: CodeBlock Component rendered (if present) on Braindump Page * feature: added highlight.js for syntactic highlighting * chore: Remix regenerates tsconfig file for some strange reason * feature: added randomising of border-radius functionality for irregular shape generation * feature: add yellow-meringue to tailwind theme * feature: add ability for highlighting to Paragraph Component * feature: AnimatedButton on Braindump Page similar to Komono * feature: clean up Braindump Page layout * feature: InnerLayout Component which has logic for irregular shape transistion implemented * feature: add InnerLayout Component to Braindump Page, also tested for unnecessary re-renders to child Components: were none :D * refactor: adjust duration of InnerLayout transistion * feature: a bit more padding for the Braindump Page * fix: remove flash from AnimatedButton - https://stackoverflow.com/questions/46960449/how-to-avoid-flickering-on-box-shadow-transition\#:\~:text\=Try%20setting%20a%20boxshadow%20of%20.09px * fix: unique key for iteratable Component * feature: Braindump references link to new window * feature: update shared Components to use className to stich styleProp to tailwind theme * chore: package-lock * chore: add package-lock * feature: fresh layout for Braindump entry Page * chore: bump @remix deps * chore: react-dom update requires using different import * feature: making use of fuzzy-scrawl animation component * chore: somethng is going awry wrt cypress tests, had to comment out the following code * chore: typings for BostockMetaballAnimation * feature: tweak to Components to accept styleProps * feature: introduced BostockMetaballAnimation with npm link * feature: extended the tailwind config to include grid * feature: Braindump page no longer makes use of Fuzzy Scrawl animation Component * feature: update favicon * feature: add bostock animation and fuzzy scrawl as deps * feature: better encapsulation of braindumps page logic as Components * feature: clean up landing page code * feature: add error boundary to root * feature: add new version of fuzzy-scrawl * feature: jeeez a lot of rearranging--nested files (layout nesting + nested urls) and flat files (no layout nesting + nested urls) * refactor: remove some boilerplate stuff and other dead code * [FEATURE]: establish error boundaries for layout routes (#14) * chore: establishing PR * feature: CatchBoundary in braindumps list nested route handles for bad requests, etc; ErrorBoundary is a catch all : * [FIX]: correct ci/cd pipeline (#17) * chore: PR link to issue * fix: TS errors fixed * refactor: remove vitest from package.json and github workflow * fix: couldn't resolve polyfill module because absolute url was waaay off * fix: cypress tests now running green * [FIX]: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) (#20) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * fix: limit typescript compiler to app directory to resolve conflict between global expect from Jest (unit tests) and Mocha (E2E, bundled with Cypress) * feature: enabled test routes (the grunge boilerplate was broken) * feature: enabled test routes (the grunge boilerplate was broken) * feature: updated arc file to include stack name and deployed to region * chore: run CI/CD pipeline when pushing on this branch * [FIX]: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching (#25) * fix: remove unused loader from braindump index--was causing issues with Cypress visiting root and redirecting to here without proper intercept for data fetching * fix: use newer version of cypress github action * refactor: remove cypress as deployment pre-req (FOR NOW) * fix: staging deployment is triggered on develop branch * feature: deploy to staging environment * feature: deploy to staging environment with NOTION CRM env vars (#29) * [feature]: fallback page for mobile devices; customising tailwind styles using CSS layers (#32) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * [fix]: css syntax error "text-xl" wrongly configured (#33) * feature: if on mobile show mobile friendly page--this included setting tailwind specific breakpoints for Title Component font sizes * feature: fall back page and background image for when users' are on mobile * feature: point to entry point .css file to apply custom styles--currently being applied to <h> tags * feature: add custom styles using preflight base styles * fix: broke build pipeline because css syntax issue * fix: layout was completely janked * fix: eslint issues taken care of (#34) * delete server directory * [chore]: cleanup eslint warnings + remove `server` dir from source control (#35) * fix: eslint issues taken care of * chore: ignore auto generated server directory * [feature]: write copy for website (#38) * refactor: dot notation for table component (introduction panel) * refactor: better padding for braindumps list * [fix]: repairing page navigation so we don't land on mobile only page (#40) * chore: establishing PR * feature: splash page does not render content unless on the client (we depend too much on browser based APIs for solutions to our problems) * [fix]: late content fetching causes layout shifts (#42) * chore: establishing PR * fix: font path url matches the actual url where the font is served from * fix: some better styling choices; removed some content; page does not overflow because of body content (#46) * feature: content page styling fixed, need to do something about the references section (#49) * [FEATURE]: remove the "references" title from the content page... will restore later (#52) * feature: content page styling fixed, need to do something about the references section * feature: get rid of the references title * feature: deploy production off of master branch * feature: actually specify cache control headers, especially for the braindump content page (#57) * feature: preload fonts so we can avoid layout jankiness when they eventually load (#59) * [FEATURE]: add page transitions (#62) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * [FEATURE]: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations (#66) * feature: add animejs to project * feature: new Layout Component which encapsulates CSS used to achieve full viewport height (have to take banner into consideration) * feature: add Transition Components to project and use them * chore: cleanup function for morphing transition useEffect * feature: using sessionStorage only run content animation on FIRST page load (might revise this for running other animations) * [FEATURE]: improve user experience (slow 3G) with page transitions when fetching data (#68) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * [FEATURE]: page transitions when first data fetching slow 3 g improvement (#69) * feature: needed native tailwind colours for gradient map effect * feature: page transition for fetching data--gradient map * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * feature: randomise fuzzy-scrawl animation on braindump links--need to wait for patched library to update in npm registry * chore: fixing merge conflicts up between this and master * fix: linting issues redeclarations * [FEATURE]: improve content page layout (#72) * feature: CodeBlock refactor to resemble Huys * feature: updating styles to.. well.. not quite sure as I have forgot.. but I am * fix: was getting lambda timeout errors so increased timeout via arc * [FEATURE]: updated content page to have same colours as Huys' (#73) * feature: updated content page to have same colours as Huys' * chore: clean up eslint warnings * feature: barrel export components (#74) * [FEATURE]: buttons to filter braindump categories (#76) * feature: buttons to filter braindump categories * feature: colours for category buttons now fixed.. also memoised so no change in attributed colour per render * feature: better styling for category buttons * feature: successful type support for Notion API content (#79) * chore: needed to set ARC credentials * [FEATURE]: dale.2 images for content page (#85) * feature: dale.2 images for content page * feature: update flower-blob-animation to be randomised * feature: update flower-blob-animation to be randomised * fix: codeblock component was printing code to screen.. weird (#88) * [FEATURE]: support for inline code blocks (#90) * [FIX]: category buttons text wrap and overflow issues fixed (#93) * fix: category buttons text wrap and overflow issues fixed * fix: landing page content is now centered * chore: customised README
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.