slice-machine-ui 2.15.2-beta.4 → 2.15.2
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/out/404.html +1 -1
- package/out/_next/static/{TpXr-OgQ6mDDuEdT6tyRi → 2Df8JFdNvYoOjiAMascPc}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/473-944c28c328500eba.js +1 -0
- package/out/_next/static/chunks/pages/{_app-7c0659253dd856d5.js → _app-8ebe9acc4f19e5c5.js} +1 -1
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/settings.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +4 -5
- package/src/features/customTypes/customTypesBuilder/CreateSliceFromImageModal/CreateSliceFromImageModal.tsx +112 -23
- package/out/_next/static/chunks/473-5ab95fb548d78a8e.js +0 -1
- /package/out/_next/static/{TpXr-OgQ6mDDuEdT6tyRi → 2Df8JFdNvYoOjiAMascPc}/_ssgManifest.js +0 -0
package/out/changelog.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/870-a72b74312773efea.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-fd749acf98af82da.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/changes.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d98ebc475f8423a3.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d98ebc475f8423a3.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d98ebc475f8423a3.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d98ebc475f8423a3.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/918-38ab72e6ee071fec.js" defer=""></script><script src="/_next/static/chunks/772-dc8d1f404dd4eed4.js" defer=""></script><script src="/_next/static/chunks/639-424b570eee9a37fb.js" defer=""></script><script src="/_next/static/chunks/pages/changes-1d07d031e49cd4fa.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/44-a2056f993381ad0f.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/479-6205c85aa978fc0b.js" defer=""></script><script src="/_next/static/chunks/772-dc8d1f404dd4eed4.js" defer=""></script><script src="/_next/static/chunks/910-1979bde4d15e9a4b.js" defer=""></script><script src="/_next/static/chunks/356-09138784e77f5f66.js" defer=""></script><script src="/_next/static/chunks/473-944c28c328500eba.js" defer=""></script><script src="/_next/static/chunks/154-7a7fbf12ee00e12f.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-494a273bdfe05981.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/custom-types.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/910-1979bde4d15e9a4b.js" defer=""></script><script src="/_next/static/chunks/764-dd770255e3082305.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-4f95d75a29e9c7b1.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/910-1979bde4d15e9a4b.js" defer=""></script><script src="/_next/static/chunks/764-dd770255e3082305.js" defer=""></script><script src="/_next/static/chunks/pages/index-48edd85de6369519.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/labs.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/pages/labs-41db727cff0af1a9.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56f2a6684a524374.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56f2a6684a524374.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/44-a2056f993381ad0f.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/479-6205c85aa978fc0b.js" defer=""></script><script src="/_next/static/chunks/772-dc8d1f404dd4eed4.js" defer=""></script><script src="/_next/static/chunks/910-1979bde4d15e9a4b.js" defer=""></script><script src="/_next/static/chunks/356-09138784e77f5f66.js" defer=""></script><script src="/_next/static/chunks/473-944c28c328500eba.js" defer=""></script><script src="/_next/static/chunks/154-7a7fbf12ee00e12f.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-f67cee98ab2e606f.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/settings.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5f781f20e24a5ea.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5f781f20e24a5ea.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5f781f20e24a5ea.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5f781f20e24a5ea.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/pages/settings-4efa7c64dc4f2468.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/157-7733f7f59581b0b5.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-682a7ae967ddc9e8.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/cdee5b195444f185.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cdee5b195444f185.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/cdee5b195444f185.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cdee5b195444f185.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-480e426e4b1cfef3.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/44-a2056f993381ad0f.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/772-dc8d1f404dd4eed4.js" defer=""></script><script src="/_next/static/chunks/356-09138784e77f5f66.js" defer=""></script><script src="/_next/static/chunks/639-424b570eee9a37fb.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-2db7593b552cc395.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/slices.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/efa5152b7c0f35c0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/efa5152b7c0f35c0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/16242b5f7b1aa074.css" as="style"/><link rel="stylesheet" href="/_next/static/css/16242b5f7b1aa074.css" data-n-g=""/><link rel="preload" href="/_next/static/css/efa5152b7c0f35c0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/efa5152b7c0f35c0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8ebe9acc4f19e5c5.js" defer=""></script><script src="/_next/static/chunks/59b4e022-ef680789f7cc9b11.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/44-a2056f993381ad0f.js" defer=""></script><script src="/_next/static/chunks/772-dc8d1f404dd4eed4.js" defer=""></script><script src="/_next/static/chunks/639-424b570eee9a37fb.js" defer=""></script><script src="/_next/static/chunks/473-944c28c328500eba.js" defer=""></script><script src="/_next/static/chunks/pages/slices-4b5da413adf7c51c.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_buildManifest.js" defer=""></script><script src="/_next/static/2Df8JFdNvYoOjiAMascPc/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"2Df8JFdNvYoOjiAMascPc","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "slice-machine-ui",
|
|
3
|
-
"version": "2.15.2
|
|
3
|
+
"version": "2.15.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
|
|
6
6
|
"repository": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"start-slicemachine": "./bin/start-slicemachine.cjs"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@slicemachine/manager": "0.24.12
|
|
39
|
-
"start-slicemachine": "0.12.54
|
|
38
|
+
"@slicemachine/manager": "0.24.12",
|
|
39
|
+
"start-slicemachine": "0.12.54"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@emotion/react": "11.11.1",
|
|
@@ -136,6 +136,5 @@
|
|
|
136
136
|
"vitest": "0.32.0",
|
|
137
137
|
"yup": "0.32.11",
|
|
138
138
|
"zod": "3.23.8"
|
|
139
|
-
}
|
|
140
|
-
"stableVersion": "2.15.1"
|
|
139
|
+
}
|
|
141
140
|
}
|
|
@@ -17,7 +17,7 @@ import {
|
|
|
17
17
|
ScrollArea,
|
|
18
18
|
} from "@prismicio/editor-ui";
|
|
19
19
|
import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
|
|
20
|
-
import { useRef, useState } from "react";
|
|
20
|
+
import { useEffect, useRef, useState } from "react";
|
|
21
21
|
import { toast } from "react-toastify";
|
|
22
22
|
|
|
23
23
|
import { getState, telemetry } from "@/apiClient";
|
|
@@ -70,8 +70,8 @@ export function CreateSliceFromImageModal(
|
|
|
70
70
|
|
|
71
71
|
const onOpenChange = (open: boolean) => {
|
|
72
72
|
if (open || isCreatingSlices) return;
|
|
73
|
-
id.current = crypto.randomUUID();
|
|
74
73
|
onClose();
|
|
74
|
+
id.current = crypto.randomUUID();
|
|
75
75
|
setSlices([]);
|
|
76
76
|
};
|
|
77
77
|
|
|
@@ -124,6 +124,8 @@ export function CreateSliceFromImageModal(
|
|
|
124
124
|
);
|
|
125
125
|
};
|
|
126
126
|
|
|
127
|
+
const existingSlices = useExistingSlices({ open });
|
|
128
|
+
|
|
127
129
|
const inferSlice = (args: { index: number; imageUrl: string }) => {
|
|
128
130
|
const { index, imageUrl } = args;
|
|
129
131
|
const currentId = id.current;
|
|
@@ -140,16 +142,24 @@ export function CreateSliceFromImageModal(
|
|
|
140
142
|
managerClient.customTypes.inferSlice({ imageUrl }).then(
|
|
141
143
|
({ slice, langSmithUrl }) => {
|
|
142
144
|
if (currentId !== id.current) return;
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
145
|
+
|
|
146
|
+
setSlices((prevSlices) =>
|
|
147
|
+
prevSlices.map((prevSlice, i) =>
|
|
148
|
+
i === index
|
|
149
|
+
? {
|
|
150
|
+
...prevSlice,
|
|
151
|
+
status: "success",
|
|
152
|
+
thumbnailUrl: imageUrl,
|
|
153
|
+
model: sliceWithoutConflicts({
|
|
154
|
+
existingSlices: existingSlices.current,
|
|
155
|
+
newSlices: prevSlices,
|
|
156
|
+
slice,
|
|
157
|
+
}),
|
|
158
|
+
langSmithUrl,
|
|
159
|
+
}
|
|
160
|
+
: prevSlice,
|
|
161
|
+
),
|
|
162
|
+
);
|
|
153
163
|
},
|
|
154
164
|
() => {
|
|
155
165
|
if (currentId !== id.current) return;
|
|
@@ -178,15 +188,19 @@ export function CreateSliceFromImageModal(
|
|
|
178
188
|
addSlices(newSlices)
|
|
179
189
|
.then(async ({ slices, library }) => {
|
|
180
190
|
if (currentId !== id.current) return;
|
|
181
|
-
|
|
191
|
+
|
|
182
192
|
const serverState = await getState();
|
|
183
193
|
createSliceSuccess(serverState.libraries);
|
|
184
|
-
onSuccess({ slices, library });
|
|
185
|
-
void completeStep("createSlice");
|
|
186
194
|
syncChanges();
|
|
195
|
+
|
|
196
|
+
onSuccess({ slices, library });
|
|
197
|
+
|
|
187
198
|
setIsCreatingSlices(false);
|
|
199
|
+
id.current = crypto.randomUUID();
|
|
188
200
|
setSlices([]);
|
|
189
201
|
|
|
202
|
+
void completeStep("createSlice");
|
|
203
|
+
|
|
190
204
|
for (const { model, langSmithUrl } of slices) {
|
|
191
205
|
void telemetry.track({
|
|
192
206
|
event: "slice:created",
|
|
@@ -337,6 +351,77 @@ type NewSlice = {
|
|
|
337
351
|
langSmithUrl?: string;
|
|
338
352
|
};
|
|
339
353
|
|
|
354
|
+
/**
|
|
355
|
+
* Keeps track of the existing slices in the project.
|
|
356
|
+
* Re-fetches them when the modal is opened.
|
|
357
|
+
*/
|
|
358
|
+
function useExistingSlices({ open }: { open: boolean }) {
|
|
359
|
+
const ref = useRef<SharedSlice[]>([]);
|
|
360
|
+
|
|
361
|
+
useEffect(() => {
|
|
362
|
+
if (!open) return;
|
|
363
|
+
|
|
364
|
+
ref.current = [];
|
|
365
|
+
managerClient.slices
|
|
366
|
+
.readAllSlices()
|
|
367
|
+
.then((slices) => {
|
|
368
|
+
ref.current = slices.models.map(({ model }) => model);
|
|
369
|
+
})
|
|
370
|
+
.catch(() => null);
|
|
371
|
+
}, [open]);
|
|
372
|
+
|
|
373
|
+
return ref;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
/**
|
|
377
|
+
* If needed, assigns new ids and names to avoid conflicts with existing slices.
|
|
378
|
+
* Names are compared case-insensitively to avoid conflicts
|
|
379
|
+
* between folder names with different casing.
|
|
380
|
+
*/
|
|
381
|
+
function sliceWithoutConflicts({
|
|
382
|
+
existingSlices,
|
|
383
|
+
newSlices,
|
|
384
|
+
slice,
|
|
385
|
+
}: {
|
|
386
|
+
existingSlices: SharedSlice[];
|
|
387
|
+
newSlices: Slice[];
|
|
388
|
+
slice: SharedSlice;
|
|
389
|
+
}): SharedSlice {
|
|
390
|
+
const existingIds = new Set<string>();
|
|
391
|
+
const existingNames = new Set<string>();
|
|
392
|
+
|
|
393
|
+
for (const { id, name } of existingSlices) {
|
|
394
|
+
existingIds.add(id);
|
|
395
|
+
existingNames.add(name.toLowerCase());
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
for (const slice of newSlices) {
|
|
399
|
+
if (slice.status !== "success") continue;
|
|
400
|
+
existingIds.add(slice.model.id);
|
|
401
|
+
existingNames.add(slice.model.name.toLowerCase());
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
let id = slice.id;
|
|
405
|
+
let counter = 2;
|
|
406
|
+
while (existingIds.has(id)) {
|
|
407
|
+
id = `${slice.id}_${counter}`;
|
|
408
|
+
counter++;
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
let name = slice.name;
|
|
412
|
+
counter = 2;
|
|
413
|
+
while (existingNames.has(name.toLowerCase())) {
|
|
414
|
+
name = `${slice.name}${counter}`;
|
|
415
|
+
counter++;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
return {
|
|
419
|
+
...slice,
|
|
420
|
+
id,
|
|
421
|
+
name,
|
|
422
|
+
};
|
|
423
|
+
}
|
|
424
|
+
|
|
340
425
|
async function addSlices(newSlices: NewSlice[]) {
|
|
341
426
|
// use the first library
|
|
342
427
|
const { libraries = [] } =
|
|
@@ -346,24 +431,28 @@ async function addSlices(newSlices: NewSlice[]) {
|
|
|
346
431
|
throw new Error("No library found in the config.");
|
|
347
432
|
}
|
|
348
433
|
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
434
|
+
for (const { model } of newSlices) {
|
|
435
|
+
const { errors } = await managerClient.slices.createSlice({
|
|
436
|
+
libraryID: library,
|
|
437
|
+
model,
|
|
438
|
+
});
|
|
439
|
+
if (errors.length) {
|
|
440
|
+
throw new Error(`Failed to create slice ${model.id}.`);
|
|
441
|
+
}
|
|
442
|
+
}
|
|
354
443
|
|
|
355
444
|
// for each added slice, set the variation screenshot
|
|
356
445
|
const slices = await Promise.all(
|
|
357
|
-
|
|
446
|
+
newSlices.map(async ({ model, image, langSmithUrl }) => {
|
|
358
447
|
await managerClient.slices.updateSliceScreenshot({
|
|
359
448
|
libraryID: library,
|
|
360
449
|
sliceID: model.id,
|
|
361
450
|
variationID: model.variations[0].id,
|
|
362
|
-
data:
|
|
451
|
+
data: image,
|
|
363
452
|
});
|
|
364
453
|
return {
|
|
365
454
|
model,
|
|
366
|
-
langSmithUrl
|
|
455
|
+
langSmithUrl,
|
|
367
456
|
};
|
|
368
457
|
}),
|
|
369
458
|
);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[473],{17662:function(e,t,r){r.d(t,{l:function(){return n}});var a=r(53085);function n(){let e=(0,a.L)("slicemachine-image-to-slice");return{eligible:(null==e?void 0:e.value)==="on"}}},7192:function(e,t,r){r.d(t,{S:function(){return h}});var a=r(52322),n=r(7729),s=r(2784),l=r(88932),i=r(93188),c=r(93085),o=r(65856),u=r(80546),d=r(70647),m=r(41067),g=r(80218);function p(e){let{slice:t}=e,r="uploading"===t.status||"generating"===t.status,s="uploadError"===t.status||"generateError"===t.status,l="generateError"===t.status||"generating"===t.status||"success"===t.status;return(0,a.jsxs)(g.Zb,{disabled:r,children:[l?(0,a.jsx)(g.ZB,{src:t.thumbnailUrl}):(0,a.jsx)(g.ZB,{component:"div"}),(0,a.jsx)(g.eW,{loading:r,startIcon:function(e){switch(e){case"uploadError":case"generateError":return"close";case"success":return"check";default:return}}(t.status),title:"success"===t.status?t.model.name:t.image.name,subtitle:function(e){switch(e){case"uploading":return"Uploading...";case"uploadError":return"Unable to upload image";case"generating":return"Generating...";case"generateError":return"Something went wrong";case"success":return"Generated"}}(t.status),error:s,action:s?(0,a.jsx)(n.zxk,{startIcon:"refresh",color:"grey",onClick:t.onRetry,children:"Retry"}):void 0})]})}function h(e){let{open:t,location:r,onSuccess:g,onClose:h}=e,[j,v]=(0,s.useState)([]),[w,S]=(0,s.useState)(!1),{syncChanges:C}=(0,u.g)(),{createSliceSuccess:I}=(0,m.Z)(),{completeStep:U}=(0,o.k)(),N=(0,s.useRef)(crypto.randomUUID()),k=e=>{let{index:t,slice:r}=e;v(e=>e.map((e,a)=>a===t?r(e):e))},E=e=>{if(e.length>10){l.Am.error("You can only upload ".concat(10," images at a time."));return}v(e.map(e=>({status:"uploading",image:e}))),e.forEach((e,t)=>A({index:t,image:e}))},A=e=>{let{index:t,image:r}=e,a=N.current;k({index:t,slice:e=>({...e,status:"uploading"})}),x({image:r}).then(e=>{a===N.current&&Z({index:t,imageUrl:e})},()=>{a===N.current&&k({index:t,slice:e=>({...e,status:"uploadError",onRetry:()=>A({index:t,image:r})})})})},Z=e=>{let{index:t,imageUrl:r}=e,a=N.current;k({index:t,slice:e=>({...e,status:"generating",thumbnailUrl:r})}),d.managerClient.customTypes.inferSlice({imageUrl:r}).then(e=>{let{slice:n,langSmithUrl:s}=e;a===N.current&&k({index:t,slice:e=>({...e,status:"success",thumbnailUrl:r,model:n,langSmithUrl:s})})},()=>{a===N.current&&k({index:t,slice:e=>({...e,status:"generateError",thumbnailUrl:r,onRetry:()=>Z({index:t,imageUrl:r})})})})},D=j.some(e=>"uploading"===e.status||"generating"===e.status),_=j.filter(e=>"success"===e.status),P=_.length>0;return(0,a.jsxs)(n.VqE,{open:t,onOpenChange:e=>{e||w||(N.current=crypto.randomUUID(),h(),v([]))},children:[(0,a.jsx)(n.fKu,{title:"Generate from image"}),(0,a.jsxs)(n.cZJ,{gap:0,children:[(0,a.jsx)(n.BeV,{hidden:!0,children:"Upload images to generate slices with AI"}),0===j.length?(0,a.jsx)(n.xuv,{padding:16,height:"100%",children:(0,a.jsx)(n.Zzl,{onFilesSelected:E,assetType:"image",maxFiles:10,overlay:(0,a.jsx)(f,{onFilesSelected:E,droppingFiles:!0}),children:(0,a.jsx)(f,{onFilesSelected:E})})}):(0,a.jsx)(n.xrM,{stableScrollbar:!1,children:(0,a.jsx)(n.xuv,{display:"grid",gridTemplateColumns:"1fr 1fr",gap:16,padding:16,children:j.map((e,t)=>(0,a.jsx)(p,{slice:e},"slice-".concat(t)))})}),(0,a.jsxs)(n.kXR,{children:[(0,a.jsx)(n.POh,{disabled:w}),(0,a.jsxs)(n._dX,{disabled:!P||D,loading:w,onClick:()=>{let e=j.reduce((e,t)=>("success"===t.status&&e.push(t),e),[]);if(!e.length)return;let t=N.current;S(!0),y(e).then(async e=>{let{slices:a,library:n}=e;if(t===N.current)for(let{model:e,langSmithUrl:t}of(N.current=crypto.randomUUID(),I((await (0,i.y0)()).libraries),g({slices:a,library:n}),U("createSlice"),C(),S(!1),v([]),a))i.Xe.track({event:"slice:created",id:e.id,name:e.name,library:n,location:r,mode:"ai",langSmithUrl:t}),(0,c.nZ)({type:"model",library:n,sliceId:e.id,variationId:e.variations[0].id,langSmithUrl:t})}).catch(()=>{t===N.current&&(S(!1),l.Am.error("An unexpected error happened while adding slices."))})},children:[b(r)," (",_.length,")"]})]})]})]})}function f(e){let{droppingFiles:t=!1,onFilesSelected:r}=e;return(0,a.jsx)(n.xuv,{justifyContent:"center",flexDirection:"column",height:"100%",backgroundColor:t?"purple2":"grey2",border:!0,borderStyle:"dashed",borderColor:t?"purple9":"grey6",children:(0,a.jsxs)(n.R$c,{children:[(0,a.jsx)(n.avq,{lineColor:"purple11",backgroundColor:"purple5",name:"cloudUpload",size:"large"}),(0,a.jsx)(n._T6,{children:"Upload your design images."}),(0,a.jsx)(n.nfr,{children:"Once uploaded, you can generate slices automatically using AI."}),(0,a.jsx)(n.QjJ,{children:(0,a.jsx)(n.KH,{startIcon:"attachFile",onFilesSelected:r,color:"grey",children:"Add images"})})]})})}async function x(e){let{image:t}=e,r=[await d.managerClient.project.getResolvedRepositoryName(),"shared-slices","prismic-inferred-slices",crypto.randomUUID()].join("/");await d.managerClient.screenshots.initS3ACL();let{url:a}=await d.managerClient.screenshots.uploadScreenshot({keyPrefix:r,data:t});return a}async function y(e){let{libraries:t=[]}=await d.managerClient.project.getSliceMachineConfig(),r=t[0];if(!r)throw Error("No library found in the config.");let a=await d.managerClient.slices.addSlices({library:r,models:e.map(e=>e.model)}),n=await Promise.all(a.map(async(t,a)=>(await d.managerClient.slices.updateSliceScreenshot({libraryID:r,sliceID:t.id,variationID:t.variations[0].id,data:e[a].image}),{model:t,langSmithUrl:e[a].langSmithUrl})));return{library:r,slices:n}}let b=e=>{switch(e){case"custom_type":return"Add to type";case"page_type":return"Add to page";case"slices":return"Add to slices"}}},17889:function(e,t,r){r.d(t,{c:function(){return b}});var a=r(52322),n=r(2784),s=r(36131),l=r(75289),i=r(93188),c=r(65856),o=r(88932),u=r(3181),d=r(99510),m=r(70647);async function g(e){let{sliceName:t,libraryName:r,location:a,onSuccess:n}=e;try{let e=(0,u.fo)(t),{errors:s}=await m.managerClient.slices.createSlice({libraryID:r,model:e});if(s.length>0)throw s;i.Xe.track({event:"slice:created",id:(0,d.MP)(t),name:t,library:r,location:a,mode:"manual"}),await n(e)}catch(r){let e="An unexpected error happened while creating slice ".concat(t,".");console.error(e,r),o.Am.error(e)}}var p=r(80546),h=r(1490),f=r(41067),x=r(28801),y=r(99923);let b=e=>{let{onClose:t,onSuccess:r,localLibraries:o,location:u,remoteSlices:d}=e,{createSliceSuccess:m}=(0,f.Z)(),[b,j]=(0,n.useState)(!1),{syncChanges:v}=(0,p.g)(),{completeStep:w}=(0,c.k)(),S=async e=>{let t=e.sliceName,a=e.from;j(!0),await g({sliceName:t,libraryName:a,location:u,onSuccess:async e=>{m((await (0,i.y0)()).libraries),r(e,a),v(),w("createSlice")}})};return(0,a.jsx)(h.Z,{testId:"create-slice-modal",isOpen:!0,widthInPx:"530px",isLoading:b,formId:"create-new-slice",close:t,buttonLabel:"Create",onSubmit:e=>{S(e)},initialValues:{sliceName:"",from:o[0].name},validate:e=>(0,y.h)(e,o,d),content:{title:"Create a new slice"},children:e=>{let{touched:t,values:r,setFieldValue:n,errors:i}=e;return(0,a.jsxs)(l.xu,{children:[(0,a.jsx)(x.W,{name:"sliceName",label:"Slice Name",placeholder:"Pascalised Slice API ID (e.g. TextBlock)",error:t.sliceName?i.sliceName:void 0,testId:"slice-name-input"}),(0,a.jsx)(l.__,{htmlFor:"from",sx:{mb:2},children:"Target Library"}),(0,a.jsx)(s.ZP,{name:"from",options:o.map(e=>({value:e.name,label:e.name})),onChange:e=>e?void n("from",e.value):null,defaultValue:{value:r.from,label:r.from},styles:{option:e=>({...e,color:"#161618"})},theme:e=>({...e,colors:{...e.colors,primary:"#E9E8EA"}}),menuPortalTarget:document.body})]})}})}},99923:function(e,t,r){r.d(t,{h:function(){return c}});var a=r(96009),n=r.n(a),s=r(74600),l=r.n(s),i=r(17186);function c(e,t,r){let{sliceName:a}=e;return a?i.lS.includes(a.toLowerCase())?{sliceName:'Name "'.concat(a,'" is reserved for Slice Machine use.')}:i.xo.exec(a)?l()(n()(a)).replace(/\s/gm,"")!==a.trim()?{sliceName:"Value has to be PascalCased."}:a.match(/^\d/)?{sliceName:"Value cannot start with a number."}:[...t.flatMap(e=>e.components.map(e=>e.model.name)),...r.map(e=>e.name)].includes(a)?{sliceName:"Slice name is already taken."}:void 0:{sliceName:"No special characters allowed."}:{sliceName:"Cannot be empty"}}},42849:function(e,t,r){var a=r(52322),n=r(75289);t.Z=function(e){let{elems:t,renderElem:r,defineElementKey:s,gridTemplateMinPx:l="320px",gridGap:i="16px",sx:c}=e;return(0,a.jsx)(n.xu,{as:"section",sx:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(".concat(l,", 1fr))"),gridGap:i,pt:2,...c},children:t.map((e,t)=>e?(0,a.jsx)("span",{children:r(e,t)},"".concat(s(e),"-").concat(t+1)):null)})}}}]);
|
|
File without changes
|