@shopify/shop-minis-cli 0.0.119-alpha.2 → 0.0.119
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.
- package/build/commands/create-extension/constants.js +23 -2
- package/build/commands/create-extension/constants.js.map +1 -1
- package/build/commands/create-mini/index.js +19 -1
- package/build/commands/create-mini/index.js.map +1 -1
- package/build/constants/extensions.d.ts +4 -0
- package/build/constants/extensions.js +4 -0
- package/build/constants/extensions.js.map +1 -1
- package/package.json +3 -1
- package/templates/extensions/components/__template_blank/render.tsx +11 -0
- package/templates/extensions/components/__template_default-card/render.tsx +24 -0
- package/templates/extensions/components/__template_default-card/seed.ts +10 -0
- package/templates/extensions/components/__template_image-collection/render.tsx +17 -0
- package/templates/extensions/components/__template_image-collection/seed.ts +70 -0
- package/templates/extensions/components/__template_link/render.tsx +17 -0
- package/templates/extensions/components/__template_link/seed.ts +5 -0
- package/templates/extensions/components/__template_product-offer-card/render.tsx +17 -0
- package/templates/extensions/components/__template_product-offer-card/seed.ts +44 -0
- package/templates/extensions/components/__template_video-collection/render.tsx +17 -0
- package/templates/extensions/components/__template_video-collection/seed.ts +37 -0
|
@@ -2,6 +2,18 @@ import { ExtensionTarget, ExtensionType } from '../../constants/extensions.js';
|
|
|
2
2
|
import { ExtensionPage } from './types.js';
|
|
3
3
|
export const DEFAULT_OUTPUT_DIR = 'src/targets';
|
|
4
4
|
export const EXTENSION_TYPE_CONFIG = {
|
|
5
|
+
[ExtensionType.BLANK]: {
|
|
6
|
+
label: 'Blank',
|
|
7
|
+
},
|
|
8
|
+
[ExtensionType.LINK]: {
|
|
9
|
+
label: 'Link',
|
|
10
|
+
},
|
|
11
|
+
[ExtensionType.DEFAULT_CARD]: {
|
|
12
|
+
label: 'Default Card',
|
|
13
|
+
},
|
|
14
|
+
[ExtensionType.PRODUCT_OFFER_CARD]: {
|
|
15
|
+
label: 'Product Offer Card',
|
|
16
|
+
},
|
|
5
17
|
[ExtensionType.VIDEO_COLLECTION]: {
|
|
6
18
|
label: 'Video Collection',
|
|
7
19
|
},
|
|
@@ -18,13 +30,22 @@ export const EXTENSION_TYPE_CONFIG = {
|
|
|
18
30
|
// Add to this as new templates are created and they will appear in the CLI as options automatically
|
|
19
31
|
export const EXTENSION_PAGE_CONFIG = {
|
|
20
32
|
[ExtensionPage.PRODUCT_PAGE]: {
|
|
21
|
-
templates: [
|
|
33
|
+
templates: [
|
|
34
|
+
ExtensionType.BLANK,
|
|
35
|
+
ExtensionType.LINK,
|
|
36
|
+
ExtensionType.DEFAULT_CARD,
|
|
37
|
+
ExtensionType.PRODUCT_OFFER_CARD,
|
|
38
|
+
ExtensionType.IMAGE_COLLECTION,
|
|
39
|
+
ExtensionType.VIDEO_COLLECTION,
|
|
40
|
+
ExtensionType.BUNDLE_SELECTOR,
|
|
41
|
+
ExtensionType.BUNDLE_COLLECTION,
|
|
42
|
+
],
|
|
22
43
|
},
|
|
23
44
|
[ExtensionPage.STORE_PAGE]: {
|
|
24
45
|
templates: [],
|
|
25
46
|
},
|
|
26
47
|
[ExtensionPage.ORDER_CONFIRMATION_PAGE]: {
|
|
27
|
-
templates: [],
|
|
48
|
+
templates: [ExtensionType.PRODUCT_OFFER_CARD],
|
|
28
49
|
},
|
|
29
50
|
};
|
|
30
51
|
export const EXTENSION_TARGET_CONFIG = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/commands/create-extension/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,+BAA+B,CAAA;AAE5E,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAA;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAA2C;IAC3E,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE;QAChC,KAAK,EAAE,kBAAkB;KAC1B;IACD,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE;QAChC,KAAK,EAAE,kBAAkB;KAC1B;IACD,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE;QAC/B,KAAK,EAAE,iBAAiB;KACzB;IACD,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE;QACjC,KAAK,EAAE,mBAAmB;KAC3B;CACF,CAAA;AAED,oGAAoG;AACpG,MAAM,CAAC,MAAM,qBAAqB,GAG9B;IACF,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE;QAC5B,SAAS,EAAE,CAAC,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/commands/create-extension/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,aAAa,EAAC,MAAM,+BAA+B,CAAA;AAE5E,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAA;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAA2C;IAC3E,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QACrB,KAAK,EAAE,OAAO;KACf;IACD,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;QACpB,KAAK,EAAE,MAAM;KACd;IACD,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE;QAC5B,KAAK,EAAE,cAAc;KACtB;IACD,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE;QAClC,KAAK,EAAE,oBAAoB;KAC5B;IACD,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE;QAChC,KAAK,EAAE,kBAAkB;KAC1B;IACD,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE;QAChC,KAAK,EAAE,kBAAkB;KAC1B;IACD,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE;QAC/B,KAAK,EAAE,iBAAiB;KACzB;IACD,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE;QACjC,KAAK,EAAE,mBAAmB;KAC3B;CACF,CAAA;AAED,oGAAoG;AACpG,MAAM,CAAC,MAAM,qBAAqB,GAG9B;IACF,CAAC,aAAa,CAAC,YAAY,CAAC,EAAE;QAC5B,SAAS,EAAE;YACT,aAAa,CAAC,KAAK;YACnB,aAAa,CAAC,IAAI;YAClB,aAAa,CAAC,YAAY;YAC1B,aAAa,CAAC,kBAAkB;YAChC,aAAa,CAAC,gBAAgB;YAC9B,aAAa,CAAC,gBAAgB;YAC9B,aAAa,CAAC,eAAe;YAC7B,aAAa,CAAC,iBAAiB;SAChC;KACF;IACD,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE;QAC1B,SAAS,EAAE,EAAE;KACd;IACD,CAAC,aAAa,CAAC,uBAAuB,CAAC,EAAE;QACvC,SAAS,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;KAC9C;CACF,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,CAAC,eAAe,CAAC,qCAAqC,CAAC,CAAC,EAAE;QACxD,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EAAE,aAAa,CAAC,YAAY;KACjC;IACD,CAAC,eAAe,CAAC,oCAAoC,CAAC,CAAC,EAAE;QACvD,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,aAAa,CAAC,YAAY;KACjC;CAC0E,CAAA;AAE7E,MAAM,CAAC,MAAM,gCAAgC,GAGzC,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACvE,IAAI,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;QAC1D,GAAG,CAAC,GAAsB,CAAC,GAAG,KAAK,CAAA;KACpC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,EAAE,EAAmE,CAAC,CAAA;AAEvE,MAAM,CAAC,MAAM,qCAAqC,GAAG,MAAM,CAAC,IAAI,CAC9D,gCAAgC,CACZ,CAAA"}
|
|
@@ -9,6 +9,7 @@ import _ from 'lodash';
|
|
|
9
9
|
import { execAsync } from '../../utils/exec-async-child-process.js';
|
|
10
10
|
import { wrapWithLoadingIndicator } from '../../utils/wrap-with-loading-indicator.js';
|
|
11
11
|
import { TEMPLATES, TEMPLATE_VALUES } from '../../templates-index.js';
|
|
12
|
+
import { getRunBinCommand } from '../../utils/package-manager.js';
|
|
12
13
|
import { generateMiniFromTemplate } from './utils/template-app.js';
|
|
13
14
|
function logSuccess(miniName, outputDir, miniDir, useYarn) {
|
|
14
15
|
console.log(`\n \nShop Mini`, chalk.green.bold(`${miniName}`), 'created. Next steps:\n');
|
|
@@ -105,7 +106,24 @@ export function loadCommand(parentProgram) {
|
|
|
105
106
|
successMessage: 'Dependencies installed',
|
|
106
107
|
}, { cwd: miniDirPath });
|
|
107
108
|
execSync(`${useYarn ? 'yarn' : 'npx'} patch-package --patch-dir node_modules/@shopify/shop-minis-runtime/patches`, { cwd: miniDirPath });
|
|
108
|
-
|
|
109
|
+
const createExtensionCommand = await getRunBinCommand('shop-minis create-extension');
|
|
110
|
+
const onCancel = async () => {
|
|
111
|
+
console.log(`\nTo create an extension in the future, run ${createExtensionCommand}\n`);
|
|
112
|
+
logSuccess(miniName, outputDir, miniDir, useYarn);
|
|
113
|
+
process.exit(0);
|
|
114
|
+
};
|
|
115
|
+
const { createExtension } = await prompts.prompt({
|
|
116
|
+
type: 'confirm',
|
|
117
|
+
name: 'createExtension',
|
|
118
|
+
message: 'Would you like to create an extension for this Shop Mini?',
|
|
119
|
+
}, { onCancel });
|
|
120
|
+
if (!createExtension) {
|
|
121
|
+
onCancel();
|
|
122
|
+
}
|
|
123
|
+
execSync(createExtensionCommand, {
|
|
124
|
+
cwd: miniDirPath,
|
|
125
|
+
stdio: 'inherit',
|
|
126
|
+
});
|
|
109
127
|
}
|
|
110
128
|
catch (err) {
|
|
111
129
|
console.error(err?.message || err);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/create-mini/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,IAAI,CAAA;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,2BAA2B,EAAC,MAAM,4CAA4C,CAAA;AACtF,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AACzC,OAAO,OAAuB,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,CAAC,MAAM,QAAQ,CAAA;AAEtB,OAAO,EAAC,SAAS,EAAC,MAAM,yCAAyC,CAAA;AACjE,OAAO,EAAC,wBAAwB,EAAC,MAAM,4CAA4C,CAAA;AACnF,OAAO,EAAC,SAAS,EAAE,eAAe,EAAC,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/commands/create-mini/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
export declare enum ExtensionType {
|
|
2
|
+
BLANK = "blank",
|
|
3
|
+
LINK = "link",
|
|
4
|
+
DEFAULT_CARD = "default-card",
|
|
5
|
+
PRODUCT_OFFER_CARD = "product-offer-card",
|
|
2
6
|
VIDEO_COLLECTION = "video-collection",
|
|
3
7
|
IMAGE_COLLECTION = "image-collection",
|
|
4
8
|
BUNDLE_SELECTOR = "bundle-selector",
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
export var ExtensionType;
|
|
2
2
|
(function (ExtensionType) {
|
|
3
|
+
ExtensionType["BLANK"] = "blank";
|
|
4
|
+
ExtensionType["LINK"] = "link";
|
|
5
|
+
ExtensionType["DEFAULT_CARD"] = "default-card";
|
|
6
|
+
ExtensionType["PRODUCT_OFFER_CARD"] = "product-offer-card";
|
|
3
7
|
ExtensionType["VIDEO_COLLECTION"] = "video-collection";
|
|
4
8
|
ExtensionType["IMAGE_COLLECTION"] = "image-collection";
|
|
5
9
|
ExtensionType["BUNDLE_SELECTOR"] = "bundle-selector";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extensions.js","sourceRoot":"","sources":["../../src/constants/extensions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"extensions.js","sourceRoot":"","sources":["../../src/constants/extensions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aASX;AATD,WAAY,aAAa;IACvB,gCAAe,CAAA;IACf,8BAAa,CAAA;IACb,8CAA6B,CAAA;IAC7B,0DAAyC,CAAA;IACzC,sDAAqC,CAAA;IACrC,sDAAqC,CAAA;IACrC,oDAAmC,CAAA;IACnC,wDAAuC,CAAA;AACzC,CAAC,EATW,aAAa,KAAb,aAAa,QASxB;AAED,gCAAgC;AAChC,6CAA6C;AAC7C,MAAM,CAAN,IAAY,eAgBX;AAhBD,WAAY,eAAe;IACzB;;OAEG;IACH,gDAA+B,CAAA;IAE/B,8FAA6E,CAAA;IAE7E,4FAA2E,CAAA;IAE3E;;OAEG;IACH,4CAA2B,CAAA;IAE3B,sEAAqD,CAAA;AACvD,CAAC,EAhBW,eAAe,KAAf,eAAe,QAgB1B;AAED,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,MAAM,CACzD,eAAe,CAChB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,GAAG,KAAK,cAAc,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,CACvD,eAAe,CAChB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,GAAG,KAAK,YAAY,CAAC,CAAA;AAEtE,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,CACvD,eAAe,CAChB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,yBAAyB,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public",
|
|
5
5
|
"@shopify:registry": "https://registry.npmjs.org/"
|
|
6
6
|
},
|
|
7
|
-
"version": "0.0.119
|
|
7
|
+
"version": "0.0.119",
|
|
8
8
|
"description": "Shop Minis CLI",
|
|
9
9
|
"main": "build/index.js",
|
|
10
10
|
"bin": {
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"@types/prompts": "^2.4.2",
|
|
44
44
|
"@types/qrcode": "^1.5.0",
|
|
45
45
|
"@types/serve-static": "^1.15.0",
|
|
46
|
+
"@types/supertest": "^6.0.2",
|
|
46
47
|
"@typescript-eslint/eslint-plugin": "^5.17.0",
|
|
47
48
|
"@typescript-eslint/parser": "^5.17.0",
|
|
48
49
|
"chokidar-cli": "^3.0.0",
|
|
@@ -51,6 +52,7 @@
|
|
|
51
52
|
"eslint-formatter-codeframe": "^7.32.1",
|
|
52
53
|
"eslint-plugin-reanimated": "^2.0.0",
|
|
53
54
|
"prettier": "^2.7.1",
|
|
55
|
+
"supertest": "^7.0.0",
|
|
54
56
|
"ts-node": "^10.9.1",
|
|
55
57
|
"typescript": "^4.9.4",
|
|
56
58
|
"vitest": "^0.29.8"
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import {Text} from '@shopify/shop-minis-platform-sdk'
|
|
2
|
+
|
|
3
|
+
import type {__QUERY_NAME__QueryData} from './input.graphql'
|
|
4
|
+
|
|
5
|
+
export function Render({
|
|
6
|
+
extensionData,
|
|
7
|
+
}: {
|
|
8
|
+
extensionData: __QUERY_NAME__QueryData | null
|
|
9
|
+
}) {
|
|
10
|
+
return <Text>{extensionData?.product?.title}</Text>
|
|
11
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import {DefaultCard} from '@shopify/shop-minis-ui-extensions'
|
|
2
|
+
|
|
3
|
+
import type {__QUERY_NAME__QueryData} from './input.graphql'
|
|
4
|
+
import seedData from './seed'
|
|
5
|
+
|
|
6
|
+
export function Render({
|
|
7
|
+
extensionData,
|
|
8
|
+
}: {
|
|
9
|
+
extensionData: __QUERY_NAME__QueryData | null
|
|
10
|
+
}) {
|
|
11
|
+
// Here we are using seed data to populate the initial state of the video collection.
|
|
12
|
+
// You can replace this with the actual data from `extensionData`
|
|
13
|
+
__EXAMPLE_QUERY_DATA_USE__
|
|
14
|
+
const {actionText, image, text, title} = seedData
|
|
15
|
+
|
|
16
|
+
return (
|
|
17
|
+
<DefaultCard
|
|
18
|
+
actionText={actionText}
|
|
19
|
+
image={image}
|
|
20
|
+
text={text}
|
|
21
|
+
title={title}
|
|
22
|
+
/>
|
|
23
|
+
)
|
|
24
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
const data = {
|
|
2
|
+
title: 'Default Card Extension',
|
|
3
|
+
text: 'This is a default card extension. It can be used for different purposes.',
|
|
4
|
+
actionText: 'Action text',
|
|
5
|
+
image: {
|
|
6
|
+
url: 'https://cdn.shopify.com/s/files/1/0688/2233/5510/products/Main_9129b69a-0c7b-4f66-b6cf-c4222f18028a.jpg?v=1674664579',
|
|
7
|
+
},
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export default data
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import {ImageCollection} from '@shopify/shop-minis-ui-extensions'
|
|
2
|
+
|
|
3
|
+
import type {__QUERY_NAME__QueryData} from './input.graphql'
|
|
4
|
+
import seedData from './seed'
|
|
5
|
+
|
|
6
|
+
export function Render({
|
|
7
|
+
extensionData,
|
|
8
|
+
}: {
|
|
9
|
+
extensionData: __QUERY_NAME__QueryData | null
|
|
10
|
+
}) {
|
|
11
|
+
// Here we are using seed data to populate the initial state of the video collection.
|
|
12
|
+
// You can replace this with the actual data from `extensionData`
|
|
13
|
+
__EXAMPLE_QUERY_DATA_USE__
|
|
14
|
+
const {title, items} = seedData
|
|
15
|
+
|
|
16
|
+
return <ImageCollection title={title} items={items} layout="GRID" />
|
|
17
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
const seedData = {
|
|
2
|
+
title: 'Image Collection Extension',
|
|
3
|
+
items: [
|
|
4
|
+
{
|
|
5
|
+
image: {
|
|
6
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/197d24d529fd4d5685d88b8e7a0e99b3.thumbnail.0000000000.jpg',
|
|
7
|
+
},
|
|
8
|
+
relatedProducts: [],
|
|
9
|
+
externalId: '1',
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
image: {
|
|
13
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/60d478149138421e94b2a50ba2cac7f3.thumbnail.0000000000.jpg',
|
|
14
|
+
},
|
|
15
|
+
relatedProducts: [],
|
|
16
|
+
externalId: '2',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
image: {
|
|
20
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/5dfdf5b856cc4e52a92880ab43412db5.thumbnail.0000000000.jpg',
|
|
21
|
+
},
|
|
22
|
+
relatedProducts: [],
|
|
23
|
+
externalId: '3',
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
externalId: '4',
|
|
27
|
+
image: {
|
|
28
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/7a92d6b2112b497fae2bca267ba6dfb1.thumbnail.0000000000.jpg',
|
|
29
|
+
},
|
|
30
|
+
relatedProducts: [],
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
externalId: '5',
|
|
34
|
+
image: {
|
|
35
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/197d24d529fd4d5685d88b8e7a0e99b3.thumbnail.0000000000.jpg',
|
|
36
|
+
},
|
|
37
|
+
relatedProducts: [],
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
externalId: '6',
|
|
41
|
+
image: {
|
|
42
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/197d24d529fd4d5685d88b8e7a0e99b3.thumbnail.0000000000.jpg',
|
|
43
|
+
},
|
|
44
|
+
relatedProducts: [],
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
externalId: '7',
|
|
48
|
+
image: {
|
|
49
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/197d24d529fd4d5685d88b8e7a0e99b3.thumbnail.0000000000.jpg',
|
|
50
|
+
},
|
|
51
|
+
relatedProducts: [],
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
externalId: '8',
|
|
55
|
+
image: {
|
|
56
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/197d24d529fd4d5685d88b8e7a0e99b3.thumbnail.0000000000.jpg',
|
|
57
|
+
},
|
|
58
|
+
relatedProducts: [],
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
externalId: '9',
|
|
62
|
+
image: {
|
|
63
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/files/preview_images/197d24d529fd4d5685d88b8e7a0e99b3.thumbnail.0000000000.jpg',
|
|
64
|
+
},
|
|
65
|
+
relatedProducts: [],
|
|
66
|
+
},
|
|
67
|
+
],
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export default seedData
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import {Link} from '@shopify/shop-minis-ui-extensions'
|
|
2
|
+
|
|
3
|
+
import type {__QUERY_NAME__QueryData} from './input.graphql'
|
|
4
|
+
import seedData from './seed'
|
|
5
|
+
|
|
6
|
+
export function Render({
|
|
7
|
+
extensionData,
|
|
8
|
+
}: {
|
|
9
|
+
extensionData: __QUERY_NAME__QueryData | null
|
|
10
|
+
}) {
|
|
11
|
+
// Here we are using seed data to populate the initial state of the video collection.
|
|
12
|
+
// You can replace this with the actual data from `extensionData`
|
|
13
|
+
__EXAMPLE_QUERY_DATA_USE__
|
|
14
|
+
const {actionText} = seedData
|
|
15
|
+
|
|
16
|
+
return <Link actionText={actionText} />
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import {ProductOfferCard} from '@shopify/shop-minis-ui-extensions'
|
|
2
|
+
|
|
3
|
+
import type {__QUERY_NAME__QueryData} from './input.graphql'
|
|
4
|
+
import seedData from './seed'
|
|
5
|
+
|
|
6
|
+
export function Render({
|
|
7
|
+
extensionData,
|
|
8
|
+
}: {
|
|
9
|
+
extensionData: __QUERY_NAME__QueryData | null
|
|
10
|
+
}) {
|
|
11
|
+
// Here we are using seed data to populate the initial state of the video collection.
|
|
12
|
+
// You can replace this with the actual data from `extensionData`
|
|
13
|
+
__EXAMPLE_QUERY_DATA_USE__
|
|
14
|
+
const {product, offer, order} = seedData
|
|
15
|
+
|
|
16
|
+
return <ProductOfferCard product={product} offer={offer} order={order} />
|
|
17
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
const MINIS_TEST_STORE_DATA = {
|
|
2
|
+
id: 'gid://shopify/Shop/62104633599',
|
|
3
|
+
image: null,
|
|
4
|
+
name: 'Shop Minis Test Store',
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
const data = {
|
|
8
|
+
offer: {
|
|
9
|
+
discountedPrice: {
|
|
10
|
+
amount: '405.95',
|
|
11
|
+
currencyCode: 'USD',
|
|
12
|
+
},
|
|
13
|
+
originalPrice: {
|
|
14
|
+
amount: '605.95',
|
|
15
|
+
currencyCode: 'USD',
|
|
16
|
+
},
|
|
17
|
+
title: 'Widget! Check this offer!',
|
|
18
|
+
image: {
|
|
19
|
+
url: 'https://cdn.shopify.com/s/files/1/0688/2233/5510/products/Main_9129b69a-0c7b-4f66-b6cf-c4222f18028a.jpg?v=1674664579',
|
|
20
|
+
},
|
|
21
|
+
variantId: 'gid://shopify/ProductVariant/43695240413206',
|
|
22
|
+
expiresAt: new Date('2099-03-22T23:59:59.000Z'),
|
|
23
|
+
},
|
|
24
|
+
order: {
|
|
25
|
+
id: 'gid://shopify/Order/123',
|
|
26
|
+
},
|
|
27
|
+
product: {
|
|
28
|
+
id: 'gid://shopify/Product/7982542651414',
|
|
29
|
+
shop: MINIS_TEST_STORE_DATA,
|
|
30
|
+
title: 'Mr. Huebert Hydroxy Snowboard',
|
|
31
|
+
image: {
|
|
32
|
+
altText: null,
|
|
33
|
+
url: 'https://cdn.shopify.com/s/files/1/0688/2233/5510/products/Main_9129b69a-0c7b-4f66-b6cf-c4222f18028a.jpg?v=1674664579',
|
|
34
|
+
},
|
|
35
|
+
price: {
|
|
36
|
+
amount: '605.95',
|
|
37
|
+
currencyCode: 'USD',
|
|
38
|
+
},
|
|
39
|
+
reviewsAverageRating: null,
|
|
40
|
+
reviewsCount: 0,
|
|
41
|
+
},
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export default data
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import {VideoCollection} from '@shopify/shop-minis-ui-extensions'
|
|
2
|
+
|
|
3
|
+
import type {__QUERY_NAME__QueryData} from './input.graphql'
|
|
4
|
+
import seedData from './seed'
|
|
5
|
+
|
|
6
|
+
export function Render({
|
|
7
|
+
extensionData,
|
|
8
|
+
}: {
|
|
9
|
+
extensionData: __QUERY_NAME__QueryData | null
|
|
10
|
+
}) {
|
|
11
|
+
// Here we are using seed data to populate the initial state of the video collection.
|
|
12
|
+
// You can replace this with the actual data from `extensionData`
|
|
13
|
+
__EXAMPLE_QUERY_DATA_USE__
|
|
14
|
+
const {title, items} = seedData
|
|
15
|
+
|
|
16
|
+
return <VideoCollection title={title} items={items} />
|
|
17
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const seedData = {
|
|
2
|
+
title: 'Video Collection Extension',
|
|
3
|
+
items: [
|
|
4
|
+
{
|
|
5
|
+
video: {
|
|
6
|
+
url: 'https://cdn.shopify.com/videos/c/o/v/197d24d529fd4d5685d88b8e7a0e99b3.mp4',
|
|
7
|
+
},
|
|
8
|
+
fallbackImage: {
|
|
9
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/products/Main_9129b69a-0c7b-4f66-b6cf-c4222f18028a.jpg?v=1671634025',
|
|
10
|
+
},
|
|
11
|
+
relatedProducts: [],
|
|
12
|
+
externalId: '',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
video: {
|
|
16
|
+
url: 'https://cdn.shopify.com/videos/c/o/v/5dfdf5b856cc4e52a92880ab43412db5.mp4',
|
|
17
|
+
},
|
|
18
|
+
fallbackImage: {
|
|
19
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/products/Main_0a4e9096-021a-4c1e-8750-24b233166a12.jpg?v=1671633756',
|
|
20
|
+
},
|
|
21
|
+
relatedProducts: [],
|
|
22
|
+
externalId: '',
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
video: {
|
|
26
|
+
url: 'https://cdn.shopify.com/videos/c/o/v/60d478149138421e94b2a50ba2cac7f3.mp4',
|
|
27
|
+
},
|
|
28
|
+
fallbackImage: {
|
|
29
|
+
url: 'https://cdn.shopify.com/s/files/1/0621/0463/3599/products/Main_c8ff0b5d-c712-429a-be00-b29bd55cbc9d.jpg?v=1671634817',
|
|
30
|
+
},
|
|
31
|
+
relatedProducts: [],
|
|
32
|
+
externalId: '',
|
|
33
|
+
},
|
|
34
|
+
],
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export default seedData
|