@makeswift/runtime 0.29.0-canary.23 → 0.29.0-canary.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -27,7 +27,7 @@ class MakeswiftGraphQLApiClient {
27
27
  graphqlClient;
28
28
  constructor({ endpoint }) {
29
29
  this.graphqlClient = new import_client.GraphQLClient(endpoint, {
30
- "makeswift-runtime-version": "0.29.0-canary.23"
30
+ "makeswift-runtime-version": "0.29.0-canary.24"
31
31
  });
32
32
  }
33
33
  async getUnversionedResources({
@@ -223,7 +223,7 @@ class MakeswiftRestAPIClient {
223
223
  const requestHeaders = new Headers({
224
224
  "x-api-key": this.apiKey,
225
225
  "makeswift-site-api-key": this.apiKey,
226
- "makeswift-runtime-version": "0.29.0-canary.23"
226
+ "makeswift-runtime-version": "0.29.0-canary.24"
227
227
  });
228
228
  if (siteVersion?.token) {
229
229
  requestUrl.searchParams.set("version", siteVersion.version);
@@ -28,7 +28,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
28
28
  return import_request_response.ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
29
29
  }
30
30
  return import_request_response.ApiResponse.json({
31
- version: "0.29.0-canary.23",
31
+ version: "0.29.0-canary.24",
32
32
  interactionMode: true,
33
33
  clientSideNavigation: false,
34
34
  elementFromPoint: false,
@@ -24,34 +24,54 @@ module.exports = __toCommonJS(FallbackComponent_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = require("react");
26
26
  var import_Warning20 = require("../../icons/Warning20");
27
- var import_use_style = require("../../../runtimes/react/css-runtime/hooks/use-style");
28
27
  const FallbackComponent = (0, import_react.forwardRef)(function FallbackComponent2({ text, details }, ref) {
29
- const { className: outerClassName, styleElement: outerStyleElement } = (0, import_use_style.useStyle)({
30
- width: "100%",
31
- height: 54,
32
- backgroundColor: "#fcedf2",
33
- borderRadius: 6,
34
- padding: 16,
35
- display: "flex",
36
- alignItems: "center",
37
- gap: 8,
38
- color: "#c73e6d",
39
- fill: "currentColor",
40
- fontFamily: "Heebo, sans-serif",
41
- fontSize: 16
42
- });
43
- const { className: noDisplayClassName, styleElement: noDisplayStyleElement } = (0, import_use_style.useStyle)({
44
- display: "none"
45
- });
46
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
47
- outerStyleElement,
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: outerClassName, children: [
49
- noDisplayStyleElement,
50
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Warning20.Warning20, {}),
51
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: text }),
52
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: noDisplayClassName, children: details })
53
- ] })
54
- ] });
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
29
+ "div",
30
+ {
31
+ ref,
32
+ style: {
33
+ width: "100%",
34
+ height: 54,
35
+ backgroundColor: "#fcedf2",
36
+ borderRadius: 6,
37
+ padding: 16,
38
+ display: "flex",
39
+ alignItems: "center",
40
+ gap: 8,
41
+ color: "#c73e6d"
42
+ },
43
+ children: [
44
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
+ import_Warning20.Warning20,
46
+ {
47
+ style: {
48
+ fill: "currentColor"
49
+ }
50
+ }
51
+ ),
52
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
53
+ "span",
54
+ {
55
+ style: {
56
+ color: "currentColor",
57
+ fontFamily: "Heebo, sans-serif",
58
+ fontSize: 16
59
+ },
60
+ children: text
61
+ }
62
+ ),
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
64
+ "span",
65
+ {
66
+ style: {
67
+ display: "none"
68
+ },
69
+ children: details
70
+ }
71
+ )
72
+ ]
73
+ }
74
+ );
55
75
  });
56
76
  // Annotate the CommonJS export names for ESM import in node:
