fix(app,docs): latest version caching issue

apps/app/package.json

@@ -15,7 +15,7 @@
     "prepare": "panda codegen"
   },
   "dependencies": {
-    "@flows/js": "0.0.38",
+    "@flows/js": "0.0.39",
     "@marsidev/react-turnstile": "^0.5.2",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-slot": "^1.0.2",

apps/app/src/app/(dashboard)/org/[organizationId]/project/[projectId]/(detail)/getting-started/instal-instructions.tsx

@@ -12,7 +12,7 @@ type Props = {
 };
 
 const CDNSnippet: FC<Props> = async ({ projectId }) => {
-  const latestPackageJson = await fetch("https://cdn.jsdelivr.net/npm/@flows/js/package.json").then(
+  const latestPackageJson = await fetch("https://www.unpkg.com/@flows/js@latest/package.json").then(
     (res) => res.json() as Promise<{ version?: string } | undefined>,
   );
   const latestVersion = latestPackageJson?.version;
@@ -35,7 +35,7 @@ const CDNSnippet: FC<Props> = async ({ projectId }) => {
       <CodeHighlight className={css({ margin: "0!", width: "100%" })}>
         <pre>
           <code className="index.html">{`<script>
-  window.FlowsJS.init({
+  FlowsJS.init({
     projectId: "${projectId}",
     // Optionally define local flows. 
     flows: [],

apps/app/src/app/(dashboard)/org/[organizationId]/project/[projectId]/(detail)/template/template-preview.tsx

@@ -17,6 +17,9 @@ export const TemplatePreview: FC = () => {
   useEffect(() => {
     if (firstRender) return;
     void init({
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- internal option
+      // @ts-expect-error
+      validate: false,
       rootElement: "#template-preview-root",
       flows: [
         {

apps/app/src/app/(dashboard)/org/[organizationId]/project/[projectId]/flow/[flowId]/steps/steps-preview.tsx

@@ -23,6 +23,9 @@ export const StepsPreview: FC<Props> = ({ steps }) => {
   useEffect(() => {
     if (!steps) return;
     void init({
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- internal option
+      // @ts-expect-error
+      validate: false,
       flows: [{ id: "flow", steps: prepareSteps(steps) }],
       rootElement: "#preview-root",
     }).then(() => {

apps/docs/package.json

@@ -13,7 +13,7 @@
     "prepare": "panda codegen"
   },
   "dependencies": {
-    "@flows/js": "0.0.38",
+    "@flows/js": "0.0.39",
     "next": "14.1.0",
     "next-sitemap": "^4.2.3",
     "nextra": "^2.13.2",

apps/docs/src/pages/getting-started/install-flows.mdx

@@ -7,7 +7,7 @@ import { useData } from "nextra/data";
 import { Tabs, Pre, Code } from "nextra/components";
 
 export const getServerSideProps = () => {
-  return fetch("https://cdn.jsdelivr.net/npm/@flows/js/package.json")
+  return fetch("https://www.unpkg.com/@flows/js@latest/package.json")
     .then((res) => res.json())
     .then((pkgJson) => ({
       props: {