@next-core/react-runtime 1.0.6 → 1.0.7

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.
@@ -1 +1 @@
1
- {"version":3,"file":"ReactUseBrick.js","names":["_react","_interopRequireWildcard","require","_runtime","ReactUseBrick","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","useEffect","init","__secret_internals","renderUseBrick","getUniqueId","error","console","handleHttpError","refCallback","useCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","default","createElement","key","ref","ReactUseMultipleBricks","Array","isArray","Fragment","map","item","index"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n useBrick: UseSingleBrickConf;\n data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nexport function ReactUseBrick({\n useBrick,\n data,\n}: ReactUseBrickProps): React.ReactElement | null {\n const [renderResult, setRenderResult] =\n useState<__secret_internals.RenderUseBrickResult | null>(null);\n const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n const [renderKey, setRenderKey] = useState<number>();\n const IdCounterRef = useRef(0);\n\n useEffect(() => {\n async function init() {\n try {\n setRenderResult(\n await __secret_internals.renderUseBrick(useBrick, data)\n );\n setRenderKey(getUniqueId(IdCounterRef));\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n handleHttpError(error);\n }\n }\n init();\n }, [data, useBrick]);\n\n const refCallback = useCallback(\n (element: HTMLElement) => {\n if (element) {\n mountResult.current = __secret_internals.mountUseBrick(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n renderResult!,\n element\n );\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n mountResult.current = undefined;\n }\n },\n [renderResult]\n );\n\n if (!renderResult) {\n // Fallback when loading/\n return null;\n // return <span>🌀 Loading...</span>;\n }\n\n const { tagName } = renderResult;\n if (tagName === null) {\n return null;\n }\n\n const WebComponent = tagName as any;\n return <WebComponent key={renderKey} ref={refCallback} />;\n}\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n return ++ref.current;\n}\n\nexport interface ReactUseMultipleBricksProps {\n useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n data?: unknown;\n}\n\nexport function ReactUseMultipleBricks({\n useBrick,\n data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n if (Array.isArray(useBrick)) {\n return (\n <>\n {useBrick.map((item, index) => (\n <ReactUseBrick key={index} useBrick={item} data={data} />\n ))}\n </>\n );\n }\n return <ReactUseBrick useBrick={useBrick} data={data} />;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AAOA;AACA;AACO,SAASE,aAAaA,CAAC;EAC5BC,QAAQ;EACRC;AACkB,CAAC,EAA6B;EAChD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GACnC,IAAAC,eAAQ,EAAiD,IAAI,CAAC;EAChE,MAAMC,WAAW,GAAG,IAAAC,aAAM,GAA0C;EACpE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,GAAU;EACpD,MAAMK,YAAY,GAAG,IAAAH,aAAM,EAAC,CAAC,CAAC;EAE9B,IAAAI,gBAAS,EAAC,MAAM;IACd,eAAeC,IAAIA,CAAA,EAAG;MACpB,IAAI;QACFR,eAAe,CACb,MAAMS,2BAAkB,CAACC,cAAc,CAACb,QAAQ,EAAEC,IAAI,CAAC,CACxD;QACDO,YAAY,CAACM,WAAW,CAACL,YAAY,CAAC,CAAC;MACzC,CAAC,CAAC,OAAOM,KAAK,EAAE;QACd;QACAC,OAAO,CAACD,KAAK,CAAC,yBAAyB,EAAEf,QAAQ,EAAE,YAAY,EAAEC,IAAI,CAAC;QACtE,IAAAgB,wBAAe,EAACF,KAAK,CAAC;MACxB;IACF;IACAJ,IAAI,EAAE;EACR,CAAC,EAAE,CAACV,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpB,MAAMkB,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,OAAoB,IAAK;IACxB,IAAIA,OAAO,EAAE;MACXf,WAAW,CAACgB,OAAO,GAAGT,2BAAkB,CAACU,aAAa;MACpD;MACApB,YAAY,EACZkB,OAAO,CACR;IACH,CAAC,MAAM;MACL;MACAR,2BAAkB,CAACW,eAAe,CAACrB,YAAY,EAAGG,WAAW,CAACgB,OAAO,CAAE;MACvEhB,WAAW,CAACgB,OAAO,GAAGG,SAAS;IACjC;EACF,CAAC,EACD,CAACtB,YAAY,CAAC,CACf;EAED,IAAI,CAACA,YAAY,EAAE;IACjB;IACA,OAAO,IAAI;IACX;EACF;;EAEA,MAAM;IAAEuB;EAAQ,CAAC,GAAGvB,YAAY;EAChC,IAAIuB,OAAO,KAAK,IAAI,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGD,OAAc;EACnC,oBAAO9B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACF,YAAY;IAACG,GAAG,EAAEtB,SAAU;IAACuB,GAAG,EAAEZ;EAAY,EAAG;AAC3D;AAEA,SAASJ,WAAWA,CAACgB,GAA6B,EAAU;EAC1D,OAAO,EAAEA,GAAG,CAACT,OAAO;AACtB;AAOO,SAASU,sBAAsBA,CAAC;EACrC/B,QAAQ;EACRC;AAC2B,CAAC,EAA6B;EACzD,IAAI+B,KAAK,CAACC,OAAO,CAACjC,QAAQ,CAAC,EAAE;IAC3B,oBACEL,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAAjC,MAAA,CAAAgC,OAAA,CAAAO,QAAA,QACGlC,QAAQ,CAACmC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACxB1C,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAa;MAAC8B,GAAG,EAAEQ,KAAM;MAACrC,QAAQ,EAAEoC,IAAK;MAACnC,IAAI,EAAEA;IAAK,EACvD,CAAC,CACD;EAEP;EACA,oBAAON,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAa;IAACC,QAAQ,EAAEA,QAAS;IAACC,IAAI,EAAEA;EAAK,EAAG;AAC1D"}
1
+ {"version":3,"file":"ReactUseBrick.js","names":["_react","_interopRequireWildcard","require","_runtime","ReactUseBrick","useBrick","data","renderResult","setRenderResult","useState","mountResult","useRef","renderKey","setRenderKey","IdCounterRef","useEffect","init","__secret_internals","renderUseBrick","getUniqueId","error","console","handleHttpError","refCallback","useCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","default","createElement","key","ref","ReactUseMultipleBricks","Array","isArray","Fragment","map","item","index"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n useBrick: UseSingleBrickConf;\n data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nexport function ReactUseBrick({\n useBrick,\n data,\n}: ReactUseBrickProps): React.ReactElement | null {\n const [renderResult, setRenderResult] =\n useState<__secret_internals.RenderUseBrickResult | null>(null);\n const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n const [renderKey, setRenderKey] = useState<number>();\n const IdCounterRef = useRef(0);\n\n useEffect(() => {\n async function init() {\n try {\n setRenderResult(\n await __secret_internals.renderUseBrick(useBrick, data)\n );\n setRenderKey(getUniqueId(IdCounterRef));\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n handleHttpError(error);\n }\n }\n init();\n }, [data, useBrick]);\n\n const refCallback = useCallback(\n (element: HTMLElement | null) => {\n if (element) {\n mountResult.current = __secret_internals.mountUseBrick(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n renderResult!,\n element\n );\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n mountResult.current = undefined;\n }\n },\n [renderResult]\n );\n\n if (!renderResult) {\n // Fallback when loading/\n return null;\n // return <span>🌀 Loading...</span>;\n }\n\n const { tagName } = renderResult;\n if (tagName === null) {\n return null;\n }\n\n const WebComponent = tagName as any;\n return <WebComponent key={renderKey} ref={refCallback} />;\n}\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n return ++ref.current;\n}\n\nexport interface ReactUseMultipleBricksProps {\n useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n data?: unknown;\n}\n\nexport function ReactUseMultipleBricks({\n useBrick,\n data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n if (Array.isArray(useBrick)) {\n return (\n <>\n {useBrick.map((item, index) => (\n <ReactUseBrick key={index} useBrick={item} data={data} />\n ))}\n </>\n );\n }\n return <ReactUseBrick useBrick={useBrick} data={data} />;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,QAAA,GAAAD,OAAA;AAOA;AACA;AACO,SAASE,aAAaA,CAAC;EAC5BC,QAAQ;EACRC;AACkB,CAAC,EAA6B;EAChD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GACnC,IAAAC,eAAQ,EAAiD,IAAI,CAAC;EAChE,MAAMC,WAAW,GAAG,IAAAC,aAAM,GAA0C;EACpE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAJ,eAAQ,GAAU;EACpD,MAAMK,YAAY,GAAG,IAAAH,aAAM,EAAC,CAAC,CAAC;EAE9B,IAAAI,gBAAS,EAAC,MAAM;IACd,eAAeC,IAAIA,CAAA,EAAG;MACpB,IAAI;QACFR,eAAe,CACb,MAAMS,2BAAkB,CAACC,cAAc,CAACb,QAAQ,EAAEC,IAAI,CAAC,CACxD;QACDO,YAAY,CAACM,WAAW,CAACL,YAAY,CAAC,CAAC;MACzC,CAAC,CAAC,OAAOM,KAAK,EAAE;QACd;QACAC,OAAO,CAACD,KAAK,CAAC,yBAAyB,EAAEf,QAAQ,EAAE,YAAY,EAAEC,IAAI,CAAC;QACtE,IAAAgB,wBAAe,EAACF,KAAK,CAAC;MACxB;IACF;IACAJ,IAAI,EAAE;EACR,CAAC,EAAE,CAACV,IAAI,EAAED,QAAQ,CAAC,CAAC;EAEpB,MAAMkB,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,OAA2B,IAAK;IAC/B,IAAIA,OAAO,EAAE;MACXf,WAAW,CAACgB,OAAO,GAAGT,2BAAkB,CAACU,aAAa;MACpD;MACApB,YAAY,EACZkB,OAAO,CACR;IACH,CAAC,MAAM;MACL;MACAR,2BAAkB,CAACW,eAAe,CAACrB,YAAY,EAAGG,WAAW,CAACgB,OAAO,CAAE;MACvEhB,WAAW,CAACgB,OAAO,GAAGG,SAAS;IACjC;EACF,CAAC,EACD,CAACtB,YAAY,CAAC,CACf;EAED,IAAI,CAACA,YAAY,EAAE;IACjB;IACA,OAAO,IAAI;IACX;EACF;;EAEA,MAAM;IAAEuB;EAAQ,CAAC,GAAGvB,YAAY;EAChC,IAAIuB,OAAO,KAAK,IAAI,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGD,OAAc;EACnC,oBAAO9B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACF,YAAY;IAACG,GAAG,EAAEtB,SAAU;IAACuB,GAAG,EAAEZ;EAAY,EAAG;AAC3D;AAEA,SAASJ,WAAWA,CAACgB,GAA6B,EAAU;EAC1D,OAAO,EAAEA,GAAG,CAACT,OAAO;AACtB;AAOO,SAASU,sBAAsBA,CAAC;EACrC/B,QAAQ;EACRC;AAC2B,CAAC,EAA6B;EACzD,IAAI+B,KAAK,CAACC,OAAO,CAACjC,QAAQ,CAAC,EAAE;IAC3B,oBACEL,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAAjC,MAAA,CAAAgC,OAAA,CAAAO,QAAA,QACGlC,QAAQ,CAACmC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACxB1C,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAa;MAAC8B,GAAG,EAAEQ,KAAM;MAACrC,QAAQ,EAAEoC,IAAK;MAACnC,IAAI,EAAEA;IAAK,EACvD,CAAC,CACD;EAEP;EACA,oBAAON,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC7B,aAAa;IAACC,QAAQ,EAAEA,QAAS;IAACC,IAAI,EAAEA;EAAK,EAAG;AAC1D"}
@@ -1 +1 @@
1
- {"version":3,"file":"ReactUseBrick.js","names":["React","useCallback","useEffect","useRef","useState","__secret_internals","handleHttpError","ReactUseBrick","_ref","useBrick","data","renderResult","setRenderResult","mountResult","renderKey","setRenderKey","IdCounterRef","init","_init","apply","arguments","_asyncToGenerator","renderUseBrick","getUniqueId","error","console","refCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","createElement","key","ref","ReactUseMultipleBricks","_ref2","Array","isArray","Fragment","map","item","index"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n useBrick: UseSingleBrickConf;\n data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nexport function ReactUseBrick({\n useBrick,\n data,\n}: ReactUseBrickProps): React.ReactElement | null {\n const [renderResult, setRenderResult] =\n useState<__secret_internals.RenderUseBrickResult | null>(null);\n const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n const [renderKey, setRenderKey] = useState<number>();\n const IdCounterRef = useRef(0);\n\n useEffect(() => {\n async function init() {\n try {\n setRenderResult(\n await __secret_internals.renderUseBrick(useBrick, data)\n );\n setRenderKey(getUniqueId(IdCounterRef));\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n handleHttpError(error);\n }\n }\n init();\n }, [data, useBrick]);\n\n const refCallback = useCallback(\n (element: HTMLElement) => {\n if (element) {\n mountResult.current = __secret_internals.mountUseBrick(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n renderResult!,\n element\n );\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n mountResult.current = undefined;\n }\n },\n [renderResult]\n );\n\n if (!renderResult) {\n // Fallback when loading/\n return null;\n // return <span>🌀 Loading...</span>;\n }\n\n const { tagName } = renderResult;\n if (tagName === null) {\n return null;\n }\n\n const WebComponent = tagName as any;\n return <WebComponent key={renderKey} ref={refCallback} />;\n}\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n return ++ref.current;\n}\n\nexport interface ReactUseMultipleBricksProps {\n useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n data?: unknown;\n}\n\nexport function ReactUseMultipleBricks({\n useBrick,\n data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n if (Array.isArray(useBrick)) {\n return (\n <>\n {useBrick.map((item, index) => (\n <ReactUseBrick key={index} useBrick={item} data={data} />\n ))}\n </>\n );\n }\n return <ReactUseBrick useBrick={useBrick} data={data} />;\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ReactUseBrick.js","names":["React","useCallback","useEffect","useRef","useState","__secret_internals","handleHttpError","ReactUseBrick","_ref","useBrick","data","renderResult","setRenderResult","mountResult","renderKey","setRenderKey","IdCounterRef","init","_init","apply","arguments","_asyncToGenerator","renderUseBrick","getUniqueId","error","console","refCallback","element","current","mountUseBrick","unmountUseBrick","undefined","tagName","WebComponent","createElement","key","ref","ReactUseMultipleBricks","_ref2","Array","isArray","Fragment","map","item","index"],"sources":["../../src/ReactUseBrick.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport type { UseSingleBrickConf } from \"@next-core/types\";\nimport { __secret_internals, handleHttpError } from \"@next-core/runtime\";\n\nexport interface ReactUseBrickProps {\n useBrick: UseSingleBrickConf;\n data?: unknown;\n}\n\n// Note: always synchronize code in LegacyUseBrick:\n// `bricks/v2-adapter/src/data-providers/legacy-brick-kit/getLegacyUseBrick.ts`\nexport function ReactUseBrick({\n useBrick,\n data,\n}: ReactUseBrickProps): React.ReactElement | null {\n const [renderResult, setRenderResult] =\n useState<__secret_internals.RenderUseBrickResult | null>(null);\n const mountResult = useRef<__secret_internals.MountUseBrickResult>();\n const [renderKey, setRenderKey] = useState<number>();\n const IdCounterRef = useRef(0);\n\n useEffect(() => {\n async function init() {\n try {\n setRenderResult(\n await __secret_internals.renderUseBrick(useBrick, data)\n );\n setRenderKey(getUniqueId(IdCounterRef));\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error(\"Render useBrick failed:\", useBrick, \"with data:\", data);\n handleHttpError(error);\n }\n }\n init();\n }, [data, useBrick]);\n\n const refCallback = useCallback(\n (element: HTMLElement | null) => {\n if (element) {\n mountResult.current = __secret_internals.mountUseBrick(\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n renderResult!,\n element\n );\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n __secret_internals.unmountUseBrick(renderResult!, mountResult.current!);\n mountResult.current = undefined;\n }\n },\n [renderResult]\n );\n\n if (!renderResult) {\n // Fallback when loading/\n return null;\n // return <span>🌀 Loading...</span>;\n }\n\n const { tagName } = renderResult;\n if (tagName === null) {\n return null;\n }\n\n const WebComponent = tagName as any;\n return <WebComponent key={renderKey} ref={refCallback} />;\n}\n\nfunction getUniqueId(ref: MutableRefObject<number>): number {\n return ++ref.current;\n}\n\nexport interface ReactUseMultipleBricksProps {\n useBrick: UseSingleBrickConf | UseSingleBrickConf[];\n data?: unknown;\n}\n\nexport function ReactUseMultipleBricks({\n useBrick,\n data,\n}: ReactUseMultipleBricksProps): React.ReactElement | null {\n if (Array.isArray(useBrick)) {\n return (\n <>\n {useBrick.map((item, index) => (\n <ReactUseBrick key={index} useBrick={item} data={data} />\n ))}\n </>\n );\n }\n return <ReactUseBrick useBrick={useBrick} data={data} />;\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@next-core/react-runtime",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "homepage": "https://github.com/easyops-cn/next-core/tree/master/packages/react-runtime",
5
5
  "license": "GPL-3.0",
6
6
  "repository": {
@@ -37,7 +37,7 @@
37
37
  "test:ci": "cross-env NODE_ENV='test' CI=true test-next"
38
38
  },
39
39
  "dependencies": {
40
- "@next-core/runtime": "^1.0.6",
40
+ "@next-core/runtime": "^1.0.7",
41
41
  "@next-core/types": "^1.0.3",
42
42
  "react": "0.0.0-experimental-ee8509801-20230117",
43
43
  "react-dom": "0.0.0-experimental-ee8509801-20230117"
@@ -46,5 +46,5 @@
46
46
  "@next-core/build-next-libs": "^1.0.2",
47
47
  "@next-core/test-next": "^1.0.2"
48
48
  },
49
- "gitHead": "f4639c59925a6f007fdf03630bcb9a9b0163cd8b"
49
+ "gitHead": "6354f552aa74e72272574368cbe90e7bd5b15268"
50
50
  }