@tinacms/vercel-previews 0.0.65 → 0.0.66

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.
Files changed (5) hide show
  1. package/dist/index.js +0 -1
  2. package/dist/index.mjs +0 -1
  3. package/package.json +3 -3
  4. package/dist/index.js.map +0 -1
  5. package/dist/index.mjs.map +0 -1
package/dist/index.js CHANGED
@@ -150,4 +150,3 @@
150
150
  exports2.vercelEditInfo = vercelEditInfo;
151
151
  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
152
152
  });
153
- //# sourceMappingURL=index.js.map
package/dist/index.mjs CHANGED
@@ -148,4 +148,3 @@ export {
148
148
  useVisualEditing,
149
149
  vercelEditInfo
150
150
  };
151
- //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tinacms/vercel-previews",
3
- "version": "0.0.65",
3
+ "version": "0.0.66",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "module": "./dist/index.mjs",
@@ -37,11 +37,11 @@
37
37
  "@types/react": "^18.3.18",
38
38
  "react": "^18.3.1",
39
39
  "typescript": "^5.7.3",
40
- "@tinacms/scripts": "1.3.4"
40
+ "@tinacms/scripts": "1.3.5"
41
41
  },
42
42
  "dependencies": {
43
43
  "@vercel/stega": "^0.0.5",
44
- "tinacms": "2.7.7"
44
+ "tinacms": "2.7.8"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "react": ">=16.14"
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../tinacms/dist/react.mjs","../src/index.ts"],"sourcesContent":["import React from \"react\";\nfunction useTina(props) {\n const stringifiedQuery = JSON.stringify({\n query: props.query,\n variables: props.variables\n });\n const id = React.useMemo(\n () => hashFromQuery(stringifiedQuery),\n [stringifiedQuery]\n );\n const [data, setData] = React.useState(props.data);\n const [isClient, setIsClient] = React.useState(false);\n const [quickEditEnabled, setQuickEditEnabled] = React.useState(false);\n const [isInTinaIframe, setIsInTinaIframe] = React.useState(false);\n React.useEffect(() => {\n setIsClient(true);\n setData(props.data);\n parent.postMessage({\n type: \"url-changed\"\n });\n }, [id]);\n React.useEffect(() => {\n if (quickEditEnabled) {\n let mouseDownHandler = function(e) {\n const attributeNames = e.target.getAttributeNames();\n const tinaAttribute = attributeNames.find(\n (name) => name.startsWith(\"data-tina-field\")\n );\n let fieldName;\n if (tinaAttribute) {\n e.preventDefault();\n e.stopPropagation();\n fieldName = e.target.getAttribute(tinaAttribute);\n } else {\n const ancestor = e.target.closest(\n \"[data-tina-field], [data-tina-field-overlay]\"\n );\n if (ancestor) {\n const attributeNames2 = ancestor.getAttributeNames();\n const tinaAttribute2 = attributeNames2.find(\n (name) => name.startsWith(\"data-tina-field\")\n );\n if (tinaAttribute2) {\n e.preventDefault();\n e.stopPropagation();\n fieldName = ancestor.getAttribute(tinaAttribute2);\n }\n }\n }\n if (fieldName) {\n if (isInTinaIframe) {\n parent.postMessage(\n { type: \"field:selected\", fieldName },\n window.location.origin\n );\n }\n }\n };\n const style = document.createElement(\"style\");\n style.type = \"text/css\";\n style.textContent = `\n [data-tina-field] {\n outline: 2px dashed rgba(34,150,254,0.5);\n transition: box-shadow ease-out 150ms;\n }\n [data-tina-field]:hover {\n box-shadow: inset 100vi 100vh rgba(34,150,254,0.3);\n outline: 2px solid rgba(34,150,254,1);\n cursor: pointer;\n }\n [data-tina-field-overlay] {\n outline: 2px dashed rgba(34,150,254,0.5);\n position: relative;\n }\n [data-tina-field-overlay]:hover {\n cursor: pointer;\n outline: 2px solid rgba(34,150,254,1);\n }\n [data-tina-field-overlay]::after {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 20;\n transition: opacity ease-out 150ms;\n background-color: rgba(34,150,254,0.3);\n opacity: 0;\n }\n [data-tina-field-overlay]:hover::after {\n opacity: 1;\n }\n `;\n document.head.appendChild(style);\n document.body.classList.add(\"__tina-quick-editing-enabled\");\n document.addEventListener(\"click\", mouseDownHandler, true);\n return () => {\n document.removeEventListener(\"click\", mouseDownHandler, true);\n document.body.classList.remove(\"__tina-quick-editing-enabled\");\n style.remove();\n };\n }\n }, [quickEditEnabled, isInTinaIframe]);\n React.useEffect(() => {\n if (props == null ? void 0 : props.experimental___selectFormByFormId) {\n parent.postMessage({\n type: \"user-select-form\",\n formId: props.experimental___selectFormByFormId()\n });\n }\n }, [id]);\n React.useEffect(() => {\n const { experimental___selectFormByFormId, ...rest } = props;\n parent.postMessage({ type: \"open\", ...rest, id }, window.location.origin);\n window.addEventListener(\"message\", (event) => {\n if (event.data.type === \"quickEditEnabled\") {\n setQuickEditEnabled(event.data.value);\n }\n if (event.data.id === id && event.data.type === \"updateData\") {\n setData(event.data.data);\n setIsInTinaIframe(true);\n const anyTinaField = document.querySelector(\"[data-tina-field]\");\n if (anyTinaField) {\n parent.postMessage(\n { type: \"quick-edit\", value: true },\n window.location.origin\n );\n } else {\n parent.postMessage(\n { type: \"quick-edit\", value: false },\n window.location.origin\n );\n }\n }\n });\n return () => {\n parent.postMessage({ type: \"close\", id }, window.location.origin);\n };\n }, [id, setQuickEditEnabled]);\n return { data, isClient };\n}\nfunction useEditState() {\n const [edit, setEdit] = React.useState(false);\n React.useEffect(() => {\n if (typeof window !== \"undefined\") {\n parent.postMessage({ type: \"isEditMode\" }, window.location.origin);\n window.addEventListener(\"message\", (event) => {\n var _a;\n if (((_a = event.data) == null ? void 0 : _a.type) === \"tina:editMode\") {\n setEdit(true);\n }\n });\n }\n }, []);\n return { edit };\n}\nconst tinaField = (object, property, index) => {\n var _a, _b, _c;\n if (!object) {\n return \"\";\n }\n if (object._content_source) {\n if (!property) {\n return [\n (_a = object._content_source) == null ? void 0 : _a.queryId,\n object._content_source.path.join(\".\")\n ].join(\"---\");\n }\n if (typeof index === \"number\") {\n return [\n (_b = object._content_source) == null ? void 0 : _b.queryId,\n [...object._content_source.path, property, index].join(\".\")\n ].join(\"---\");\n }\n return [\n (_c = object._content_source) == null ? void 0 : _c.queryId,\n [...object._content_source.path, property].join(\".\")\n ].join(\"---\");\n }\n return \"\";\n};\nconst addMetadata = (id, object, path) => {\n Object.entries(object).forEach(([key, value]) => {\n if (Array.isArray(value)) {\n value.forEach((item, index) => {\n if (isScalarOrUndefined(item)) {\n return;\n }\n if (Array.isArray(item)) {\n return;\n }\n const itemObject = item;\n addMetadata(id, itemObject, [...path, key, index]);\n });\n } else {\n if (isScalarOrUndefined(value)) {\n return;\n }\n const itemObject = value;\n addMetadata(id, itemObject, [...path, key]);\n }\n });\n if ((object == null ? void 0 : object.type) === \"root\") {\n return;\n }\n object._content_source = {\n queryId: id,\n path\n };\n return object;\n};\nfunction isScalarOrUndefined(value) {\n const type = typeof value;\n if (type === \"string\")\n return true;\n if (type === \"number\")\n return true;\n if (type === \"boolean\")\n return true;\n if (type === \"undefined\")\n return true;\n if (value == null)\n return true;\n if (value instanceof String)\n return true;\n if (value instanceof Number)\n return true;\n if (value instanceof Boolean)\n return true;\n return false;\n}\nconst hashFromQuery = (input) => {\n let hash = 0;\n for (let i = 0; i < input.length; i++) {\n const char = input.charCodeAt(i);\n hash = (hash << 5) - hash + char & 4294967295;\n }\n const nonNegativeHash = Math.abs(hash);\n const alphanumericHash = nonNegativeHash.toString(36);\n return alphanumericHash;\n};\nexport {\n addMetadata,\n hashFromQuery,\n tinaField,\n useEditState,\n useTina\n};\n//# sourceMappingURL=react.mjs.map\n","import { vercelStegaCombine } from '@vercel/stega';\nimport React from 'react';\nimport { tinaField, useEditState } from 'tinacms/dist/react';\nimport { useCallback, useEffect } from 'react';\n\nexport const vercelEditInfo = <\n T extends object & {\n _content_source?: {\n queryId: string;\n path: (number | string)[];\n };\n },\n>(\n obj: T,\n field?: keyof Omit<T, '__typename' | '_sys'>,\n index?: number\n) => {\n const fieldName = tinaField(obj, field, index);\n return JSON.stringify({ origin: 'tinacms', data: { fieldName } });\n};\n\nexport const useVisualEditing = <T extends object>({\n data,\n query,\n variables,\n enabled,\n redirect,\n stringEncoding,\n}: {\n data: T;\n query: string;\n variables: object;\n enabled: boolean;\n redirect: string;\n stringEncoding:\n | boolean\n | { skipPaths: (path: string, value: string) => boolean };\n}): T => {\n const stringifiedQuery = JSON.stringify({\n query: query,\n variables: variables,\n });\n const id = React.useMemo(\n () => hashFromQuery(stringifiedQuery),\n [stringifiedQuery]\n );\n const { edit } = useEditState();\n const handleOpenEvent = useCallback(\n (event: CustomEventInit) => {\n if (edit) {\n parent.postMessage(\n { type: 'field:selected', fieldName: event.detail?.data?.fieldName },\n window.location.origin\n );\n } else {\n const tinaAdminBasePath = redirect.startsWith('/')\n ? redirect\n : `/${redirect}`;\n const tinaAdminPath = `${tinaAdminBasePath}/index.html#/~${window.location.pathname}?active-field=${event.detail.data.fieldName}`;\n window.location.assign(tinaAdminPath);\n }\n },\n [edit]\n );\n\n useEffect(() => {\n window.addEventListener('edit:open', handleOpenEvent);\n return () => {\n window.removeEventListener('edit:open', handleOpenEvent);\n };\n }, [redirect, edit]);\n\n function appendMetadata<T>(\n obj: T,\n path: (string | number)[] = [],\n id: string\n ): T {\n if (typeof obj !== 'object' || obj === null) {\n if (typeof obj === 'string' && stringEncoding) {\n if (typeof stringEncoding === 'boolean') {\n if (stringEncoding) {\n return encodeEditInfo(path, obj, id) as any;\n }\n } else if (stringEncoding.skipPaths) {\n if (!stringEncoding.skipPaths(path.join('.'), obj)) {\n return encodeEditInfo(path, obj, id) as any;\n }\n }\n }\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return obj.map((item, index) =>\n appendMetadata(item, [...path, index], id)\n ) as unknown as T; // Handle arrays recursively\n }\n\n const transformedObj = {} as T;\n for (const [key, value] of Object.entries(obj)) {\n const currentPath = [...path, key];\n if (\n [\n '__typename',\n '_sys',\n '_internalSys',\n '_values',\n '_internalValues',\n '_content_source',\n '_tina_metadata',\n ].includes(key)\n ) {\n transformedObj[key] = value;\n } else {\n transformedObj[key] = appendMetadata(value, currentPath, id);\n }\n }\n\n return { ...transformedObj, _content_source: { queryId: id, path } };\n }\n if (enabled) {\n return appendMetadata(data, [], id);\n }\n return data;\n};\n\nfunction encodeEditInfo(path: (string | number)[], value: string, id: string) {\n return vercelStegaCombine(value, {\n origin: 'tina.io',\n data: { fieldName: `${id}---${path.join('.')}` },\n });\n}\n\nexport const hashFromQuery = (input: string) => {\n let hash = 0;\n for (let i = 0; i < input.length; i++) {\n const char = input.charCodeAt(i);\n hash = ((hash << 5) - hash + char) & 0xffffffff; // Apply bitwise AND to ensure non-negative value\n }\n const nonNegativeHash = Math.abs(hash);\n const alphanumericHash = nonNegativeHash.toString(36);\n return alphanumericHash;\n};\n"],"names":["useCallback","useEffect","id","vercelStegaCombine"],"mappings":"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"}
package/dist/index.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../tinacms/dist/react.mjs","../src/index.ts"],"sourcesContent":["import React from \"react\";\nfunction useTina(props) {\n const stringifiedQuery = JSON.stringify({\n query: props.query,\n variables: props.variables\n });\n const id = React.useMemo(\n () => hashFromQuery(stringifiedQuery),\n [stringifiedQuery]\n );\n const [data, setData] = React.useState(props.data);\n const [isClient, setIsClient] = React.useState(false);\n const [quickEditEnabled, setQuickEditEnabled] = React.useState(false);\n const [isInTinaIframe, setIsInTinaIframe] = React.useState(false);\n React.useEffect(() => {\n setIsClient(true);\n setData(props.data);\n parent.postMessage({\n type: \"url-changed\"\n });\n }, [id]);\n React.useEffect(() => {\n if (quickEditEnabled) {\n let mouseDownHandler = function(e) {\n const attributeNames = e.target.getAttributeNames();\n const tinaAttribute = attributeNames.find(\n (name) => name.startsWith(\"data-tina-field\")\n );\n let fieldName;\n if (tinaAttribute) {\n e.preventDefault();\n e.stopPropagation();\n fieldName = e.target.getAttribute(tinaAttribute);\n } else {\n const ancestor = e.target.closest(\n \"[data-tina-field], [data-tina-field-overlay]\"\n );\n if (ancestor) {\n const attributeNames2 = ancestor.getAttributeNames();\n const tinaAttribute2 = attributeNames2.find(\n (name) => name.startsWith(\"data-tina-field\")\n );\n if (tinaAttribute2) {\n e.preventDefault();\n e.stopPropagation();\n fieldName = ancestor.getAttribute(tinaAttribute2);\n }\n }\n }\n if (fieldName) {\n if (isInTinaIframe) {\n parent.postMessage(\n { type: \"field:selected\", fieldName },\n window.location.origin\n );\n }\n }\n };\n const style = document.createElement(\"style\");\n style.type = \"text/css\";\n style.textContent = `\n [data-tina-field] {\n outline: 2px dashed rgba(34,150,254,0.5);\n transition: box-shadow ease-out 150ms;\n }\n [data-tina-field]:hover {\n box-shadow: inset 100vi 100vh rgba(34,150,254,0.3);\n outline: 2px solid rgba(34,150,254,1);\n cursor: pointer;\n }\n [data-tina-field-overlay] {\n outline: 2px dashed rgba(34,150,254,0.5);\n position: relative;\n }\n [data-tina-field-overlay]:hover {\n cursor: pointer;\n outline: 2px solid rgba(34,150,254,1);\n }\n [data-tina-field-overlay]::after {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 20;\n transition: opacity ease-out 150ms;\n background-color: rgba(34,150,254,0.3);\n opacity: 0;\n }\n [data-tina-field-overlay]:hover::after {\n opacity: 1;\n }\n `;\n document.head.appendChild(style);\n document.body.classList.add(\"__tina-quick-editing-enabled\");\n document.addEventListener(\"click\", mouseDownHandler, true);\n return () => {\n document.removeEventListener(\"click\", mouseDownHandler, true);\n document.body.classList.remove(\"__tina-quick-editing-enabled\");\n style.remove();\n };\n }\n }, [quickEditEnabled, isInTinaIframe]);\n React.useEffect(() => {\n if (props == null ? void 0 : props.experimental___selectFormByFormId) {\n parent.postMessage({\n type: \"user-select-form\",\n formId: props.experimental___selectFormByFormId()\n });\n }\n }, [id]);\n React.useEffect(() => {\n const { experimental___selectFormByFormId, ...rest } = props;\n parent.postMessage({ type: \"open\", ...rest, id }, window.location.origin);\n window.addEventListener(\"message\", (event) => {\n if (event.data.type === \"quickEditEnabled\") {\n setQuickEditEnabled(event.data.value);\n }\n if (event.data.id === id && event.data.type === \"updateData\") {\n setData(event.data.data);\n setIsInTinaIframe(true);\n const anyTinaField = document.querySelector(\"[data-tina-field]\");\n if (anyTinaField) {\n parent.postMessage(\n { type: \"quick-edit\", value: true },\n window.location.origin\n );\n } else {\n parent.postMessage(\n { type: \"quick-edit\", value: false },\n window.location.origin\n );\n }\n }\n });\n return () => {\n parent.postMessage({ type: \"close\", id }, window.location.origin);\n };\n }, [id, setQuickEditEnabled]);\n return { data, isClient };\n}\nfunction useEditState() {\n const [edit, setEdit] = React.useState(false);\n React.useEffect(() => {\n if (typeof window !== \"undefined\") {\n parent.postMessage({ type: \"isEditMode\" }, window.location.origin);\n window.addEventListener(\"message\", (event) => {\n var _a;\n if (((_a = event.data) == null ? void 0 : _a.type) === \"tina:editMode\") {\n setEdit(true);\n }\n });\n }\n }, []);\n return { edit };\n}\nconst tinaField = (object, property, index) => {\n var _a, _b, _c;\n if (!object) {\n return \"\";\n }\n if (object._content_source) {\n if (!property) {\n return [\n (_a = object._content_source) == null ? void 0 : _a.queryId,\n object._content_source.path.join(\".\")\n ].join(\"---\");\n }\n if (typeof index === \"number\") {\n return [\n (_b = object._content_source) == null ? void 0 : _b.queryId,\n [...object._content_source.path, property, index].join(\".\")\n ].join(\"---\");\n }\n return [\n (_c = object._content_source) == null ? void 0 : _c.queryId,\n [...object._content_source.path, property].join(\".\")\n ].join(\"---\");\n }\n return \"\";\n};\nconst addMetadata = (id, object, path) => {\n Object.entries(object).forEach(([key, value]) => {\n if (Array.isArray(value)) {\n value.forEach((item, index) => {\n if (isScalarOrUndefined(item)) {\n return;\n }\n if (Array.isArray(item)) {\n return;\n }\n const itemObject = item;\n addMetadata(id, itemObject, [...path, key, index]);\n });\n } else {\n if (isScalarOrUndefined(value)) {\n return;\n }\n const itemObject = value;\n addMetadata(id, itemObject, [...path, key]);\n }\n });\n if ((object == null ? void 0 : object.type) === \"root\") {\n return;\n }\n object._content_source = {\n queryId: id,\n path\n };\n return object;\n};\nfunction isScalarOrUndefined(value) {\n const type = typeof value;\n if (type === \"string\")\n return true;\n if (type === \"number\")\n return true;\n if (type === \"boolean\")\n return true;\n if (type === \"undefined\")\n return true;\n if (value == null)\n return true;\n if (value instanceof String)\n return true;\n if (value instanceof Number)\n return true;\n if (value instanceof Boolean)\n return true;\n return false;\n}\nconst hashFromQuery = (input) => {\n let hash = 0;\n for (let i = 0; i < input.length; i++) {\n const char = input.charCodeAt(i);\n hash = (hash << 5) - hash + char & 4294967295;\n }\n const nonNegativeHash = Math.abs(hash);\n const alphanumericHash = nonNegativeHash.toString(36);\n return alphanumericHash;\n};\nexport {\n addMetadata,\n hashFromQuery,\n tinaField,\n useEditState,\n useTina\n};\n//# sourceMappingURL=react.mjs.map\n","import { vercelStegaCombine } from '@vercel/stega';\nimport React from 'react';\nimport { tinaField, useEditState } from 'tinacms/dist/react';\nimport { useCallback, useEffect } from 'react';\n\nexport const vercelEditInfo = <\n T extends object & {\n _content_source?: {\n queryId: string;\n path: (number | string)[];\n };\n },\n>(\n obj: T,\n field?: keyof Omit<T, '__typename' | '_sys'>,\n index?: number\n) => {\n const fieldName = tinaField(obj, field, index);\n return JSON.stringify({ origin: 'tinacms', data: { fieldName } });\n};\n\nexport const useVisualEditing = <T extends object>({\n data,\n query,\n variables,\n enabled,\n redirect,\n stringEncoding,\n}: {\n data: T;\n query: string;\n variables: object;\n enabled: boolean;\n redirect: string;\n stringEncoding:\n | boolean\n | { skipPaths: (path: string, value: string) => boolean };\n}): T => {\n const stringifiedQuery = JSON.stringify({\n query: query,\n variables: variables,\n });\n const id = React.useMemo(\n () => hashFromQuery(stringifiedQuery),\n [stringifiedQuery]\n );\n const { edit } = useEditState();\n const handleOpenEvent = useCallback(\n (event: CustomEventInit) => {\n if (edit) {\n parent.postMessage(\n { type: 'field:selected', fieldName: event.detail?.data?.fieldName },\n window.location.origin\n );\n } else {\n const tinaAdminBasePath = redirect.startsWith('/')\n ? redirect\n : `/${redirect}`;\n const tinaAdminPath = `${tinaAdminBasePath}/index.html#/~${window.location.pathname}?active-field=${event.detail.data.fieldName}`;\n window.location.assign(tinaAdminPath);\n }\n },\n [edit]\n );\n\n useEffect(() => {\n window.addEventListener('edit:open', handleOpenEvent);\n return () => {\n window.removeEventListener('edit:open', handleOpenEvent);\n };\n }, [redirect, edit]);\n\n function appendMetadata<T>(\n obj: T,\n path: (string | number)[] = [],\n id: string\n ): T {\n if (typeof obj !== 'object' || obj === null) {\n if (typeof obj === 'string' && stringEncoding) {\n if (typeof stringEncoding === 'boolean') {\n if (stringEncoding) {\n return encodeEditInfo(path, obj, id) as any;\n }\n } else if (stringEncoding.skipPaths) {\n if (!stringEncoding.skipPaths(path.join('.'), obj)) {\n return encodeEditInfo(path, obj, id) as any;\n }\n }\n }\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return obj.map((item, index) =>\n appendMetadata(item, [...path, index], id)\n ) as unknown as T; // Handle arrays recursively\n }\n\n const transformedObj = {} as T;\n for (const [key, value] of Object.entries(obj)) {\n const currentPath = [...path, key];\n if (\n [\n '__typename',\n '_sys',\n '_internalSys',\n '_values',\n '_internalValues',\n '_content_source',\n '_tina_metadata',\n ].includes(key)\n ) {\n transformedObj[key] = value;\n } else {\n transformedObj[key] = appendMetadata(value, currentPath, id);\n }\n }\n\n return { ...transformedObj, _content_source: { queryId: id, path } };\n }\n if (enabled) {\n return appendMetadata(data, [], id);\n }\n return data;\n};\n\nfunction encodeEditInfo(path: (string | number)[], value: string, id: string) {\n return vercelStegaCombine(value, {\n origin: 'tina.io',\n data: { fieldName: `${id}---${path.join('.')}` },\n });\n}\n\nexport const hashFromQuery = (input: string) => {\n let hash = 0;\n for (let i = 0; i < input.length; i++) {\n const char = input.charCodeAt(i);\n hash = ((hash << 5) - hash + char) & 0xffffffff; // Apply bitwise AND to ensure non-negative value\n }\n const nonNegativeHash = Math.abs(hash);\n const alphanumericHash = nonNegativeHash.toString(36);\n return alphanumericHash;\n};\n"],"names":["id"],"mappings":"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"}