57
77
  0 && (module.exports = {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/shared/FallbackComponent/FallbackComponent.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react'\nimport { Warning20 } from '../../icons/Warning20'\nimport { useStyle } from '../../../runtimes/react/css-runtime/hooks/use-style'\n\ntype Props = {\n text: string\n details?: string\n}\n\nexport const FallbackComponent = forwardRef(function FallbackComponent(\n { text, details }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n const { className: outerClassName, styleElement: outerStyleElement } = useStyle({\n width: '100%',\n height: 54,\n backgroundColor: '#fcedf2',\n borderRadius: 6,\n padding: 16,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n color: '#c73e6d',\n fill: 'currentColor',\n fontFamily: 'Heebo, sans-serif',\n fontSize: 16,\n })\n const { className: noDisplayClassName, styleElement: noDisplayStyleElement } = useStyle({\n display: 'none',\n })\n return (\n <>\n {outerStyleElement}\n <div ref={ref} className={outerClassName}>\n {noDisplayStyleElement}\n <Warning20 />\n <span>{text}</span>\n <span className={noDisplayClassName}>{details}</span>\n </div>\n </>\n )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BI;AA/BJ,mBAAgC;AAChC,uBAA0B;AAC1B,uBAAyB;AAOlB,MAAM,wBAAoB,yBAAW,SAASA,mBACnD,EAAE,MAAM,QAAQ,GAChB,KACA;AACA,QAAM,EAAE,WAAW,gBAAgB,cAAc,kBAAkB,QAAI,2BAAS;AAAA,IAC9E,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,EAAE,WAAW,oBAAoB,cAAc,sBAAsB,QAAI,2BAAS;AAAA,IACtF,SAAS;AAAA,EACX,CAAC;AACD,SACE,4EACG;AAAA;AAAA,IACD,6CAAC,SAAI,KAAU,WAAW,gBACvB;AAAA;AAAA,MACD,4CAAC,8BAAU;AAAA,MACX,4CAAC,UAAM,gBAAK;AAAA,MACZ,4CAAC,UAAK,WAAW,oBAAqB,mBAAQ;AAAA,OAChD;AAAA,KACF;AAEJ,CAAC;","names":["FallbackComponent"]}
1
+ {"version":3,"sources":["../../../../../src/components/shared/FallbackComponent/FallbackComponent.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react'\nimport { Warning20 } from '../../icons/Warning20'\n\ntype Props = {\n text: string\n details?: string\n}\n\nexport const FallbackComponent = forwardRef(function FallbackComponent(\n { text, details }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n // Intentionally use inline styles so that the fallback doesn't access the style\n // context, the absence of which may be the exact error we're trying to report\n return (\n <div\n ref={ref}\n style={{\n width: '100%',\n height: 54,\n backgroundColor: '#fcedf2',\n borderRadius: 6,\n padding: 16,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n color: '#c73e6d',\n }}\n >\n <Warning20\n style={{\n fill: 'currentColor',\n }}\n />\n <span\n style={{\n color: 'currentColor',\n fontFamily: 'Heebo, sans-serif',\n fontSize: 16,\n }}\n >\n {text}\n </span>\n <span\n style={{\n display: 'none',\n }}\n >\n {details}\n </span>\n </div>\n )\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAfJ,mBAAgC;AAChC,uBAA0B;AAOnB,MAAM,wBAAoB,yBAAW,SAASA,mBACnD,EAAE,MAAM,QAAQ,GAChB,KACA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,MAAM;AAAA,YACR;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,YACZ;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,YACX;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["FallbackComponent"]}
@@ -4,7 +4,7 @@ class MakeswiftGraphQLApiClient {
4
4
  graphqlClient;
5
5
  constructor({ endpoint }) {
6
6
  this.graphqlClient = new GraphQLClient(endpoint, {
7
- "makeswift-runtime-version": "0.29.0-canary.23"
7
+ "makeswift-runtime-version": "0.29.0-canary.24"
8
8
  });
9
9
  }
10
10
  async getUnversionedResources({
@@ -188,7 +188,7 @@ class MakeswiftRestAPIClient {
188
188
  const requestHeaders = new Headers({
189
189
  "x-api-key": this.apiKey,
190
190
  "makeswift-site-api-key": this.apiKey,
191
- "makeswift-runtime-version": "0.29.0-canary.23"
191
+ "makeswift-runtime-version": "0.29.0-canary.24"
192
192
  });
193
193
  if (siteVersion?.token) {
194
194
  requestUrl.searchParams.set("version", siteVersion.version);
@@ -8,7 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
8
8
  return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
9
9
  }
10
10
  return ApiResponse.json({
11
- version: "0.29.0-canary.23",
11
+ version: "0.29.0-canary.24",
12
12
  interactionMode: true,
13
13
  clientSideNavigation: false,
14
14
  elementFromPoint: false,
@@ -1,34 +1,54 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { Warning20 } from "../../icons/Warning20";
4
- import { useStyle } from "../../../runtimes/react/css-runtime/hooks/use-style";
5
4
  const FallbackComponent = forwardRef(function FallbackComponent2({ text, details }, ref) {
6
- const { className: outerClassName, styleElement: outerStyleElement } = useStyle({
7
- width: "100%",
8
- height: 54,
9
- backgroundColor: "#fcedf2",
10
- borderRadius: 6,
11
- padding: 16,
12
- display: "flex",
13
- alignItems: "center",
14
- gap: 8,
15
- color: "#c73e6d",
16
- fill: "currentColor",
17
- fontFamily: "Heebo, sans-serif",
18
- fontSize: 16
19
- });
20
- const { className: noDisplayClassName, styleElement: noDisplayStyleElement } = useStyle({
21
- display: "none"
22
- });
23
- return /* @__PURE__ */ jsxs(Fragment, { children: [
24
- outerStyleElement,
25
- /* @__PURE__ */ jsxs("div", { ref, className: outerClassName, children: [
26
- noDisplayStyleElement,
27
- /* @__PURE__ */ jsx(Warning20, {}),
28
- /* @__PURE__ */ jsx("span", { children: text }),
29
- /* @__PURE__ */ jsx("span", { className: noDisplayClassName, children: details })
30
- ] })
31
- ] });
5
+ return /* @__PURE__ */ jsxs(
6
+ "div",
7
+ {
8
+ ref,
9
+ style: {
10
+ width: "100%",
11
+ height: 54,
12
+ backgroundColor: "#fcedf2",
13
+ borderRadius: 6,
14
+ padding: 16,
15
+ display: "flex",
16
+ alignItems: "center",
17
+ gap: 8,
18
+ color: "#c73e6d"
19
+ },
20
+ children: [
21
+ /* @__PURE__ */ jsx(
22
+ Warning20,
23
+ {
24
+ style: {
25
+ fill: "currentColor"
26
+ }
27
+ }
28
+ ),
29
+ /* @__PURE__ */ jsx(
30
+ "span",
31
+ {
32
+ style: {
33
+ color: "currentColor",
34
+ fontFamily: "Heebo, sans-serif",
35
+ fontSize: 16
36
+ },
37
+ children: text
38
+ }
39
+ ),
40
+ /* @__PURE__ */ jsx(
41
+ "span",
42
+ {
43
+ style: {
44
+ display: "none"
45
+ },
46
+ children: details
47
+ }
48
+ )
49
+ ]
50
+ }
51
+ );
32
52
  });
33
53
  export {
34
54
  FallbackComponent
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/components/shared/FallbackComponent/FallbackComponent.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react'\nimport { Warning20 } from '../../icons/Warning20'\nimport { useStyle } from '../../../runtimes/react/css-runtime/hooks/use-style'\n\ntype Props = {\n text: string\n details?: string\n}\n\nexport const FallbackComponent = forwardRef(function FallbackComponent(\n { text, details }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n const { className: outerClassName, styleElement: outerStyleElement } = useStyle({\n width: '100%',\n height: 54,\n backgroundColor: '#fcedf2',\n borderRadius: 6,\n padding: 16,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n color: '#c73e6d',\n fill: 'currentColor',\n fontFamily: 'Heebo, sans-serif',\n fontSize: 16,\n })\n const { className: noDisplayClassName, styleElement: noDisplayStyleElement } = useStyle({\n display: 'none',\n })\n return (\n <>\n {outerStyleElement}\n <div ref={ref} className={outerClassName}>\n {noDisplayStyleElement}\n <Warning20 />\n <span>{text}</span>\n <span className={noDisplayClassName}>{details}</span>\n </div>\n </>\n )\n})\n"],"mappings":"AA+BI,mBAII,KAFF,YAFF;AA/BJ,SAAS,kBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAOlB,MAAM,oBAAoB,WAAW,SAASA,mBACnD,EAAE,MAAM,QAAQ,GAChB,KACA;AACA,QAAM,EAAE,WAAW,gBAAgB,cAAc,kBAAkB,IAAI,SAAS;AAAA,IAC9E,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ,CAAC;AACD,QAAM,EAAE,WAAW,oBAAoB,cAAc,sBAAsB,IAAI,SAAS;AAAA,IACtF,SAAS;AAAA,EACX,CAAC;AACD,SACE,iCACG;AAAA;AAAA,IACD,qBAAC,SAAI,KAAU,WAAW,gBACvB;AAAA;AAAA,MACD,oBAAC,aAAU;AAAA,MACX,oBAAC,UAAM,gBAAK;AAAA,MACZ,oBAAC,UAAK,WAAW,oBAAqB,mBAAQ;AAAA,OAChD;AAAA,KACF;AAEJ,CAAC;","names":["FallbackComponent"]}
1
+ {"version":3,"sources":["../../../../../src/components/shared/FallbackComponent/FallbackComponent.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react'\nimport { Warning20 } from '../../icons/Warning20'\n\ntype Props = {\n text: string\n details?: string\n}\n\nexport const FallbackComponent = forwardRef(function FallbackComponent(\n { text, details }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n // Intentionally use inline styles so that the fallback doesn't access the style\n // context, the absence of which may be the exact error we're trying to report\n return (\n <div\n ref={ref}\n style={{\n width: '100%',\n height: 54,\n backgroundColor: '#fcedf2',\n borderRadius: 6,\n padding: 16,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n color: '#c73e6d',\n }}\n >\n <Warning20\n style={{\n fill: 'currentColor',\n }}\n />\n <span\n style={{\n color: 'currentColor',\n fontFamily: 'Heebo, sans-serif',\n fontSize: 16,\n }}\n >\n {text}\n </span>\n <span\n style={{\n display: 'none',\n }}\n >\n {details}\n </span>\n </div>\n )\n})\n"],"mappings":"AAeI,SAcE,KAdF;AAfJ,SAAS,kBAAuB;AAChC,SAAS,iBAAiB;AAOnB,MAAM,oBAAoB,WAAW,SAASA,mBACnD,EAAE,MAAM,QAAQ,GAChB,KACA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,MAAM;AAAA,YACR;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,UAAU;AAAA,YACZ;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,YACX;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["FallbackComponent"]}
@@ -1 +1 @@
1
- {"version":3,"file":"FallbackComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/FallbackComponent/FallbackComponent.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,iBAAiB,kGAgC5B,CAAA"}
1
+ {"version":3,"file":"FallbackComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/FallbackComponent/FallbackComponent.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,iBAAiB,kGA4C5B,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@makeswift/runtime",
3
- "version": "0.29.0-canary.23",
3
+ "version": "0.29.0-canary.24",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "url": "makeswift/makeswift",
@@ -242,9 +242,9 @@
242
242
  "use-sync-external-store": "^1.5.0",
243
243
  "uuid": "^9.0.0",
244
244
  "zod": "^3.21.4",
245
+ "@makeswift/controls": "0.1.22-canary.6",
245
246
  "@makeswift/next-plugin": "0.6.1",
246
- "@makeswift/prop-controllers": "0.4.16-canary.6",
247
- "@makeswift/controls": "0.1.22-canary.6"
247
+ "@makeswift/prop-controllers": "0.4.16-canary.6"
248
248
  },
249
249
  "devDependencies": {
250
250
  "@graphql-codegen/add": "^3.1.0",