Hi, Thank you for the response, I am using the stagedUploadsCreate mutation along with the productCreateMedia mutation, but still getting the same error: the status is inside the media [] for me that is empty as I am trying to load the 3d model and it gives me an mediaUserError[] code: "INVALID" and message: Invalid model 3d. It would be a great help if you could help debug. The code is given below.
export const action: ActionFunction = async ({ request }) => {
const filePath = "/Users/apple/Documents/xyz.usdz";
const fileData = fs.readFileSync(filePath);
const filename = filePath.split("/").pop();
const fileSize = fs.statSync(filePath).size.toString();
const input = [];
input.push({
filename,
mimeType: "model/vnd.usd+zip" || "model/gltf-binary",
resource: "FILE",
fileSize,
httpMethod: "POST",
});
const fileInput = {};
const stagedUploadsResponse = await admin!.graphql(
`#graphql
mutation StagedUploadsCreate($input: [StagedUploadInput!]!) {
stagedUploadsCreate(input: $input) {
stagedTargets {
url
resourceUrl
parameters {
name
value
}
}
}
}`,
{
variables: {
input: input,
},
},
);
const stagedUploadsData = await stagedUploadsResponse.json();
console.log(stagedUploadsData);
const target = stagedUploadsData.data.stagedUploadsCreate.stagedTargets[0];
const { resourceUrl, parameters, url } = target;
const formData = new FormData();
for (var param of target.parameters) {
formData.append(param.name, param.value);
}
const blob = new Blob([fileData]);
formData.append("file", blob, filename);
await axios.post(target.url, formData, {
headers: {
"Content-Type": "application/octet-stream",
},
});
console.log(resourceUrl, "resourceUrl", parameters, "parameters", url, 'url');
const fileCreateResponse = await admin!.graphql(
`#graphql
mutation productCreateMedia($media: [CreateMediaInput!]!, $productId: ID!) {
productCreateMedia(media: $media, productId: $productId) {
media {
alt
mediaContentType
status
preview {
image {
id
}
}
... on Model3d {
sources {
format
mimeType
url
}
}
}
mediaUserErrors {
code
field
message
}
product {
id
title
}
}
}`,
{
variables: {
media: [
{
alt: "3d models",
mediaContentType: "MODEL_3D",
originalSource: target.resourceUrl,
},
],
productId: "gid://shopify/Product/7231157665873",
},
},
);
console.log(fileCreateResponse, "fileCreateResponse");
const productData = await fileCreateResponse.json();
return json({
data: productData.data,
});
} catch (error: any) {
console.error("Error:", error);
return json({ error: error.message }, { status: 500 });
}
};
