diff --git a/docs/community/office-hours.mdx b/docs/community/office-hours.mdx index 512e427bd..6eadb53aa 100644 --- a/docs/community/office-hours.mdx +++ b/docs/community/office-hours.mdx @@ -3,22 +3,16 @@ title: Office Hours Registration sidebar_position: 3 sidebar_label: Office Hours description: Office Hours with Cloud Posse +hide_title: true id: office-hours tags: - office-hours - community --- -import HubspotForm from 'react-hubspot-form' +import CloudPosseOfficeHoursEmbed from '@site/src/components/CloudPosseOfficeHoursEmbed'; import { YouTubePlaylist } from '@codesweetly/react-youtube-playlist'; - console.log('Submit!')} - onReady={(form) => console.log('Form ready!')} - loading={
Loading...
} -/> + ## Past Recordings diff --git a/docs/community/slack.mdx b/docs/community/slack.mdx index 3c2f4314e..88818fa3a 100644 --- a/docs/community/slack.mdx +++ b/docs/community/slack.mdx @@ -8,21 +8,10 @@ tags: - slack - community --- +import CloudPosseSlackEmbed from '@site/src/components/CloudPosseSlackEmbed'; ## Join our Slack Community! Cloud Posse has a great community of active users who are more than willing to help each other. So, join us! - + diff --git a/package-lock.json b/package-lock.json index cf81001ee..8a2b882a0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -125,13 +125,13 @@ } }, "node_modules/@ai-sdk/react": { - "version": "2.0.119", - "resolved": "https://registry.npmjs.org/@ai-sdk/react/-/react-2.0.119.tgz", - "integrity": "sha512-kl4CDAnKJ1z+Fc9cjwMQXLRqH5/gHhg8Jn9qW7sZ0LgL8VpiDmW+x+s8e588nE3eC88aL1OxOVyOE6lFYfWprw==", + "version": "2.0.120", + "resolved": "https://registry.npmjs.org/@ai-sdk/react/-/react-2.0.120.tgz", + "integrity": "sha512-x7Oa2LDRURc8uRnAdcEfydbHLSXGYjNaFlQrGuxZAMfqhLJQ+7x4K8Z6O5vnLt414mrPaVvgirfRqsP/nsxtnw==", "license": "Apache-2.0", "dependencies": { "@ai-sdk/provider-utils": "3.0.20", - "ai": "5.0.117", + "ai": "5.0.118", "swr": "^2.2.5", "throttleit": "2.1.0" }, @@ -6542,9 +6542,9 @@ } }, "node_modules/ai": { - "version": "5.0.117", - "resolved": "https://registry.npmjs.org/ai/-/ai-5.0.117.tgz", - "integrity": "sha512-uE6HNkdSwxbeHGKP/YbvapwD8fMOpj87wyfT9Z00pbzOh2fpnw5acak/4kzU00SX2vtI9K0uuy+9Tf9ytw5RwA==", + "version": "5.0.118", + "resolved": "https://registry.npmjs.org/ai/-/ai-5.0.118.tgz", + "integrity": "sha512-sKJHfhJkvAyq5NC3yJJ4R8Z3tn4pSHF760/jInKAtmLwPLWTHfGo293DSO4un8QUAgJOagHd09VSXOXv+STMNQ==", "license": "Apache-2.0", "dependencies": { "@ai-sdk/gateway": "2.0.24", @@ -7062,9 +7062,9 @@ "license": "MIT" }, "node_modules/baseline-browser-mapping": { - "version": "2.9.11", - "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz", - "integrity": "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==", + "version": "2.9.12", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.12.tgz", + "integrity": "sha512-Mij6Lij93pTAIsSYy5cyBQ975Qh9uLEc5rwGTpomiZeXZL9yIS6uORJakb3ScHgfs0serMMfIbXzokPMuEiRyw==", "license": "Apache-2.0", "bin": { "baseline-browser-mapping": "dist/cli.js" @@ -8245,9 +8245,9 @@ } }, "node_modules/css-declaration-sorter": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.3.0.tgz", - "integrity": "sha512-LQF6N/3vkAMYF4xoHLJfG718HRJh34Z8BnNhd6bosOMIVjMlhuZK5++oZa3uYAgrI5+7x2o27gUqTR2U/KjUOQ==", + "version": "7.3.1", + "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-7.3.1.tgz", + "integrity": "sha512-gz6x+KkgNCjxq3Var03pRYLhyNfwhkKF1g/yoLgDNtFvVu0/fOLV9C8fFEZRjACp/XQLumjAYo7JVjzH3wLbxA==", "license": "ISC", "engines": { "node": "^14 || ^16 || >=18" @@ -20366,9 +20366,9 @@ } }, "node_modules/ufo": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.1.tgz", - "integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==", + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.2.tgz", + "integrity": "sha512-heMioaxBcG9+Znsda5Q8sQbWnLJSl98AFDXTO80wELWEzX3hordXsTdxrIfMQoO9IY1MEnoGoPjpoKpMj+Yx0Q==", "license": "MIT" }, "node_modules/undici-types": { @@ -21247,9 +21247,9 @@ } }, "node_modules/webpack-dev-server/node_modules/ws": { - "version": "8.18.3", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz", - "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==", + "version": "8.19.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz", + "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==", "license": "MIT", "engines": { "node": ">=10.0.0" @@ -21636,9 +21636,9 @@ "license": "MIT" }, "node_modules/zod": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/zod/-/zod-4.2.1.tgz", - "integrity": "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw==", + "version": "4.3.5", + "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz", + "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==", "license": "MIT", "peer": true, "funding": { diff --git a/src/components/CloudPosseOfficeHoursEmbed/index.tsx b/src/components/CloudPosseOfficeHoursEmbed/index.tsx new file mode 100644 index 000000000..fc15b4893 --- /dev/null +++ b/src/components/CloudPosseOfficeHoursEmbed/index.tsx @@ -0,0 +1,40 @@ +import React, { useEffect, useState } from 'react'; + +export default function CloudPosseOfficeHoursEmbed(): JSX.Element { + const [theme, setTheme] = useState<'light' | 'dark'>('dark'); + + useEffect(() => { + const checkTheme = () => { + const currentTheme = document.documentElement.getAttribute('data-theme'); + setTheme(currentTheme === 'dark' ? 'dark' : 'light'); + }; + + checkTheme(); + + // Watch for theme changes + const observer = new MutationObserver(checkTheme); + observer.observe(document.documentElement, { + attributes: true, + attributeFilter: ['data-theme'], + }); + + return () => observer.disconnect(); + }, []); + + const src = `https://cloudposse.com/embed/office-hours?theme=${theme}&bg=transparent&utm_source=cloudposse-docs&utm_medium=embed&utm_campaign=office-hours&utm_content=community-page`; + + return ( + +