mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-02-13 18:19:24 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

fix: replace hardcoded js versions with dynamic fetching (#1856)

Browse Source
This commit is contained in:
Shubham Palriwala
2024-01-09 15:43:28 +05:30
committed by GitHub
parent 659ef3f92c
commit 9ec5d668df
2 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/formbricks-com/components/home/SetupTabs.tsx
View File

@@ -1,3 +1,4 @@
import jsPackageJson from "@/../../packages/js/package.json";
import clsx from "clsx";
import { useState } from "react";
import { IoLogoHtml5, IoLogoNpm } from "react-icons/io5";
@@ -45,7 +46,7 @@ export const SetupInstructions: React.FC = ({}) => {
return (
<div>
<TabBar tabs={tabs} activeId={activeTab} setActiveId={setActiveTab} />
<div className="h-80 max-w-lg px-4 sm:max-w-lg md:max-w-lg">
<div className="h-84 max-w-lg px-4 sm:max-w-lg md:max-w-lg">
{activeTab === "npm" ? (
<>
<CodeBlock>npm install @formbricks/js</CodeBlock>
@@ -61,7 +62,19 @@ if (typeof window !== "undefined") {
</>
) : activeTab === "html" ? (
<CodeBlock>{`<script type="text/javascript">
!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://unpkg.com/@formbricks/js@^1.4.0/dist/index.umd.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e),setTimeout(function(){window.formbricks.init("claDadXk29dak92dK9","https://app.formbricks.com")},500)}();
!function(){
var jsPackageJson = require('@/package.json'); // Make sure the path is correct
var t = document.createElement("script");
t.type = "text/javascript";
t.async = true;
t.src = "https://unpkg.com/@formbricks/js@^${jsPackageJson.version}/dist/index.umd.js";
var e = document.getElementsByTagName("script")[0];
e.parentNode.insertBefore(t, e);
setTimeout(function(){
window.formbricks.init("claDadXk29dak92dK9","https://app.formbricks.com")
}, 500);
}();
</script>`}</CodeBlock>
) : null}
</div>

3
apps/web/app/(app)/environments/[environmentId]/settings/setup/components/SetupInstructions.tsx
View File

@@ -1,5 +1,6 @@
"use client";
import jsPackageJson from "@/../../packages/js/package.json";
import packageJson from "@/package.json";
import Link from "next/link";
import "prismjs/themes/prism.css";
@@ -109,7 +110,7 @@ if (typeof window !== "undefined") {
</p>
<CodeBlock language="js">{`<!-- START Formbricks Surveys -->
<script type="text/javascript">
!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://unpkg.com/@formbricks/js@^1.4.0/dist/index.umd.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e),setTimeout(function(){window.formbricks.init({environmentId: "${environmentId}", apiHost: "${window.location.protocol}//${window.location.host}"})},500)}();
!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://unpkg.com/@formbricks/js@^${jsPackageJson.version}/dist/index.umd.js";var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e),setTimeout(function(){window.formbricks.init({environmentId: "${environmentId}", apiHost: "${window.location.protocol}//${window.location.host}"})},500)}();
</script>
<!-- END Formbricks Surveys -->`}</CodeBlock>
<p className="text-lg font-semibold text-slate-800">You&apos;re done 🎉</p>