init
This commit is contained in:
Florian Herrengt
commit
ef14ffb1f1
|
|
@ -0,0 +1,4 @@
|
|||
node_modules
|
||||
bundle.zip
|
||||
dist
|
||||
public
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
import { StorybookConfig } from "@storybook/react-vite";
|
||||
import { mergeConfig } from "vite";
|
||||
|
||||
export default {
|
||||
stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
|
||||
addons: [
|
||||
"@storybook/addon-links",
|
||||
"@storybook/addon-essentials",
|
||||
"@storybook/addon-onboarding",
|
||||
"@storybook/addon-interactions",
|
||||
"@storybook/addon-backgrounds",
|
||||
],
|
||||
core: {
|
||||
builder: "@storybook/builder-vite",
|
||||
},
|
||||
async viteFinal(config) {
|
||||
return mergeConfig(config, {
|
||||
optimizeDeps: {
|
||||
include: ["storybook-dark-mode"],
|
||||
},
|
||||
});
|
||||
},
|
||||
framework: {
|
||||
name: "@storybook/react-vite",
|
||||
options: {},
|
||||
},
|
||||
docs: {
|
||||
autodocs: "tag",
|
||||
},
|
||||
} as StorybookConfig;
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<style>
|
||||
html,
|
||||
body,
|
||||
#storybook-root {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
// import "../src/App/App.scss";
|
||||
import { Parameters } from "@storybook/addons";
|
||||
|
||||
export const parameters: Parameters = {
|
||||
actions: { argTypesRegex: "^on[A-Z].*" },
|
||||
options: {},
|
||||
controls: {
|
||||
matchers: {
|
||||
color: /(background|color)$/i,
|
||||
date: /Date$/,
|
||||
},
|
||||
},
|
||||
backgrounds: {
|
||||
default: "dark",
|
||||
values: [
|
||||
{
|
||||
name: "dark",
|
||||
value: "#404040",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
# Webflow Designer Extension
|
||||
|
||||
Display views and visitors for the current page.
|
||||
|
||||
|
||||
|
||||
## Developing
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
```
|
||||
|
||||
## Deploying
|
||||
|
||||
```bash
|
||||
npm run build
|
||||
```
|
||||
|
||||
Upload `bundle.zip`
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
overwrite: true
|
||||
schema: "http://localhost:8000/api/graphql"
|
||||
documents: "**/src/**/*.graphql"
|
||||
generates:
|
||||
src/generated/graphql.ts:
|
||||
plugins:
|
||||
- "typescript"
|
||||
- "typescript-operations"
|
||||
- typescript-react-apollo
|
||||
config:
|
||||
maybeValue: T | null | undefined
|
||||
src/generated/apolloHelpers.ts:
|
||||
plugins:
|
||||
- typescript-apollo-client-helpers
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter" />
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 12px;
|
||||
background-color: #2b2b2b;
|
||||
}
|
||||
</style>
|
||||
<div id="root"></div>
|
||||
<!-- <script src="https://d3e54v103j8qbb.cloudfront.net/gen/js/entrypoint-designer-extensions-client.e4ef1682e412a922c7e4.js"></script> -->
|
||||
<script type="module" src="src/main.tsx"></script>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,53 @@
|
|||
{
|
||||
"name": "nocodelytics-webflow-designer-extension",
|
||||
"version": "1.0.0",
|
||||
"description": "This is an example Webflow Designer extension written in TypeScript to get you started. Check out our [documentation](https://docs.developers.webflow.com/v2.0.0/docs/create-a-designer-extensions) for in-depth information about Designer Extension features and API.",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"storybook": "storybook dev -p 6006",
|
||||
"build-storybook": "storybook build",
|
||||
"dev": "vite",
|
||||
"build": "vite build && webflow extension bundle",
|
||||
"codegen": "graphql-codegen --config codegen.yml"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"@apollo/client": "^3.7.17",
|
||||
"@graphql-codegen/cli": "^5.0.0",
|
||||
"@graphql-codegen/typescript-apollo-client-helpers": "^2.2.6",
|
||||
"@graphql-codegen/typescript-operations": "^4.0.1",
|
||||
"@graphql-codegen/typescript-react-apollo": "^3.3.7",
|
||||
"@storybook/builder-vite": "^7.1.0",
|
||||
"@vitejs/plugin-react-refresh": "^1.3.6",
|
||||
"@webflow/designer-extension-typings": "^0.1.3",
|
||||
"chart.js": "^4.3.0",
|
||||
"chartjs-adapter-date-fns": "^3.0.0",
|
||||
"dotenv": "^16.3.1",
|
||||
"react": "^18.2.0",
|
||||
"react-chartjs-2": "^5.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"react-router-dom": "^6.14.2",
|
||||
"vite": "^4.4.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "^7.1.0",
|
||||
"@storybook/addon-backgrounds": "^7.1.0",
|
||||
"@storybook/addon-essentials": "^7.1.0",
|
||||
"@storybook/addon-interactions": "^7.1.0",
|
||||
"@storybook/addon-links": "^7.1.0",
|
||||
"@storybook/addon-onboarding": "^1.0.7",
|
||||
"@storybook/blocks": "^7.1.0",
|
||||
"@storybook/react": "^7.1.0",
|
||||
"@storybook/react-vite": "^7.1.0",
|
||||
"@storybook/testing-library": "^0.2.0",
|
||||
"@storybook/types": "^7.1.0",
|
||||
"@types/node": "^20.4.2",
|
||||
"@types/react-dom": "^18.2.7",
|
||||
"prop-types": "^15.8.1",
|
||||
"storybook": "^7.1.0",
|
||||
"storybook-builder-vite": "^0.1.23"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import { ApolloProvider } from "@apollo/client";
|
||||
import React from "react";
|
||||
import { apolloClient } from "./apolloClient";
|
||||
import { AuthIFrame } from "./components/AuthIFrame";
|
||||
import { MetricDetailsPage } from "./pages";
|
||||
|
||||
export const App: React.FC = () => {
|
||||
return (
|
||||
<ApolloProvider client={apolloClient}>
|
||||
<AuthIFrame />
|
||||
<MetricDetailsPage />
|
||||
</ApolloProvider>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
import {
|
||||
ApolloClient,
|
||||
InMemoryCache,
|
||||
ServerParseError,
|
||||
split,
|
||||
} from "@apollo/client";
|
||||
import { BatchHttpLink as HttpLink } from "@apollo/client/link/batch-http";
|
||||
import { setContext } from "@apollo/client/link/context";
|
||||
import { onError } from "@apollo/client/link/error";
|
||||
import { getMainDefinition } from "@apollo/client/utilities";
|
||||
|
||||
import { config } from "./config";
|
||||
|
||||
const errorLink = onError(({ networkError }) => {
|
||||
if (networkError) {
|
||||
const { statusCode } = networkError as ServerParseError;
|
||||
if (statusCode === 401) {
|
||||
localStorage.removeItem(config.localstorageKeys.token);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
const authLink = setContext((_, { headers }) => {
|
||||
const token = localStorage.getItem(config.localstorageKeys.token);
|
||||
console.log(token);
|
||||
return {
|
||||
headers: {
|
||||
...headers,
|
||||
authorization: token ? `Bearer ${token}` : "",
|
||||
},
|
||||
};
|
||||
});
|
||||
|
||||
const httpLink = new HttpLink({
|
||||
uri: `${config.api.url}/graphql`,
|
||||
});
|
||||
|
||||
export const apolloClient = new ApolloClient({
|
||||
uri: `${config.api.url}/graphql`,
|
||||
link: authLink.concat(errorLink).concat(httpLink),
|
||||
// connectToDevTools: true,
|
||||
cache: new InMemoryCache(),
|
||||
});
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
import React, { useEffect, useState } from "react";
|
||||
import { config } from "../config";
|
||||
|
||||
/**
|
||||
* This is based on Rodney Urquhart's example https://github.com/RodneyU215
|
||||
* https://github.com/Webflow-Examples/Apps-v2-Hybrid-Auth-Demo/tree/main#key-components
|
||||
* https://www.loom.com/share/28afbb72a30e42ca9333a77e65fbd025
|
||||
*
|
||||
* tl;dr app.nocodelytics.com/webflow_auth.html will post the token with
|
||||
* `window.parent.postMessage(token, extensionURL)`
|
||||
*
|
||||
* This component listens to that event and save the token in local storage
|
||||
*/
|
||||
export const AuthIFrame: React.FC = () => {
|
||||
const [url, setUrl] = useState<string>();
|
||||
const [done, setDone] = useState<boolean>(false);
|
||||
|
||||
const handleMessage = (event: MessageEvent) => {
|
||||
if (event.origin.startsWith(config.baseUrl)) {
|
||||
localStorage.setItem(config.localstorageKeys.token, event.data);
|
||||
console.info(
|
||||
`new token received from ${config.authIFrameUrl}`,
|
||||
event.data
|
||||
);
|
||||
window.removeEventListener("message", handleMessage);
|
||||
setUrl("");
|
||||
setDone(true);
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
window.addEventListener("message", handleMessage);
|
||||
setUrl(`${config.authIFrameUrl}`);
|
||||
return () => {
|
||||
window.removeEventListener("message", handleMessage);
|
||||
};
|
||||
}, []);
|
||||
|
||||
if (done) {
|
||||
return null;
|
||||
}
|
||||
return url ? <iframe style={{}} src={url} /> : null;
|
||||
};
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import { Button } from "./Button";
|
||||
|
||||
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
||||
export default {
|
||||
title: "Example/Button",
|
||||
component: Button,
|
||||
};
|
||||
|
||||
// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
|
||||
export const Primary = {
|
||||
args: {
|
||||
children: "Click me",
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
import React from "react";
|
||||
|
||||
interface ButtonProps {}
|
||||
|
||||
export const Button: React.FC<React.PropsWithChildren<ButtonProps>> = (
|
||||
props
|
||||
) => (
|
||||
<button
|
||||
style={{
|
||||
backgroundColor: "#1280EE",
|
||||
color: "white",
|
||||
borderColor: "#363636",
|
||||
border: 1,
|
||||
padding: "4px 16px",
|
||||
fontSize: 11,
|
||||
}}
|
||||
>
|
||||
{props.children}
|
||||
</button>
|
||||
);
|
||||
|
|
@ -0,0 +1 @@
|
|||
export * from "./Button";
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
import { LineChart, LineChartProps } from "./LineChart";
|
||||
|
||||
export default {
|
||||
title: "LineChart",
|
||||
component: LineChart,
|
||||
};
|
||||
|
||||
export const Primary = {
|
||||
args: {
|
||||
title: "Views",
|
||||
data: {
|
||||
labels: ["Jan", "Feb"],
|
||||
values: [1, 2],
|
||||
},
|
||||
} as LineChartProps,
|
||||
};
|
||||
|
|
@ -0,0 +1,104 @@
|
|||
import React from "react";
|
||||
import {
|
||||
Chart as ChartJS,
|
||||
CategoryScale,
|
||||
LinearScale,
|
||||
PointElement,
|
||||
LineElement,
|
||||
Title,
|
||||
Tooltip,
|
||||
TimeScale,
|
||||
} from "chart.js";
|
||||
import { Line } from "react-chartjs-2";
|
||||
import "chartjs-adapter-date-fns";
|
||||
|
||||
ChartJS.register(
|
||||
CategoryScale,
|
||||
LinearScale,
|
||||
PointElement,
|
||||
LineElement,
|
||||
Title,
|
||||
Tooltip,
|
||||
TimeScale
|
||||
);
|
||||
|
||||
ChartJS.defaults.color = "#D9D9D9";
|
||||
|
||||
export interface LineChartProps {
|
||||
title: string;
|
||||
data: {
|
||||
labels: string[];
|
||||
values: number[];
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* This component is a temporary
|
||||
* We should be using @nocodelytics/components instead but it's not ready yet
|
||||
* This works for the first version
|
||||
*/
|
||||
export const LineChart: React.FC<LineChartProps> = (props) => {
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
position: "relative",
|
||||
height: "100%",
|
||||
backgroundColor: "#404040",
|
||||
padding: "10px",
|
||||
border: "1px solid #212121",
|
||||
}}
|
||||
>
|
||||
<Line
|
||||
style={{ height: "100%", width: "100%" }}
|
||||
options={{
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
interaction: { mode: "nearest", intersect: false },
|
||||
scales: {
|
||||
y: { ticks: { stepSize: 1 } },
|
||||
x: {
|
||||
type: "time",
|
||||
},
|
||||
},
|
||||
plugins: {
|
||||
title: {
|
||||
display: Boolean(props.title),
|
||||
text: props.title,
|
||||
},
|
||||
tooltip: {
|
||||
animation: false,
|
||||
backgroundColor: "#2b2b2b",
|
||||
bodyColor: "white",
|
||||
displayColors: false,
|
||||
mode: "nearest",
|
||||
caretSize: 0,
|
||||
borderWidth: 1,
|
||||
borderColor: "#212121",
|
||||
cornerRadius: 0,
|
||||
xAlign: "center",
|
||||
yAlign: "center",
|
||||
callbacks: {
|
||||
title: () => "",
|
||||
label: (item) => {
|
||||
const date = new Date(item.parsed.x).toLocaleDateString();
|
||||
return `${date}: ${item.parsed.y}`;
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
}}
|
||||
data={{
|
||||
labels: props.data.labels,
|
||||
datasets: [
|
||||
{
|
||||
pointStyle: "line",
|
||||
data: props.data.values,
|
||||
borderColor: "#0073E6",
|
||||
backgroundColor: "#0073E6",
|
||||
},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1 @@
|
|||
export * from "./LineChart";
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
import { Dropdown, DropdownProps } from "./Dropdown";
|
||||
|
||||
export default {
|
||||
title: "Dropdown",
|
||||
component: Dropdown,
|
||||
};
|
||||
|
||||
export const Primary = {
|
||||
args: {
|
||||
options: [
|
||||
{ label: "last 30 days", value: "30" },
|
||||
{ label: "last 7 days", value: "7" },
|
||||
],
|
||||
} as DropdownProps,
|
||||
};
|
||||
export const Open = {
|
||||
args: {
|
||||
options: [
|
||||
{ label: "last 30 days", value: "30" },
|
||||
{ label: "last 7 days", value: "7" },
|
||||
],
|
||||
open: true,
|
||||
} as DropdownProps,
|
||||
};
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
import React, { useEffect, useRef, useState } from "react";
|
||||
import { theme } from "../../theme";
|
||||
|
||||
export interface DropdownProps {
|
||||
onChange: (value: string) => void;
|
||||
options: Array<{ label: string; value: string }>;
|
||||
selected?: string;
|
||||
open?: boolean;
|
||||
}
|
||||
|
||||
const DropdownOptions: React.FC<DropdownProps> = (props) => {
|
||||
return (
|
||||
<div style={{}}>
|
||||
{props.options.map(({ label, value }) => (
|
||||
<div
|
||||
style={{ display: "flex", padding: "4px 8px", cursor: "pointer" }}
|
||||
onClick={() => {
|
||||
props.onChange(value);
|
||||
}}
|
||||
>
|
||||
<div style={{ marginRight: 10, width: 10 }}>
|
||||
{props.selected === value ? "X" : ""}
|
||||
</div>
|
||||
<div>{label}</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Temp comp until @nocodelytics/components is ready
|
||||
* We'll use <Timeframe /> which will also include types
|
||||
*/
|
||||
export const Dropdown: React.FC<DropdownProps> = (props) => {
|
||||
if (!props.options.length) {
|
||||
throw new Error(`Dropdown requires options`);
|
||||
}
|
||||
const [isOpen, setIsOpen] = useState<boolean>(props.open || false);
|
||||
const [selected, setSelected] = useState<string>(
|
||||
props.selected || props.options[0].value
|
||||
);
|
||||
const ref = useRef<HTMLDivElement>(null);
|
||||
|
||||
useEffect(() => {
|
||||
function handleClickOutside(event: Event) {
|
||||
if (ref.current && !ref.current.contains(event.target as Node)) {
|
||||
setIsOpen(false);
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("mousedown", handleClickOutside);
|
||||
return () => {
|
||||
document.removeEventListener("mousedown", handleClickOutside);
|
||||
};
|
||||
}, [ref]);
|
||||
|
||||
return (
|
||||
<div
|
||||
ref={ref}
|
||||
onClick={() => setIsOpen(!isOpen)}
|
||||
style={{
|
||||
position: "relative",
|
||||
...theme.text.primary,
|
||||
...theme.background.secondary,
|
||||
...theme.border.primary,
|
||||
cursor: "pointer",
|
||||
maxWidth: 150,
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
padding: "0px 4px 0px 8px",
|
||||
height: 24,
|
||||
justifyContent: "unset",
|
||||
gridAutoFlow: "column",
|
||||
display: "grid",
|
||||
alignItems: "center",
|
||||
gap: 2,
|
||||
}}
|
||||
>
|
||||
{props.options.find(({ value }) => selected === value)!.label}
|
||||
</div>
|
||||
{isOpen && (
|
||||
<DropdownOptions
|
||||
{...props}
|
||||
selected={selected}
|
||||
onChange={(value) => {
|
||||
setIsOpen(false);
|
||||
setSelected(value);
|
||||
props.onChange(value);
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1 @@
|
|||
export * from "./Dropdown";
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
export * from "./Button";
|
||||
export * from "./Chart";
|
||||
export * from "./Dropdown";
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
interface Config {
|
||||
baseUrl: string;
|
||||
api: { url: string };
|
||||
authIFrameUrl: string;
|
||||
localstorageKeys: {
|
||||
token: string;
|
||||
};
|
||||
webflow: {
|
||||
appId: string;
|
||||
};
|
||||
}
|
||||
|
||||
const baseUrl = process.env.BASE_URL || "https://app.nocodelytics.com";
|
||||
|
||||
export const config: Config = {
|
||||
baseUrl,
|
||||
authIFrameUrl: `${baseUrl}/webflow-auth-iframe`,
|
||||
api: { url: baseUrl + "/api" },
|
||||
localstorageKeys: {
|
||||
token: process.env.LOCALSTORAGE_KEY_TOKEN || "nocodelytics:token", // allows you to easily switch between env or users for debugging
|
||||
},
|
||||
webflow: {
|
||||
appId: "64cd1cc2aa1df4ca56c397eb",
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
import React, { useEffect, useState } from "react";
|
||||
import { LineChart } from "../components";
|
||||
import {
|
||||
ChartDataQueryVariables,
|
||||
useChartDataQuery,
|
||||
} from "../generated/graphql";
|
||||
import { useCurrentSiteInfo } from "../hooks";
|
||||
|
||||
interface ChartProps {
|
||||
input: ChartDataQueryVariables["input"];
|
||||
}
|
||||
|
||||
export const Chart: React.FC<ChartProps> = (props) => {
|
||||
const currentSiteInfo = useCurrentSiteInfo();
|
||||
const chartDataQueryResults = useChartDataQuery({
|
||||
variables: {
|
||||
input: {
|
||||
siteId: currentSiteInfo.data.nocodelyticsId,
|
||||
...props.input,
|
||||
},
|
||||
},
|
||||
skip: !currentSiteInfo.data.nocodelyticsId,
|
||||
});
|
||||
|
||||
const loading: boolean =
|
||||
chartDataQueryResults.loading || currentSiteInfo.loading;
|
||||
const error: string | undefined =
|
||||
chartDataQueryResults.error?.message || currentSiteInfo.error;
|
||||
const data = chartDataQueryResults.data;
|
||||
if (loading) {
|
||||
return <div>Loading</div>;
|
||||
}
|
||||
if (error) {
|
||||
return <div style={{ color: "red" }}>{error}</div>;
|
||||
}
|
||||
if (!data?.chartData) {
|
||||
return <div>No data</div>;
|
||||
}
|
||||
const total = data?.chartData.data[0].values.reduce(
|
||||
(acc, item) => acc + item.value,
|
||||
0
|
||||
);
|
||||
return (
|
||||
<div>
|
||||
<div style={{ height: 175, width: "100%" }}>
|
||||
<LineChart
|
||||
title={`${props.input.metricType} (${total})`}
|
||||
data={data?.chartData.data[0].values.reduce(
|
||||
(acc, item) => {
|
||||
acc.labels.push(new Date(Date.parse(item.label)));
|
||||
acc.values.push(item.value);
|
||||
return acc;
|
||||
},
|
||||
{ labels: [], values: [] }
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,486 @@
|
|||
import { FieldPolicy, FieldReadFunction, TypePolicies, TypePolicy } from '@apollo/client/cache';
|
||||
export type AdminReportKeySpecifier = ('users' | AdminReportKeySpecifier)[];
|
||||
export type AdminReportFieldPolicy = {
|
||||
users?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type CheckScriptHeaderResultsKeySpecifier = ('errorMessage' | 'found' | 'headerContent' | CheckScriptHeaderResultsKeySpecifier)[];
|
||||
export type CheckScriptHeaderResultsFieldPolicy = {
|
||||
errorMessage?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
found?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
headerContent?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type CmsMetricValueKeySpecifier = ('name' | 'value' | 'webflowItemId' | CmsMetricValueKeySpecifier)[];
|
||||
export type CmsMetricValueFieldPolicy = {
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
value?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
webflowItemId?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type DashboardKeySpecifier = ('createdAt' | 'gridLayout' | 'id' | 'isPublic' | 'name' | 'organisationId' | 'siteId' | 'updatedAt' | DashboardKeySpecifier)[];
|
||||
export type DashboardFieldPolicy = {
|
||||
createdAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
gridLayout?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
isPublic?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
organisationId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
siteId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updatedAt?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type DashboardGridLayoutItemKeySpecifier = ('h' | 'id' | 'w' | 'x' | 'y' | DashboardGridLayoutItemKeySpecifier)[];
|
||||
export type DashboardGridLayoutItemFieldPolicy = {
|
||||
h?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
w?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
x?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
y?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type FeaturesKeySpecifier = ('memberFilter' | FeaturesKeySpecifier)[];
|
||||
export type FeaturesFieldPolicy = {
|
||||
memberFilter?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MeKeySpecifier = ('organisations' | 'user' | MeKeySpecifier)[];
|
||||
export type MeFieldPolicy = {
|
||||
organisations?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
user?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MeOrganisationKeySpecifier = ('id' | MeOrganisationKeySpecifier)[];
|
||||
export type MeOrganisationFieldPolicy = {
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricKeySpecifier = ('breakdownBy' | 'chartData' | 'cssSelector' | 'dashboardId' | 'id' | 'metricType' | 'name' | 'path' | 'uniqueVisitor' | 'webflowCollectionId' | MetricKeySpecifier)[];
|
||||
export type MetricFieldPolicy = {
|
||||
breakdownBy?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
chartData?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cssSelector?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
dashboardId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metricType?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
path?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
uniqueVisitor?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
webflowCollectionId?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricByValueKeySpecifier = ('name' | 'value' | MetricByValueKeySpecifier)[];
|
||||
export type MetricByValueFieldPolicy = {
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
value?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricChartKeySpecifier = ('data' | 'delta' | 'fromCache' | 'lastSync' | 'name' | 'queryTime' | 'total' | MetricChartKeySpecifier)[];
|
||||
export type MetricChartFieldPolicy = {
|
||||
data?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
delta?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
fromCache?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
lastSync?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
queryTime?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
total?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricChartDataKeySpecifier = ('name' | 'values' | MetricChartDataKeySpecifier)[];
|
||||
export type MetricChartDataFieldPolicy = {
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
values?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricChartDataValuesKeySpecifier = ('label' | 'value' | MetricChartDataValuesKeySpecifier)[];
|
||||
export type MetricChartDataValuesFieldPolicy = {
|
||||
label?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
value?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricEventKeySpecifier = ('cmsCollectionItemSlug' | 'cmsCollectionSlug' | 'cmsWebflowCollectionId' | 'cmsWebflowItemId' | 'createdAt' | 'cssClass' | 'cssId' | 'currentUrl' | 'deviceBrand' | 'deviceClientEngine' | 'deviceClientEngineVersion' | 'deviceClientName' | 'deviceClientType' | 'deviceClientVersion' | 'deviceId' | 'deviceModel' | 'deviceOsName' | 'deviceOsPlatform' | 'deviceOsVersion' | 'deviceType' | 'deviceUserAgent' | 'domain' | 'eventType' | 'formDisplayedAt' | 'formLastInteractionAt' | 'formSubmittedAt' | 'geoIpCity' | 'geoIpCountry' | 'geoIpEu' | 'geoIpLatitude' | 'geoIpLongitude' | 'geoIpRegion' | 'geoIpTimezone' | 'id' | 'ipAddress' | 'path' | 'referer' | 'siteId' | 'updatedAt' | 'value' | 'visitorId' | MetricEventKeySpecifier)[];
|
||||
export type MetricEventFieldPolicy = {
|
||||
cmsCollectionItemSlug?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cmsCollectionSlug?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cmsWebflowCollectionId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cmsWebflowItemId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
createdAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cssClass?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cssId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
currentUrl?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceBrand?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceClientEngine?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceClientEngineVersion?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceClientName?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceClientType?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceClientVersion?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceModel?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceOsName?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceOsPlatform?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceOsVersion?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceType?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deviceUserAgent?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
domain?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
eventType?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
formDisplayedAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
formLastInteractionAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
formSubmittedAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpCity?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpCountry?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpEu?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpLatitude?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpLongitude?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpRegion?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
geoIpTimezone?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
ipAddress?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
path?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
referer?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
siteId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updatedAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
value?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
visitorId?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricValueKeySpecifier = ('date' | 'value' | MetricValueKeySpecifier)[];
|
||||
export type MetricValueFieldPolicy = {
|
||||
date?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
value?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MetricValueResultsKeySpecifier = ('label' | 'values' | MetricValueResultsKeySpecifier)[];
|
||||
export type MetricValueResultsFieldPolicy = {
|
||||
label?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
values?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type MutationKeySpecifier = ('checkScriptHeader' | 'createDashboard' | 'createMetric' | 'createToken' | 'deleteDashboard' | 'deleteMetric' | 'deleteSite' | 'findOrUpdateVisitor' | 'renewToken' | 'reportError' | 'resetCacheBySiteId' | 'sendMagicLink' | 'signIn' | 'signUpWithWebflow' | 'syncSiteWithWebflow' | 'syncWebflowSites' | 'updateDashboard' | 'updateMetric' | 'updateSiteById' | 'updateSiteGridLayout' | MutationKeySpecifier)[];
|
||||
export type MutationFieldPolicy = {
|
||||
checkScriptHeader?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
createDashboard?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
createMetric?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
createToken?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deleteDashboard?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deleteMetric?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
deleteSite?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
findOrUpdateVisitor?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
renewToken?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
reportError?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
resetCacheBySiteId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
sendMagicLink?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
signIn?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
signUpWithWebflow?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
syncSiteWithWebflow?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
syncWebflowSites?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updateDashboard?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updateMetric?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updateSiteById?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updateSiteGridLayout?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type OrganisationKeySpecifier = ('features' | 'id' | OrganisationKeySpecifier)[];
|
||||
export type OrganisationFieldPolicy = {
|
||||
features?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type PageInfoKeySpecifier = ('hasNextPage' | PageInfoKeySpecifier)[];
|
||||
export type PageInfoFieldPolicy = {
|
||||
hasNextPage?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type PaginationKeySpecifier = ('hasMore' | 'total' | PaginationKeySpecifier)[];
|
||||
export type PaginationFieldPolicy = {
|
||||
hasMore?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
total?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type QueryKeySpecifier = ('adminReport' | 'chartData' | 'dashboard' | 'dashboardBySiteId' | 'eventTypes' | 'features' | 'maintenance' | 'me' | 'metric' | 'metricByValues' | 'metricTypes' | 'metricValues' | 'metricsByDashboardId' | 'metricsBySiteId' | 'organisation' | 'queueEvents' | 'site' | 'siteById' | 'siteByWebflowId' | 'siteHtmlElements' | 'sites' | 'stripeCustomerPortalLink' | 'users' | 'visitor' | 'visitors' | QueryKeySpecifier)[];
|
||||
export type QueryFieldPolicy = {
|
||||
adminReport?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
chartData?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
dashboard?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
dashboardBySiteId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
eventTypes?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
features?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
maintenance?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
me?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metric?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metricByValues?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metricTypes?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metricValues?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metricsByDashboardId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metricsBySiteId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
organisation?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
queueEvents?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
site?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
siteById?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
siteByWebflowId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
siteHtmlElements?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
sites?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
stripeCustomerPortalLink?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
users?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
visitor?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
visitors?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type QueueEventKeySpecifier = ('cmsItemIndex' | 'cmsItemSlug' | 'cmsListIndex' | 'createdAt' | 'cssClass' | 'cssId' | 'domain' | 'eventType' | 'formStage' | 'id' | 'ip' | 'path' | 'referer' | 'siteId' | 'userAgent' | 'value' | 'visitorId' | QueueEventKeySpecifier)[];
|
||||
export type QueueEventFieldPolicy = {
|
||||
cmsItemIndex?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cmsItemSlug?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cmsListIndex?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
createdAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cssClass?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
cssId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
domain?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
eventType?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
formStage?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
ip?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
path?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
referer?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
siteId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
userAgent?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
value?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
visitorId?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type SiteKeySpecifier = ('collections' | 'createdAt' | 'dashboards' | 'domains' | 'eventSources' | 'gridLayout' | 'id' | 'isEnabled' | 'isPublic' | 'metrics' | 'name' | 'organisationId' | 'previewUrl' | 'shortName' | 'totalMetricsCount' | 'updatedAt' | 'webflowId' | SiteKeySpecifier)[];
|
||||
export type SiteFieldPolicy = {
|
||||
collections?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
createdAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
dashboards?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
domains?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
eventSources?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
gridLayout?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
isEnabled?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
isPublic?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
metrics?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
organisationId?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
previewUrl?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
shortName?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
totalMetricsCount?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
updatedAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
webflowId?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type SiteEdgeKeySpecifier = ('cursor' | 'node' | SiteEdgeKeySpecifier)[];
|
||||
export type SiteEdgeFieldPolicy = {
|
||||
cursor?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
node?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type SiteGridLayoutItemKeySpecifier = ('h' | 'id' | 'w' | 'x' | 'y' | SiteGridLayoutItemKeySpecifier)[];
|
||||
export type SiteGridLayoutItemFieldPolicy = {
|
||||
h?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
w?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
x?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
y?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type SiteHtmlElementKeySpecifier = ('html' | 'id' | 'text' | SiteHtmlElementKeySpecifier)[];
|
||||
export type SiteHtmlElementFieldPolicy = {
|
||||
html?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
text?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type SitePaginatedKeySpecifier = ('edges' | 'pageInfo' | 'totalCount' | SitePaginatedKeySpecifier)[];
|
||||
export type SitePaginatedFieldPolicy = {
|
||||
edges?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
pageInfo?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
totalCount?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type UserKeySpecifier = ('createdAt' | 'email' | 'firstname' | 'id' | 'lastname' | UserKeySpecifier)[];
|
||||
export type UserFieldPolicy = {
|
||||
createdAt?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
email?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
firstname?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
lastname?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type UserEdgeKeySpecifier = ('cursor' | 'node' | UserEdgeKeySpecifier)[];
|
||||
export type UserEdgeFieldPolicy = {
|
||||
cursor?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
node?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type UserPaginatedKeySpecifier = ('edges' | 'pageInfo' | 'totalCount' | UserPaginatedKeySpecifier)[];
|
||||
export type UserPaginatedFieldPolicy = {
|
||||
edges?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
pageInfo?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
totalCount?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type VisitorKeySpecifier = ('city' | 'country' | 'device' | 'emailAddress' | 'events' | 'id' | 'initialReferer' | 'lastInteraction' | VisitorKeySpecifier)[];
|
||||
export type VisitorFieldPolicy = {
|
||||
city?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
country?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
device?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
emailAddress?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
events?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
initialReferer?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
lastInteraction?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type VisitorEdgeKeySpecifier = ('cursor' | 'node' | VisitorEdgeKeySpecifier)[];
|
||||
export type VisitorEdgeFieldPolicy = {
|
||||
cursor?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
node?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type VisitorPaginatedKeySpecifier = ('edges' | 'pageInfo' | 'totalCount' | VisitorPaginatedKeySpecifier)[];
|
||||
export type VisitorPaginatedFieldPolicy = {
|
||||
edges?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
pageInfo?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
totalCount?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type WebflowCollectionKeySpecifier = ('fields' | 'id' | 'items' | 'name' | WebflowCollectionKeySpecifier)[];
|
||||
export type WebflowCollectionFieldPolicy = {
|
||||
fields?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
items?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type WebflowCollectionFieldsKeySpecifier = ('id' | 'name' | 'slug' | 'type' | WebflowCollectionFieldsKeySpecifier)[];
|
||||
export type WebflowCollectionFieldsFieldPolicy = {
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
slug?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
type?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type WebflowCollectionItemsKeySpecifier = ('id' | 'name' | WebflowCollectionItemsKeySpecifier)[];
|
||||
export type WebflowCollectionItemsFieldPolicy = {
|
||||
id?: FieldPolicy<any> | FieldReadFunction<any>,
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type WebflowSitesKeySpecifier = ('name' | WebflowSitesKeySpecifier)[];
|
||||
export type WebflowSitesFieldPolicy = {
|
||||
name?: FieldPolicy<any> | FieldReadFunction<any>
|
||||
};
|
||||
export type StrictTypedTypePolicies = {
|
||||
AdminReport?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | AdminReportKeySpecifier | (() => undefined | AdminReportKeySpecifier),
|
||||
fields?: AdminReportFieldPolicy,
|
||||
},
|
||||
CheckScriptHeaderResults?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | CheckScriptHeaderResultsKeySpecifier | (() => undefined | CheckScriptHeaderResultsKeySpecifier),
|
||||
fields?: CheckScriptHeaderResultsFieldPolicy,
|
||||
},
|
||||
CmsMetricValue?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | CmsMetricValueKeySpecifier | (() => undefined | CmsMetricValueKeySpecifier),
|
||||
fields?: CmsMetricValueFieldPolicy,
|
||||
},
|
||||
Dashboard?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | DashboardKeySpecifier | (() => undefined | DashboardKeySpecifier),
|
||||
fields?: DashboardFieldPolicy,
|
||||
},
|
||||
DashboardGridLayoutItem?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | DashboardGridLayoutItemKeySpecifier | (() => undefined | DashboardGridLayoutItemKeySpecifier),
|
||||
fields?: DashboardGridLayoutItemFieldPolicy,
|
||||
},
|
||||
Features?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | FeaturesKeySpecifier | (() => undefined | FeaturesKeySpecifier),
|
||||
fields?: FeaturesFieldPolicy,
|
||||
},
|
||||
Me?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MeKeySpecifier | (() => undefined | MeKeySpecifier),
|
||||
fields?: MeFieldPolicy,
|
||||
},
|
||||
MeOrganisation?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MeOrganisationKeySpecifier | (() => undefined | MeOrganisationKeySpecifier),
|
||||
fields?: MeOrganisationFieldPolicy,
|
||||
},
|
||||
Metric?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricKeySpecifier | (() => undefined | MetricKeySpecifier),
|
||||
fields?: MetricFieldPolicy,
|
||||
},
|
||||
MetricByValue?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricByValueKeySpecifier | (() => undefined | MetricByValueKeySpecifier),
|
||||
fields?: MetricByValueFieldPolicy,
|
||||
},
|
||||
MetricChart?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricChartKeySpecifier | (() => undefined | MetricChartKeySpecifier),
|
||||
fields?: MetricChartFieldPolicy,
|
||||
},
|
||||
MetricChartData?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricChartDataKeySpecifier | (() => undefined | MetricChartDataKeySpecifier),
|
||||
fields?: MetricChartDataFieldPolicy,
|
||||
},
|
||||
MetricChartDataValues?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricChartDataValuesKeySpecifier | (() => undefined | MetricChartDataValuesKeySpecifier),
|
||||
fields?: MetricChartDataValuesFieldPolicy,
|
||||
},
|
||||
MetricEvent?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricEventKeySpecifier | (() => undefined | MetricEventKeySpecifier),
|
||||
fields?: MetricEventFieldPolicy,
|
||||
},
|
||||
MetricValue?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricValueKeySpecifier | (() => undefined | MetricValueKeySpecifier),
|
||||
fields?: MetricValueFieldPolicy,
|
||||
},
|
||||
MetricValueResults?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MetricValueResultsKeySpecifier | (() => undefined | MetricValueResultsKeySpecifier),
|
||||
fields?: MetricValueResultsFieldPolicy,
|
||||
},
|
||||
Mutation?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | MutationKeySpecifier | (() => undefined | MutationKeySpecifier),
|
||||
fields?: MutationFieldPolicy,
|
||||
},
|
||||
Organisation?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | OrganisationKeySpecifier | (() => undefined | OrganisationKeySpecifier),
|
||||
fields?: OrganisationFieldPolicy,
|
||||
},
|
||||
PageInfo?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | PageInfoKeySpecifier | (() => undefined | PageInfoKeySpecifier),
|
||||
fields?: PageInfoFieldPolicy,
|
||||
},
|
||||
Pagination?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | PaginationKeySpecifier | (() => undefined | PaginationKeySpecifier),
|
||||
fields?: PaginationFieldPolicy,
|
||||
},
|
||||
Query?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | QueryKeySpecifier | (() => undefined | QueryKeySpecifier),
|
||||
fields?: QueryFieldPolicy,
|
||||
},
|
||||
QueueEvent?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | QueueEventKeySpecifier | (() => undefined | QueueEventKeySpecifier),
|
||||
fields?: QueueEventFieldPolicy,
|
||||
},
|
||||
Site?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | SiteKeySpecifier | (() => undefined | SiteKeySpecifier),
|
||||
fields?: SiteFieldPolicy,
|
||||
},
|
||||
SiteEdge?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | SiteEdgeKeySpecifier | (() => undefined | SiteEdgeKeySpecifier),
|
||||
fields?: SiteEdgeFieldPolicy,
|
||||
},
|
||||
SiteGridLayoutItem?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | SiteGridLayoutItemKeySpecifier | (() => undefined | SiteGridLayoutItemKeySpecifier),
|
||||
fields?: SiteGridLayoutItemFieldPolicy,
|
||||
},
|
||||
SiteHtmlElement?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | SiteHtmlElementKeySpecifier | (() => undefined | SiteHtmlElementKeySpecifier),
|
||||
fields?: SiteHtmlElementFieldPolicy,
|
||||
},
|
||||
SitePaginated?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | SitePaginatedKeySpecifier | (() => undefined | SitePaginatedKeySpecifier),
|
||||
fields?: SitePaginatedFieldPolicy,
|
||||
},
|
||||
User?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | UserKeySpecifier | (() => undefined | UserKeySpecifier),
|
||||
fields?: UserFieldPolicy,
|
||||
},
|
||||
UserEdge?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | UserEdgeKeySpecifier | (() => undefined | UserEdgeKeySpecifier),
|
||||
fields?: UserEdgeFieldPolicy,
|
||||
},
|
||||
UserPaginated?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | UserPaginatedKeySpecifier | (() => undefined | UserPaginatedKeySpecifier),
|
||||
fields?: UserPaginatedFieldPolicy,
|
||||
},
|
||||
Visitor?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | VisitorKeySpecifier | (() => undefined | VisitorKeySpecifier),
|
||||
fields?: VisitorFieldPolicy,
|
||||
},
|
||||
VisitorEdge?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | VisitorEdgeKeySpecifier | (() => undefined | VisitorEdgeKeySpecifier),
|
||||
fields?: VisitorEdgeFieldPolicy,
|
||||
},
|
||||
VisitorPaginated?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | VisitorPaginatedKeySpecifier | (() => undefined | VisitorPaginatedKeySpecifier),
|
||||
fields?: VisitorPaginatedFieldPolicy,
|
||||
},
|
||||
WebflowCollection?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | WebflowCollectionKeySpecifier | (() => undefined | WebflowCollectionKeySpecifier),
|
||||
fields?: WebflowCollectionFieldPolicy,
|
||||
},
|
||||
WebflowCollectionFields?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | WebflowCollectionFieldsKeySpecifier | (() => undefined | WebflowCollectionFieldsKeySpecifier),
|
||||
fields?: WebflowCollectionFieldsFieldPolicy,
|
||||
},
|
||||
WebflowCollectionItems?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | WebflowCollectionItemsKeySpecifier | (() => undefined | WebflowCollectionItemsKeySpecifier),
|
||||
fields?: WebflowCollectionItemsFieldPolicy,
|
||||
},
|
||||
WebflowSites?: Omit<TypePolicy, "fields" | "keyFields"> & {
|
||||
keyFields?: false | WebflowSitesKeySpecifier | (() => undefined | WebflowSitesKeySpecifier),
|
||||
fields?: WebflowSitesFieldPolicy,
|
||||
}
|
||||
};
|
||||
export type TypedTypePolicies = StrictTypedTypePolicies & TypePolicies;
|
||||
|
|
@ -0,0 +1,943 @@
|
|||
import { gql } from '@apollo/client';
|
||||
import * as Apollo from '@apollo/client';
|
||||
export type Maybe<T> = T | null | undefined;
|
||||
export type InputMaybe<T> = T | null | undefined;
|
||||
export type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
|
||||
export type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
|
||||
export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
|
||||
export type MakeEmpty<T extends { [key: string]: unknown }, K extends keyof T> = { [_ in K]?: never };
|
||||
export type Incremental<T> = T | { [P in keyof T]?: P extends ' $fragmentName' | '__typename' ? T[P] : never };
|
||||
const defaultOptions = {} as const;
|
||||
/** All built-in and custom scalars, mapped to their actual values */
|
||||
export type Scalars = {
|
||||
ID: { input: string; output: string; }
|
||||
String: { input: string; output: string; }
|
||||
Boolean: { input: boolean; output: boolean; }
|
||||
Int: { input: number; output: number; }
|
||||
Float: { input: number; output: number; }
|
||||
BigInt: { input: any; output: any; }
|
||||
Byte: { input: any; output: any; }
|
||||
Currency: { input: any; output: any; }
|
||||
Date: { input: any; output: any; }
|
||||
DateTime: { input: any; output: any; }
|
||||
Duration: { input: any; output: any; }
|
||||
EmailAddress: { input: any; output: any; }
|
||||
GUID: { input: any; output: any; }
|
||||
HSL: { input: any; output: any; }
|
||||
HSLA: { input: any; output: any; }
|
||||
HexColorCode: { input: any; output: any; }
|
||||
Hexadecimal: { input: any; output: any; }
|
||||
IBAN: { input: any; output: any; }
|
||||
IPv4: { input: any; output: any; }
|
||||
IPv6: { input: any; output: any; }
|
||||
ISBN: { input: any; output: any; }
|
||||
ISO8601Duration: { input: any; output: any; }
|
||||
JSON: { input: any; output: any; }
|
||||
JSONObject: { input: any; output: any; }
|
||||
JWT: { input: any; output: any; }
|
||||
Latitude: { input: any; output: any; }
|
||||
LocalDate: { input: any; output: any; }
|
||||
LocalEndTime: { input: any; output: any; }
|
||||
LocalTime: { input: any; output: any; }
|
||||
Long: { input: any; output: any; }
|
||||
Longitude: { input: any; output: any; }
|
||||
MAC: { input: any; output: any; }
|
||||
NegativeFloat: { input: any; output: any; }
|
||||
NegativeInt: { input: any; output: any; }
|
||||
NonEmptyString: { input: any; output: any; }
|
||||
NonNegativeFloat: { input: any; output: any; }
|
||||
NonNegativeInt: { input: any; output: any; }
|
||||
NonPositiveFloat: { input: any; output: any; }
|
||||
NonPositiveInt: { input: any; output: any; }
|
||||
ObjectID: { input: any; output: any; }
|
||||
PhoneNumber: { input: any; output: any; }
|
||||
Port: { input: any; output: any; }
|
||||
PositiveFloat: { input: any; output: any; }
|
||||
PositiveInt: { input: any; output: any; }
|
||||
PostalCode: { input: any; output: any; }
|
||||
RGB: { input: any; output: any; }
|
||||
RGBA: { input: any; output: any; }
|
||||
SafeInt: { input: any; output: any; }
|
||||
Time: { input: any; output: any; }
|
||||
Timestamp: { input: any; output: any; }
|
||||
URL: { input: any; output: any; }
|
||||
USCurrency: { input: any; output: any; }
|
||||
UUID: { input: any; output: any; }
|
||||
UnsignedFloat: { input: any; output: any; }
|
||||
UnsignedInt: { input: any; output: any; }
|
||||
UtcOffset: { input: any; output: any; }
|
||||
Void: { input: any; output: any; }
|
||||
};
|
||||
|
||||
export type AdminReport = {
|
||||
__typename?: 'AdminReport';
|
||||
users: Array<User>;
|
||||
};
|
||||
|
||||
export type CheckScriptHeaderResults = {
|
||||
__typename?: 'CheckScriptHeaderResults';
|
||||
errorMessage?: Maybe<Scalars['String']['output']>;
|
||||
found: Scalars['Boolean']['output'];
|
||||
headerContent: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type CmsMetricValue = {
|
||||
__typename?: 'CmsMetricValue';
|
||||
name: Scalars['String']['output'];
|
||||
value: Scalars['PositiveInt']['output'];
|
||||
webflowItemId: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type CreateDashboardInput = {
|
||||
name: Scalars['String']['input'];
|
||||
siteId: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
export type CreateMetricEventInput = {
|
||||
cssClass?: InputMaybe<Scalars['String']['input']>;
|
||||
cssId?: InputMaybe<Scalars['String']['input']>;
|
||||
eventType: EventType;
|
||||
id?: InputMaybe<Scalars['UUID']['input']>;
|
||||
locationHref: Scalars['String']['input'];
|
||||
referer?: InputMaybe<Scalars['String']['input']>;
|
||||
siteId: Scalars['String']['input'];
|
||||
value?: InputMaybe<Scalars['String']['input']>;
|
||||
visitor: VisitorInput;
|
||||
};
|
||||
|
||||
export type CreateMetricInput = {
|
||||
breakdownBy?: InputMaybe<MetricChartBreakdownBy>;
|
||||
cssSelector?: InputMaybe<Scalars['String']['input']>;
|
||||
dashboardId: Scalars['String']['input'];
|
||||
metricType: MetricType;
|
||||
name: Scalars['String']['input'];
|
||||
path?: InputMaybe<Scalars['String']['input']>;
|
||||
uniqueVisitor?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
webflowCollectionId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type CreateSiteGridLayoutItemInput = {
|
||||
h: Scalars['PositiveInt']['input'];
|
||||
id: Scalars['String']['input'];
|
||||
w: Scalars['PositiveInt']['input'];
|
||||
x: Scalars['PositiveInt']['input'];
|
||||
y: Scalars['PositiveInt']['input'];
|
||||
};
|
||||
|
||||
export type Dashboard = {
|
||||
__typename?: 'Dashboard';
|
||||
createdAt: Scalars['Date']['output'];
|
||||
gridLayout?: Maybe<Array<SiteGridLayoutItem>>;
|
||||
id: Scalars['String']['output'];
|
||||
isPublic: Scalars['Boolean']['output'];
|
||||
name: Scalars['String']['output'];
|
||||
organisationId: Scalars['String']['output'];
|
||||
siteId: Scalars['String']['output'];
|
||||
updatedAt: Scalars['Date']['output'];
|
||||
};
|
||||
|
||||
export type DashboardGridLayoutItem = {
|
||||
__typename?: 'DashboardGridLayoutItem';
|
||||
h: Scalars['PositiveInt']['output'];
|
||||
id: Scalars['String']['output'];
|
||||
w: Scalars['PositiveInt']['output'];
|
||||
x: Scalars['PositiveInt']['output'];
|
||||
y: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export enum EventType {
|
||||
Click = 'click',
|
||||
Cms = 'cms',
|
||||
Form = 'form',
|
||||
Keyboard = 'keyboard',
|
||||
View = 'view'
|
||||
}
|
||||
|
||||
export enum Feature {
|
||||
EmbeddableDashboard = 'EmbeddableDashboard',
|
||||
HistoricalData = 'HistoricalData',
|
||||
LiveData = 'LiveData',
|
||||
Membership = 'Membership',
|
||||
OneMillionVisitors = 'OneMillionVisitors',
|
||||
OneThousandVisitors = 'OneThousandVisitors',
|
||||
TenThousandVisitors = 'TenThousandVisitors',
|
||||
UnlimitedMetrics = 'UnlimitedMetrics',
|
||||
UnlimitedSites = 'UnlimitedSites'
|
||||
}
|
||||
|
||||
export type Features = {
|
||||
__typename?: 'Features';
|
||||
memberFilter: Scalars['Boolean']['output'];
|
||||
};
|
||||
|
||||
export type Me = {
|
||||
__typename?: 'Me';
|
||||
organisations: Array<MeOrganisation>;
|
||||
user: User;
|
||||
};
|
||||
|
||||
export type MeOrganisation = {
|
||||
__typename?: 'MeOrganisation';
|
||||
id: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type Metric = {
|
||||
__typename?: 'Metric';
|
||||
breakdownBy?: Maybe<MetricChartBreakdownBy>;
|
||||
chartData?: Maybe<MetricChart>;
|
||||
cssSelector?: Maybe<Scalars['String']['output']>;
|
||||
dashboardId: Scalars['String']['output'];
|
||||
id: Scalars['ID']['output'];
|
||||
metricType: MetricType;
|
||||
name: Scalars['String']['output'];
|
||||
path?: Maybe<Scalars['String']['output']>;
|
||||
uniqueVisitor?: Maybe<Scalars['Boolean']['output']>;
|
||||
webflowCollectionId?: Maybe<Scalars['String']['output']>;
|
||||
};
|
||||
|
||||
|
||||
export type MetricChartDataArgs = {
|
||||
input: MetricChartInput;
|
||||
};
|
||||
|
||||
export type MetricByValue = {
|
||||
__typename?: 'MetricByValue';
|
||||
name: Scalars['String']['output'];
|
||||
value: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type MetricChart = {
|
||||
__typename?: 'MetricChart';
|
||||
data: Array<MetricChartData>;
|
||||
delta?: Maybe<Scalars['Int']['output']>;
|
||||
fromCache?: Maybe<Scalars['Boolean']['output']>;
|
||||
lastSync?: Maybe<Scalars['Date']['output']>;
|
||||
name: Scalars['String']['output'];
|
||||
queryTime?: Maybe<Scalars['Float']['output']>;
|
||||
total?: Maybe<Scalars['Int']['output']>;
|
||||
};
|
||||
|
||||
export enum MetricChartBreakdownBy {
|
||||
City = 'City',
|
||||
ClientName = 'ClientName',
|
||||
Country = 'Country',
|
||||
CssClass = 'CssClass',
|
||||
CssId = 'CssId',
|
||||
DeviceBrand = 'DeviceBrand',
|
||||
DeviceModel = 'DeviceModel',
|
||||
DeviceType = 'DeviceType',
|
||||
None = 'None',
|
||||
OsName = 'OsName',
|
||||
Path = 'Path',
|
||||
Referer = 'Referer'
|
||||
}
|
||||
|
||||
export type MetricChartData = {
|
||||
__typename?: 'MetricChartData';
|
||||
name: Scalars['String']['output'];
|
||||
values: Array<MetricChartDataValues>;
|
||||
};
|
||||
|
||||
export type MetricChartDataValues = {
|
||||
__typename?: 'MetricChartDataValues';
|
||||
label: Scalars['String']['output'];
|
||||
value: Scalars['Int']['output'];
|
||||
};
|
||||
|
||||
export type MetricChartInput = {
|
||||
breakdownBy?: InputMaybe<MetricChartBreakdownBy>;
|
||||
country?: InputMaybe<Scalars['String']['input']>;
|
||||
cssSelector?: InputMaybe<Scalars['String']['input']>;
|
||||
domain?: InputMaybe<Scalars['String']['input']>;
|
||||
emailAddress?: InputMaybe<Scalars['String']['input']>;
|
||||
endAt?: InputMaybe<Scalars['String']['input']>;
|
||||
ipAddress?: InputMaybe<Scalars['String']['input']>;
|
||||
isMember?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
memberId?: InputMaybe<Scalars['String']['input']>;
|
||||
metricId?: InputMaybe<Scalars['String']['input']>;
|
||||
metricType?: InputMaybe<MetricType>;
|
||||
path?: InputMaybe<Scalars['String']['input']>;
|
||||
referer?: InputMaybe<Scalars['String']['input']>;
|
||||
siteId?: InputMaybe<Scalars['String']['input']>;
|
||||
skipCache?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
startAt?: InputMaybe<Scalars['String']['input']>;
|
||||
timeframe?: InputMaybe<MetricTimeframe>;
|
||||
uniqueVisitor?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
value?: InputMaybe<Scalars['String']['input']>;
|
||||
visitorId?: InputMaybe<Scalars['String']['input']>;
|
||||
webflowCollectionId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type MetricEvent = {
|
||||
__typename?: 'MetricEvent';
|
||||
cmsCollectionItemSlug?: Maybe<Scalars['String']['output']>;
|
||||
cmsCollectionSlug?: Maybe<Scalars['String']['output']>;
|
||||
cmsWebflowCollectionId?: Maybe<Scalars['String']['output']>;
|
||||
cmsWebflowItemId?: Maybe<Scalars['String']['output']>;
|
||||
createdAt?: Maybe<Scalars['Date']['output']>;
|
||||
cssClass?: Maybe<Scalars['String']['output']>;
|
||||
cssId?: Maybe<Scalars['String']['output']>;
|
||||
currentUrl?: Maybe<Scalars['String']['output']>;
|
||||
deviceBrand?: Maybe<Scalars['String']['output']>;
|
||||
deviceClientEngine?: Maybe<Scalars['String']['output']>;
|
||||
deviceClientEngineVersion?: Maybe<Scalars['String']['output']>;
|
||||
deviceClientName?: Maybe<Scalars['String']['output']>;
|
||||
deviceClientType?: Maybe<Scalars['String']['output']>;
|
||||
deviceClientVersion?: Maybe<Scalars['String']['output']>;
|
||||
deviceId?: Maybe<Scalars['String']['output']>;
|
||||
deviceModel?: Maybe<Scalars['String']['output']>;
|
||||
deviceOsName?: Maybe<Scalars['String']['output']>;
|
||||
deviceOsPlatform?: Maybe<Scalars['String']['output']>;
|
||||
deviceOsVersion?: Maybe<Scalars['String']['output']>;
|
||||
deviceType?: Maybe<Scalars['String']['output']>;
|
||||
deviceUserAgent?: Maybe<Scalars['String']['output']>;
|
||||
domain?: Maybe<Scalars['String']['output']>;
|
||||
eventType: EventType;
|
||||
formDisplayedAt?: Maybe<Scalars['Date']['output']>;
|
||||
formLastInteractionAt?: Maybe<Scalars['Date']['output']>;
|
||||
formSubmittedAt?: Maybe<Scalars['Date']['output']>;
|
||||
geoIpCity?: Maybe<Scalars['String']['output']>;
|
||||
geoIpCountry?: Maybe<Scalars['String']['output']>;
|
||||
geoIpEu?: Maybe<Scalars['Boolean']['output']>;
|
||||
geoIpLatitude?: Maybe<Scalars['Float']['output']>;
|
||||
geoIpLongitude?: Maybe<Scalars['Float']['output']>;
|
||||
geoIpRegion?: Maybe<Scalars['String']['output']>;
|
||||
geoIpTimezone?: Maybe<Scalars['String']['output']>;
|
||||
id: Scalars['ID']['output'];
|
||||
ipAddress?: Maybe<Scalars['String']['output']>;
|
||||
path?: Maybe<Scalars['String']['output']>;
|
||||
referer?: Maybe<Scalars['String']['output']>;
|
||||
siteId?: Maybe<Scalars['String']['output']>;
|
||||
updatedAt?: Maybe<Scalars['Date']['output']>;
|
||||
value?: Maybe<Scalars['String']['output']>;
|
||||
visitorId?: Maybe<Scalars['String']['output']>;
|
||||
};
|
||||
|
||||
export type MetricFilters = {
|
||||
isMember?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
};
|
||||
|
||||
export enum MetricInterval {
|
||||
Day = 'day',
|
||||
Hour = 'hour',
|
||||
Month = 'month'
|
||||
}
|
||||
|
||||
export enum MetricTimeframe {
|
||||
Custom = 'Custom',
|
||||
Last3Months = 'Last3Months',
|
||||
Last6Months = 'Last6Months',
|
||||
Last7days = 'Last7days',
|
||||
Last30days = 'Last30days',
|
||||
LastYear = 'LastYear',
|
||||
Today = 'Today',
|
||||
Yesterday = 'Yesterday'
|
||||
}
|
||||
|
||||
export enum MetricType {
|
||||
Click = 'Click',
|
||||
Cms = 'Cms',
|
||||
CustomField = 'CustomField',
|
||||
Form = 'Form',
|
||||
Keyboard = 'Keyboard',
|
||||
TopCountries = 'TopCountries',
|
||||
TopPages = 'TopPages',
|
||||
TopReferers = 'TopReferers',
|
||||
View = 'View',
|
||||
Visitors = 'Visitors'
|
||||
}
|
||||
|
||||
export type MetricValue = {
|
||||
__typename?: 'MetricValue';
|
||||
date: Scalars['Date']['output'];
|
||||
value: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type MetricValueResults = {
|
||||
__typename?: 'MetricValueResults';
|
||||
label?: Maybe<Scalars['String']['output']>;
|
||||
values: Array<MetricValue>;
|
||||
};
|
||||
|
||||
export type MetricValuesInput = {
|
||||
cssSelector?: InputMaybe<Scalars['String']['input']>;
|
||||
endAt?: InputMaybe<Scalars['String']['input']>;
|
||||
metricType: MetricType;
|
||||
path?: InputMaybe<Scalars['String']['input']>;
|
||||
siteId: Scalars['String']['input'];
|
||||
startAt: Scalars['String']['input'];
|
||||
webflowCollectionId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type Mutation = {
|
||||
__typename?: 'Mutation';
|
||||
checkScriptHeader: CheckScriptHeaderResults;
|
||||
createDashboard: Dashboard;
|
||||
createMetric: Metric;
|
||||
createToken: Scalars['String']['output'];
|
||||
deleteDashboard: Scalars['Boolean']['output'];
|
||||
deleteMetric: Scalars['String']['output'];
|
||||
deleteSite: Scalars['String']['output'];
|
||||
findOrUpdateVisitor: Visitor;
|
||||
renewToken: Scalars['String']['output'];
|
||||
reportError: Scalars['Boolean']['output'];
|
||||
resetCacheBySiteId: Scalars['Boolean']['output'];
|
||||
sendMagicLink: Scalars['Boolean']['output'];
|
||||
signIn: Scalars['String']['output'];
|
||||
signUpWithWebflow: Scalars['String']['output'];
|
||||
syncSiteWithWebflow: Scalars['Boolean']['output'];
|
||||
syncWebflowSites: Scalars['Boolean']['output'];
|
||||
updateDashboard: Dashboard;
|
||||
updateMetric: Metric;
|
||||
updateSiteById: Site;
|
||||
updateSiteGridLayout?: Maybe<Site>;
|
||||
};
|
||||
|
||||
|
||||
export type MutationCheckScriptHeaderArgs = {
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationCreateDashboardArgs = {
|
||||
input: CreateDashboardInput;
|
||||
};
|
||||
|
||||
|
||||
export type MutationCreateMetricArgs = {
|
||||
metric: CreateMetricInput;
|
||||
};
|
||||
|
||||
|
||||
export type MutationCreateTokenArgs = {
|
||||
userId: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationDeleteDashboardArgs = {
|
||||
id: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationDeleteMetricArgs = {
|
||||
metricId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationDeleteSiteArgs = {
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationFindOrUpdateVisitorArgs = {
|
||||
emailAddress?: InputMaybe<Scalars['String']['input']>;
|
||||
memberstackId?: InputMaybe<Scalars['String']['input']>;
|
||||
outsetaId?: InputMaybe<Scalars['String']['input']>;
|
||||
visitorId: Scalars['UUID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationReportErrorArgs = {
|
||||
input: ReportErrorInput;
|
||||
};
|
||||
|
||||
|
||||
export type MutationResetCacheBySiteIdArgs = {
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationSendMagicLinkArgs = {
|
||||
email: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationSignInArgs = {
|
||||
token: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationSignUpWithWebflowArgs = {
|
||||
code: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationSyncSiteWithWebflowArgs = {
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type MutationUpdateDashboardArgs = {
|
||||
input: UpdateDashboardInput;
|
||||
};
|
||||
|
||||
|
||||
export type MutationUpdateMetricArgs = {
|
||||
metric: UpdateMetricInput;
|
||||
};
|
||||
|
||||
|
||||
export type MutationUpdateSiteByIdArgs = {
|
||||
input: UpdateSiteByIdInput;
|
||||
};
|
||||
|
||||
|
||||
export type MutationUpdateSiteGridLayoutArgs = {
|
||||
newGridLayout: Array<CreateSiteGridLayoutItemInput>;
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
export type Organisation = {
|
||||
__typename?: 'Organisation';
|
||||
features: Array<Feature>;
|
||||
id: Scalars['ID']['output'];
|
||||
};
|
||||
|
||||
export type PageInfo = {
|
||||
__typename?: 'PageInfo';
|
||||
hasNextPage: Scalars['Boolean']['output'];
|
||||
};
|
||||
|
||||
export type Pagination = {
|
||||
__typename?: 'Pagination';
|
||||
hasMore: Scalars['Boolean']['output'];
|
||||
total: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type PaginationInput = {
|
||||
cursor?: InputMaybe<Scalars['String']['input']>;
|
||||
limit?: InputMaybe<Scalars['PositiveInt']['input']>;
|
||||
};
|
||||
|
||||
export type Query = {
|
||||
__typename?: 'Query';
|
||||
adminReport: AdminReport;
|
||||
chartData: MetricChart;
|
||||
dashboard: Dashboard;
|
||||
dashboardBySiteId: Array<Dashboard>;
|
||||
eventTypes: Array<EventType>;
|
||||
features?: Maybe<Features>;
|
||||
maintenance: Scalars['Boolean']['output'];
|
||||
me?: Maybe<Me>;
|
||||
metric: Metric;
|
||||
metricByValues: Array<MetricByValue>;
|
||||
metricTypes: Array<MetricType>;
|
||||
metricValues: Array<MetricValueResults>;
|
||||
metricsByDashboardId: Array<Metric>;
|
||||
metricsBySiteId: Array<Metric>;
|
||||
organisation: Organisation;
|
||||
queueEvents?: Maybe<Array<Maybe<QueueEvent>>>;
|
||||
site: Site;
|
||||
/** @deprecated Use 'site' instead. */
|
||||
siteById: Site;
|
||||
siteByWebflowId: Site;
|
||||
siteHtmlElements: Array<SiteHtmlElement>;
|
||||
sites: SitePaginated;
|
||||
stripeCustomerPortalLink: Scalars['String']['output'];
|
||||
users: UserPaginated;
|
||||
visitor?: Maybe<Visitor>;
|
||||
visitors: VisitorPaginated;
|
||||
};
|
||||
|
||||
|
||||
export type QueryChartDataArgs = {
|
||||
input: MetricChartInput;
|
||||
};
|
||||
|
||||
|
||||
export type QueryDashboardArgs = {
|
||||
id: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryDashboardBySiteIdArgs = {
|
||||
siteId: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryMetricArgs = {
|
||||
id: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryMetricByValuesArgs = {
|
||||
filters?: InputMaybe<MetricFilters>;
|
||||
input: MetricValuesInput;
|
||||
};
|
||||
|
||||
|
||||
export type QueryMetricValuesArgs = {
|
||||
filters?: InputMaybe<MetricFilters>;
|
||||
input: MetricValuesInput;
|
||||
};
|
||||
|
||||
|
||||
export type QueryMetricsByDashboardIdArgs = {
|
||||
dashboardById: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryMetricsBySiteIdArgs = {
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryOrganisationArgs = {
|
||||
organisationId?: InputMaybe<Scalars['ID']['input']>;
|
||||
siteId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
|
||||
export type QueryQueueEventsArgs = {
|
||||
siteId: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QuerySiteArgs = {
|
||||
id: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QuerySiteByIdArgs = {
|
||||
id: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QuerySiteByWebflowIdArgs = {
|
||||
webflowId: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QuerySiteHtmlElementsArgs = {
|
||||
siteId: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QuerySitesArgs = {
|
||||
cursor?: InputMaybe<Scalars['String']['input']>;
|
||||
filters?: InputMaybe<SitesFilters>;
|
||||
first?: InputMaybe<Scalars['PositiveInt']['input']>;
|
||||
organisationId: Scalars['String']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryUsersArgs = {
|
||||
cursor?: InputMaybe<Scalars['String']['input']>;
|
||||
first?: InputMaybe<Scalars['PositiveInt']['input']>;
|
||||
search?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
|
||||
export type QueryVisitorArgs = {
|
||||
id: Scalars['ID']['input'];
|
||||
};
|
||||
|
||||
|
||||
export type QueryVisitorsArgs = {
|
||||
filters: VisitorsFilters;
|
||||
first?: InputMaybe<Scalars['PositiveInt']['input']>;
|
||||
offset?: InputMaybe<Scalars['PositiveInt']['input']>;
|
||||
};
|
||||
|
||||
export type QueueEvent = {
|
||||
__typename?: 'QueueEvent';
|
||||
cmsItemIndex?: Maybe<Scalars['Int']['output']>;
|
||||
cmsItemSlug?: Maybe<Scalars['String']['output']>;
|
||||
cmsListIndex?: Maybe<Scalars['Int']['output']>;
|
||||
createdAt?: Maybe<Scalars['String']['output']>;
|
||||
cssClass?: Maybe<Scalars['String']['output']>;
|
||||
cssId?: Maybe<Scalars['String']['output']>;
|
||||
domain?: Maybe<Scalars['String']['output']>;
|
||||
eventType?: Maybe<Scalars['String']['output']>;
|
||||
formStage?: Maybe<Scalars['String']['output']>;
|
||||
id?: Maybe<Scalars['String']['output']>;
|
||||
ip?: Maybe<Scalars['String']['output']>;
|
||||
path?: Maybe<Scalars['String']['output']>;
|
||||
referer?: Maybe<Scalars['String']['output']>;
|
||||
siteId?: Maybe<Scalars['String']['output']>;
|
||||
userAgent?: Maybe<Scalars['String']['output']>;
|
||||
value?: Maybe<Scalars['String']['output']>;
|
||||
visitorId?: Maybe<Scalars['String']['output']>;
|
||||
};
|
||||
|
||||
export type ReportErrorInput = {
|
||||
error?: InputMaybe<Scalars['JSON']['input']>;
|
||||
from: Scalars['String']['input'];
|
||||
message?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type Site = {
|
||||
__typename?: 'Site';
|
||||
collections: Array<WebflowCollection>;
|
||||
createdAt: Scalars['Date']['output'];
|
||||
dashboards?: Maybe<Array<Dashboard>>;
|
||||
domains?: Maybe<Array<Scalars['String']['output']>>;
|
||||
eventSources?: Maybe<Array<Scalars['String']['output']>>;
|
||||
gridLayout?: Maybe<Array<SiteGridLayoutItem>>;
|
||||
id: Scalars['ID']['output'];
|
||||
isEnabled: Scalars['Boolean']['output'];
|
||||
isPublic: Scalars['Boolean']['output'];
|
||||
metrics?: Maybe<Array<Metric>>;
|
||||
name: Scalars['String']['output'];
|
||||
organisationId: Scalars['String']['output'];
|
||||
previewUrl?: Maybe<Scalars['String']['output']>;
|
||||
shortName?: Maybe<Scalars['String']['output']>;
|
||||
totalMetricsCount?: Maybe<Scalars['PositiveInt']['output']>;
|
||||
updatedAt: Scalars['Date']['output'];
|
||||
webflowId: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
|
||||
export type SiteEventSourcesArgs = {
|
||||
filter?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type SiteEdge = {
|
||||
__typename?: 'SiteEdge';
|
||||
cursor: Scalars['String']['output'];
|
||||
node: Site;
|
||||
};
|
||||
|
||||
export type SiteGridLayoutItem = {
|
||||
__typename?: 'SiteGridLayoutItem';
|
||||
h: Scalars['PositiveInt']['output'];
|
||||
id: Scalars['String']['output'];
|
||||
w: Scalars['PositiveInt']['output'];
|
||||
x: Scalars['PositiveInt']['output'];
|
||||
y: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type SiteHtmlElement = {
|
||||
__typename?: 'SiteHtmlElement';
|
||||
html: Scalars['String']['output'];
|
||||
id: Scalars['String']['output'];
|
||||
text?: Maybe<Scalars['String']['output']>;
|
||||
};
|
||||
|
||||
export type SitePaginated = {
|
||||
__typename?: 'SitePaginated';
|
||||
edges: Array<SiteEdge>;
|
||||
pageInfo: PageInfo;
|
||||
totalCount: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type SitesFilters = {
|
||||
name?: InputMaybe<Scalars['String']['input']>;
|
||||
organisationId?: InputMaybe<Scalars['String']['input']>;
|
||||
userId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type UpdateDashboardGridLayoutItem = {
|
||||
h: Scalars['PositiveInt']['input'];
|
||||
id: Scalars['String']['input'];
|
||||
w: Scalars['PositiveInt']['input'];
|
||||
x: Scalars['PositiveInt']['input'];
|
||||
y: Scalars['PositiveInt']['input'];
|
||||
};
|
||||
|
||||
export type UpdateDashboardInput = {
|
||||
gridLayout?: InputMaybe<Array<UpdateDashboardGridLayoutItem>>;
|
||||
id: Scalars['String']['input'];
|
||||
isPublic?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
name?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type UpdateMetricInput = {
|
||||
breakdownBy?: InputMaybe<MetricChartBreakdownBy>;
|
||||
cssSelector?: InputMaybe<Scalars['String']['input']>;
|
||||
id: Scalars['ID']['input'];
|
||||
metricType?: InputMaybe<MetricType>;
|
||||
name?: InputMaybe<Scalars['String']['input']>;
|
||||
path?: InputMaybe<Scalars['String']['input']>;
|
||||
uniqueVisitor?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
webflowCollectionId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type UpdateSiteByIdInput = {
|
||||
id: Scalars['String']['input'];
|
||||
isPublic?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
};
|
||||
|
||||
export type User = {
|
||||
__typename?: 'User';
|
||||
createdAt: Scalars['Date']['output'];
|
||||
email: Scalars['String']['output'];
|
||||
firstname?: Maybe<Scalars['String']['output']>;
|
||||
id: Scalars['String']['output'];
|
||||
lastname?: Maybe<Scalars['String']['output']>;
|
||||
};
|
||||
|
||||
export type UserEdge = {
|
||||
__typename?: 'UserEdge';
|
||||
cursor: Scalars['String']['output'];
|
||||
node: User;
|
||||
};
|
||||
|
||||
export type UserPaginated = {
|
||||
__typename?: 'UserPaginated';
|
||||
edges: Array<UserEdge>;
|
||||
pageInfo: PageInfo;
|
||||
totalCount: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type Visitor = {
|
||||
__typename?: 'Visitor';
|
||||
city?: Maybe<Scalars['String']['output']>;
|
||||
country?: Maybe<Scalars['String']['output']>;
|
||||
device?: Maybe<Scalars['String']['output']>;
|
||||
emailAddress?: Maybe<Scalars['String']['output']>;
|
||||
events: Array<MetricEvent>;
|
||||
id: Scalars['ID']['output'];
|
||||
initialReferer?: Maybe<Scalars['String']['output']>;
|
||||
lastInteraction: Scalars['Date']['output'];
|
||||
};
|
||||
|
||||
export type VisitorEdge = {
|
||||
__typename?: 'VisitorEdge';
|
||||
cursor: Scalars['String']['output'];
|
||||
node: Visitor;
|
||||
};
|
||||
|
||||
export type VisitorInput = {
|
||||
emailAddress?: InputMaybe<Scalars['String']['input']>;
|
||||
id: Scalars['UUID']['input'];
|
||||
memberstackId?: InputMaybe<Scalars['String']['input']>;
|
||||
outsetaId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type VisitorPaginated = {
|
||||
__typename?: 'VisitorPaginated';
|
||||
edges: Array<VisitorEdge>;
|
||||
pageInfo: PageInfo;
|
||||
totalCount: Scalars['PositiveInt']['output'];
|
||||
};
|
||||
|
||||
export type VisitorsFilters = {
|
||||
emailAddress?: InputMaybe<Scalars['String']['input']>;
|
||||
endAt?: InputMaybe<Scalars['Date']['input']>;
|
||||
isMember?: InputMaybe<Scalars['Boolean']['input']>;
|
||||
siteId: Scalars['String']['input'];
|
||||
startAt: Scalars['Date']['input'];
|
||||
visitorId?: InputMaybe<Scalars['String']['input']>;
|
||||
};
|
||||
|
||||
export type WebflowCollection = {
|
||||
__typename?: 'WebflowCollection';
|
||||
fields: Array<WebflowCollectionFields>;
|
||||
id: Scalars['String']['output'];
|
||||
items: Array<WebflowCollectionItems>;
|
||||
name: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type WebflowCollectionFields = {
|
||||
__typename?: 'WebflowCollectionFields';
|
||||
id: Scalars['String']['output'];
|
||||
name: Scalars['String']['output'];
|
||||
slug: Scalars['String']['output'];
|
||||
type: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type WebflowCollectionItems = {
|
||||
__typename?: 'WebflowCollectionItems';
|
||||
id: Scalars['String']['output'];
|
||||
name: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type WebflowSites = {
|
||||
__typename?: 'WebflowSites';
|
||||
name: Scalars['String']['output'];
|
||||
};
|
||||
|
||||
export type ChartDataQueryVariables = Exact<{
|
||||
input: MetricChartInput;
|
||||
}>;
|
||||
|
||||
|
||||
export type ChartDataQuery = { __typename?: 'Query', chartData: { __typename?: 'MetricChart', name: string, delta?: number | null | undefined, data: Array<{ __typename?: 'MetricChartData', name: string, values: Array<{ __typename?: 'MetricChartDataValues', label: string, value: number }> }> } };
|
||||
|
||||
export type SiteByWebflowIdQueryVariables = Exact<{
|
||||
webflowId: Scalars['String']['input'];
|
||||
}>;
|
||||
|
||||
|
||||
export type SiteByWebflowIdQuery = { __typename?: 'Query', siteByWebflowId: { __typename?: 'Site', id: string } };
|
||||
|
||||
|
||||
export const ChartDataDocument = gql`
|
||||
query chartData($input: MetricChartInput!) {
|
||||
chartData(input: $input) {
|
||||
name
|
||||
data {
|
||||
name
|
||||
values {
|
||||
label
|
||||
value
|
||||
}
|
||||
}
|
||||
delta
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
/**
|
||||
* __useChartDataQuery__
|
||||
*
|
||||
* To run a query within a React component, call `useChartDataQuery` and pass it any options that fit your needs.
|
||||
* When your component renders, `useChartDataQuery` returns an object from Apollo Client that contains loading, error, and data properties
|
||||
* you can use to render your UI.
|
||||
*
|
||||
* @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
|
||||
*
|
||||
* @example
|
||||
* const { data, loading, error } = useChartDataQuery({
|
||||
* variables: {
|
||||
* input: // value for 'input'
|
||||
* },
|
||||
* });
|
||||
*/
|
||||
export function useChartDataQuery(baseOptions: Apollo.QueryHookOptions<ChartDataQuery, ChartDataQueryVariables>) {
|
||||
const options = {...defaultOptions, ...baseOptions}
|
||||
return Apollo.useQuery<ChartDataQuery, ChartDataQueryVariables>(ChartDataDocument, options);
|
||||
}
|
||||
export function useChartDataLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<ChartDataQuery, ChartDataQueryVariables>) {
|
||||
const options = {...defaultOptions, ...baseOptions}
|
||||
return Apollo.useLazyQuery<ChartDataQuery, ChartDataQueryVariables>(ChartDataDocument, options);
|
||||
}
|
||||
export type ChartDataQueryHookResult = ReturnType<typeof useChartDataQuery>;
|
||||
export type ChartDataLazyQueryHookResult = ReturnType<typeof useChartDataLazyQuery>;
|
||||
export type ChartDataQueryResult = Apollo.QueryResult<ChartDataQuery, ChartDataQueryVariables>;
|
||||
export const SiteByWebflowIdDocument = gql`
|
||||
query siteByWebflowId($webflowId: String!) {
|
||||
siteByWebflowId(webflowId: $webflowId) {
|
||||
id
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
/**
|
||||
* __useSiteByWebflowIdQuery__
|
||||
*
|
||||
* To run a query within a React component, call `useSiteByWebflowIdQuery` and pass it any options that fit your needs.
|
||||
* When your component renders, `useSiteByWebflowIdQuery` returns an object from Apollo Client that contains loading, error, and data properties
|
||||
* you can use to render your UI.
|
||||
*
|
||||
* @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
|
||||
*
|
||||
* @example
|
||||
* const { data, loading, error } = useSiteByWebflowIdQuery({
|
||||
* variables: {
|
||||
* webflowId: // value for 'webflowId'
|
||||
* },
|
||||
* });
|
||||
*/
|
||||
export function useSiteByWebflowIdQuery(baseOptions: Apollo.QueryHookOptions<SiteByWebflowIdQuery, SiteByWebflowIdQueryVariables>) {
|
||||
const options = {...defaultOptions, ...baseOptions}
|
||||
return Apollo.useQuery<SiteByWebflowIdQuery, SiteByWebflowIdQueryVariables>(SiteByWebflowIdDocument, options);
|
||||
}
|
||||
export function useSiteByWebflowIdLazyQuery(baseOptions?: Apollo.LazyQueryHookOptions<SiteByWebflowIdQuery, SiteByWebflowIdQueryVariables>) {
|
||||
const options = {...defaultOptions, ...baseOptions}
|
||||
return Apollo.useLazyQuery<SiteByWebflowIdQuery, SiteByWebflowIdQueryVariables>(SiteByWebflowIdDocument, options);
|
||||
}
|
||||
export type SiteByWebflowIdQueryHookResult = ReturnType<typeof useSiteByWebflowIdQuery>;
|
||||
export type SiteByWebflowIdLazyQueryHookResult = ReturnType<typeof useSiteByWebflowIdLazyQuery>;
|
||||
export type SiteByWebflowIdQueryResult = Apollo.QueryResult<SiteByWebflowIdQuery, SiteByWebflowIdQueryVariables>;
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
query chartData($input: MetricChartInput!) {
|
||||
chartData(input: $input) {
|
||||
name
|
||||
data {
|
||||
name
|
||||
values {
|
||||
label
|
||||
value
|
||||
}
|
||||
}
|
||||
delta
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
query siteByWebflowId($webflowId: String!) {
|
||||
siteByWebflowId(webflowId: $webflowId) {
|
||||
id
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
export * from "./useCurrentSiteInfo";
|
||||
export * from "./useWebflowInfo";
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
import { useSiteByWebflowIdQuery } from "../generated/graphql";
|
||||
import { useWebflowInfo } from "./useWebflowInfo";
|
||||
|
||||
interface UseCurrentSiteIdResults {
|
||||
loading: boolean;
|
||||
error?: string;
|
||||
data: {
|
||||
webflowId?: string;
|
||||
nocodelyticsId?: string;
|
||||
};
|
||||
}
|
||||
|
||||
export const useCurrentSiteInfo = (): UseCurrentSiteIdResults => {
|
||||
const { webflowSiteLoading, webflowId, webflowError } = useWebflowInfo();
|
||||
|
||||
const siteByWebflowIdQueryResults = useSiteByWebflowIdQuery({
|
||||
variables: {
|
||||
webflowId,
|
||||
},
|
||||
skip: !webflowId,
|
||||
});
|
||||
const loading = webflowSiteLoading || siteByWebflowIdQueryResults.loading;
|
||||
const error = webflowError || siteByWebflowIdQueryResults.error?.message;
|
||||
return {
|
||||
loading,
|
||||
error,
|
||||
data: {
|
||||
webflowId,
|
||||
nocodelyticsId: siteByWebflowIdQueryResults.data?.siteByWebflowId.id,
|
||||
},
|
||||
};
|
||||
};
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
import { useState, useEffect } from "react";
|
||||
|
||||
export const useWebflowInfo = () => {
|
||||
const [webflowSiteLoading, setWebflowSiteLoading] = useState<boolean>(true);
|
||||
const [webflowId, setWebflowId] = useState<string>("");
|
||||
const [webflowError, setWebflowError] = useState<string>("");
|
||||
|
||||
useEffect(() => {
|
||||
webflow
|
||||
.getSiteInfo()
|
||||
.then(({ siteId }) => {
|
||||
setWebflowId(siteId);
|
||||
setWebflowSiteLoading(false);
|
||||
})
|
||||
.catch((error) => setWebflowError(error));
|
||||
}, []);
|
||||
|
||||
return {
|
||||
webflowSiteLoading,
|
||||
webflowId,
|
||||
webflowError,
|
||||
};
|
||||
};
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import React from "react";
|
||||
import { createRoot } from "react-dom/client";
|
||||
import { App } from "./App";
|
||||
|
||||
if (typeof webflow === "undefined") {
|
||||
alert("Error: `webflow` object is not defined.");
|
||||
}
|
||||
const container = document.getElementById("root");
|
||||
const root = createRoot(container!);
|
||||
root.render(<App />);
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
import React from "react";
|
||||
import { config } from "../config";
|
||||
|
||||
export const DebugPage: React.FC = () => {
|
||||
return (
|
||||
<ul>
|
||||
<li>
|
||||
Token:{" "}
|
||||
{
|
||||
<input
|
||||
type="text"
|
||||
defaultValue={localStorage.getItem(config.localstorageKeys.token)!}
|
||||
onChange={(event) =>
|
||||
localStorage.setItem(
|
||||
config.localstorageKeys.token,
|
||||
event.target.value
|
||||
)
|
||||
}
|
||||
/>
|
||||
}
|
||||
</li>
|
||||
</ul>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
import React, { useEffect, useState } from "react";
|
||||
import { Dropdown } from "../components";
|
||||
import { Chart } from "../containers/Chart";
|
||||
import { MetricType } from "../generated/graphql";
|
||||
|
||||
export const MetricDetailsPage: React.FC = () => {
|
||||
const [path, setPath] = useState<string>();
|
||||
const [timeframe, setTimeframe] = useState<string>("Last30days");
|
||||
|
||||
useEffect(() => {
|
||||
const unsubscribeCurrentPage = webflow.subscribe("currentpage", (page) => {
|
||||
setPath(`/${page.getSlug()}`);
|
||||
});
|
||||
webflow.getCurrentPage().then((page) => setPath(`/${page.getSlug()}`));
|
||||
return () => {
|
||||
unsubscribeCurrentPage();
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Dropdown
|
||||
selected="Last30days"
|
||||
options={[
|
||||
{ label: "Last 7 days", value: "Last7days" },
|
||||
{ label: "Last 30 days", value: "Last30days" },
|
||||
{ label: "Last 3 Months", value: "Last3Months" },
|
||||
{ label: "Last 6 Months", value: "Last6Months" },
|
||||
{ label: "Last Year", value: "LastYear" },
|
||||
]}
|
||||
onChange={(value) => {
|
||||
setTimeframe(value);
|
||||
}}
|
||||
/>
|
||||
<div style={{ marginTop: 10 }}>
|
||||
<Chart input={{ path, metricType: MetricType.View, timeframe }} />
|
||||
</div>
|
||||
<div style={{ marginTop: 30 }}>
|
||||
<Chart
|
||||
input={{
|
||||
path,
|
||||
metricType: MetricType.Visitors,
|
||||
uniqueVisitor: true,
|
||||
timeframe,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
export * from "./MetricDetailsPage";
|
||||
export * from "./DebugPage";
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
import { CSSProperties } from "react";
|
||||
|
||||
type Variant = "primary" | "secondary";
|
||||
|
||||
type ThemeVariants = {
|
||||
[K in Variant]?: CSSProperties;
|
||||
};
|
||||
|
||||
type Element = "text" | "background" | "border";
|
||||
|
||||
type Theme = {
|
||||
[K in Element]: ThemeVariants;
|
||||
};
|
||||
|
||||
/**
|
||||
* Quick hack with minimal info until webflow publishes a components lib
|
||||
*/
|
||||
export const theme: Theme = {
|
||||
text: {
|
||||
primary: { color: "#D9D9D9" },
|
||||
},
|
||||
background: {
|
||||
secondary: { backgroundColor: "#5E5E5E" },
|
||||
},
|
||||
border: {
|
||||
primary: {
|
||||
borderColor: "#363636",
|
||||
borderWidth: 1,
|
||||
borderRadius: 1,
|
||||
borderStyle: "solid",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "esnext",
|
||||
"lib": ["DOM", "DOM.Iterable", "esnext"],
|
||||
"types": ["vite/client", "node", "css-font-loading-module"],
|
||||
"allowJs": false,
|
||||
"skipLibCheck": true,
|
||||
"esModuleInterop": true,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "react",
|
||||
"rootDir": "./",
|
||||
"outDir": ".build"
|
||||
},
|
||||
"include": [
|
||||
"./src",
|
||||
"vitest.config.ts",
|
||||
"vitest.config.ts",
|
||||
"node_modules/@webflow/designer-extension-typings"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
import reactRefresh from "@vitejs/plugin-react-refresh";
|
||||
import dotenv from "dotenv";
|
||||
|
||||
import { defineConfig } from "vite";
|
||||
|
||||
dotenv.config();
|
||||
|
||||
// eslint-disable-next-line import/no-default-export
|
||||
export default defineConfig({
|
||||
base: "./",
|
||||
plugins: [reactRefresh()],
|
||||
server: {
|
||||
host: true,
|
||||
port: 1337,
|
||||
},
|
||||
optimizeDeps: {
|
||||
exclude: ["./webflow"],
|
||||
},
|
||||
define: {
|
||||
"process.env": {
|
||||
...process.env,
|
||||
},
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
"~bootstrap": "bootstrap",
|
||||
},
|
||||
},
|
||||
build: {
|
||||
outDir: "public",
|
||||
sourcemap: true,
|
||||
rollupOptions: {},
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"name": "nocodelytics",
|
||||
"publicDir": "public",
|
||||
"size": "comfortable"
|
||||
}
|
||||
Loading…
Reference in New Issue