slice-machine-ui 1.19.2-dev-next-release.6 → 1.19.2-dev-in-app-guide.3
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/components/Navigation/index.tsx +13 -17
- package/components/ReviewModal/ReviewForm.tsx +2 -2
- package/components/ReviewModal/ReviewModal.tsx +7 -0
- package/out/404.html +1 -1
- package/out/_next/static/chunks/{585-f3dca093db4b3792.js → 125-f0e2eb84ee39757a.js} +1 -3
- package/out/_next/static/chunks/18539003-371d86ea83e7293b.js +97 -0
- package/out/_next/static/chunks/{125-e3857af2068bbedf.js → 474-2393e400314474be.js} +2 -2
- package/out/_next/static/chunks/482-39cef3a713901788.js +1 -0
- package/out/_next/static/chunks/{550-1dafbcec5d50b384.js → 550-e72c08c598051224.js} +1 -1
- package/out/_next/static/chunks/{80-c513d12da6156fb7.js → 80-821a0b5d4ad61185.js} +1 -1
- package/out/_next/static/chunks/840-884e41a48b92e5d3.js +1 -0
- package/out/_next/static/chunks/904-55ff54caf14254dc.js +1 -0
- package/out/_next/static/chunks/958-be627006594efb21.js +1 -0
- package/out/_next/static/chunks/pages/_app-8a946d248c87dd25.js +439 -0
- package/out/_next/static/chunks/pages/{changelog-75b0bf58d1f3045d.js → changelog-fa36b9995c26e1d7.js} +1 -1
- package/out/_next/static/chunks/pages/{changes-9dcb1cdaa8b10560.js → changes-e388be4457a43c3a.js} +1 -1
- package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-aa37e07c96c8f9b5.js → [customTypeId]-3a37eb3373bb8823.js} +1 -1
- package/out/_next/static/chunks/pages/index-d8e3a2c0d712904f.js +1 -0
- package/out/_next/static/chunks/pages/labs-ebce03a4e7a95a4e.js +1 -0
- package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-d445f5cabeb460c0.js → [pageTypeId]-733f3890c0466a05.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/{simulator-5e441f8b049cf91b.js → simulator-dda1f32608129e23.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/{[variation]-c9b5ff7076d2b19b.js → [variation]-2282320bb9091898.js} +1 -1
- package/out/_next/static/chunks/pages/{slices-247c480530e98426.js → slices-22db04643850c1d8.js} +1 -1
- package/out/_next/static/css/{26b51745402a92af.css → 16b41648cd1de03b.css} +1 -1
- package/out/_next/static/css/{1fbd45881dcf43c4.css → 3e88bd24e38f18d0.css} +1 -1
- package/out/_next/static/css/{f585032018f6024b.css → 51597cd1f01c4889.css} +1 -1
- package/out/_next/static/css/{e4f4acc81f000d9c.css → 6e4843007ff41825.css} +1 -1
- package/out/_next/static/css/{22d69420bda374a7.css → 867d8d7ab4a75762.css} +1 -1
- package/out/_next/static/css/bca8066fd65eed7f.css +1 -0
- package/out/_next/static/iKwyM9kme9G-Y_a_L-e6V/_buildManifest.js +1 -0
- 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/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 +7 -7
- package/pages/_app.tsx +34 -29
- package/src/components/ContentTabs/ContentTabs.css.ts +1 -1
- package/src/components/Counter/Counter.css.ts +25 -0
- package/src/components/Counter/Counter.stories.tsx +24 -0
- package/src/components/Counter/Counter.tsx +18 -0
- package/src/components/Counter/index.ts +1 -0
- package/src/components/SideNav/SideNav.css.ts +11 -11
- package/src/features/inAppGuide/InAppGuideContext.tsx +49 -0
- package/src/features/inAppGuide/InAppGuideDialog.tsx +112 -0
- package/src/features/inAppGuide/inAppGuideContent.tsx +60 -0
- package/src/features/labs/labsList/LabsListItem.tsx +1 -1
- package/src/hooks/usePersistedState.ts +23 -0
- package/src/hooks/useRepositoryInformation.ts +24 -0
- package/src/icons/FlowerBackgroundIcon.tsx +16 -0
- package/src/icons/HelpIcon.tsx +19 -0
- package/out/_next/static/66j49QzF8CgRcsFMiHqJx/_buildManifest.js +0 -1
- package/out/_next/static/chunks/18539003-1bb05c8aa7db2bc2.js +0 -97
- package/out/_next/static/chunks/482-e6bbd1fcdcdf79ad.js +0 -1
- package/out/_next/static/chunks/840-c317c8ff8de0f202.js +0 -1
- package/out/_next/static/chunks/904-d5dfccdb4d9ab010.js +0 -1
- package/out/_next/static/chunks/958-2b881a5b68ff11ba.js +0 -1
- package/out/_next/static/chunks/pages/_app-8239471ebbdfbc5f.js +0 -428
- package/out/_next/static/chunks/pages/index-5266b7f0ca55025a.js +0 -1
- package/out/_next/static/chunks/pages/labs-2349c21fbac1bd23.js +0 -1
- package/out/_next/static/css/66b3836ab88b0c5c.css +0 -1
- /package/out/_next/static/{66j49QzF8CgRcsFMiHqJx → iKwyM9kme9G-Y_a_L-e6V}/_ssgManifest.js +0 -0
|
@@ -24,37 +24,33 @@ import { FolderIcon } from "@src/icons/FolderIcon";
|
|
|
24
24
|
import { userHasSeenTutorialsToolTip } from "@src/modules/userContext";
|
|
25
25
|
import { SliceMachineStoreType } from "@src/redux/type";
|
|
26
26
|
import useSliceMachineActions from "@src/modules/useSliceMachineActions";
|
|
27
|
-
import {
|
|
28
|
-
getApiEndpoint,
|
|
29
|
-
getChangelog,
|
|
30
|
-
getRepoName,
|
|
31
|
-
} from "@src/modules/environment";
|
|
27
|
+
import { getChangelog } from "@src/modules/environment";
|
|
32
28
|
import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
|
|
29
|
+
import { useRepositoryInformation } from "@src/hooks/useRepositoryInformation";
|
|
30
|
+
|
|
33
31
|
import { ChangesListItem } from "./ChangesListItem";
|
|
34
32
|
|
|
35
33
|
const Navigation: FC = () => {
|
|
36
|
-
const { changelog,
|
|
37
|
-
|
|
34
|
+
const { changelog, hasSeenTutorialsToolTip } = useSelector(
|
|
35
|
+
(store: SliceMachineStoreType) => ({
|
|
38
36
|
changelog: getChangelog(store),
|
|
39
|
-
repoName: getRepoName(store),
|
|
40
|
-
apiEndpoint: getApiEndpoint(store),
|
|
41
37
|
hasSeenTutorialsToolTip: userHasSeenTutorialsToolTip(store),
|
|
42
|
-
})
|
|
38
|
+
}),
|
|
39
|
+
);
|
|
43
40
|
const router = useRouter();
|
|
44
|
-
const repoDomain = new URL(apiEndpoint).hostname.replace(".cdn", "");
|
|
45
|
-
const repoAddress = apiEndpoint.replace(".cdn.", ".").replace("/api/v2", "");
|
|
46
|
-
|
|
47
41
|
const { setUpdatesViewed, setSeenTutorialsToolTip } =
|
|
48
42
|
useSliceMachineActions();
|
|
43
|
+
const { repositoryName, repositoryDomain, repositoryUrl } =
|
|
44
|
+
useRepositoryInformation();
|
|
49
45
|
|
|
50
46
|
return (
|
|
51
47
|
<SideNav>
|
|
52
48
|
<SideNavLogo />
|
|
53
49
|
|
|
54
50
|
<SideNavRepository
|
|
55
|
-
repositoryName={
|
|
56
|
-
repositoryDomain={
|
|
57
|
-
href={
|
|
51
|
+
repositoryName={repositoryName}
|
|
52
|
+
repositoryDomain={repositoryDomain}
|
|
53
|
+
href={repositoryUrl}
|
|
58
54
|
/>
|
|
59
55
|
|
|
60
56
|
<SideNavList>
|
|
@@ -127,7 +123,7 @@ const Navigation: FC = () => {
|
|
|
127
123
|
<SideNavList position="bottom">
|
|
128
124
|
<SideNavLink
|
|
129
125
|
title="Invite team"
|
|
130
|
-
href={`${
|
|
126
|
+
href={`${repositoryUrl}/settings/users`}
|
|
131
127
|
Icon={(props) => <MathPlusIcon {...props} />}
|
|
132
128
|
onClick={() => {
|
|
133
129
|
void telemetry.track({
|
|
@@ -6,10 +6,12 @@ import { getLastSyncChange, getUserReview } from "@src/modules/userContext";
|
|
|
6
6
|
import { selectAllCustomTypes } from "@src/modules/availableCustomTypes";
|
|
7
7
|
import { getLibraries } from "@src/modules/slices";
|
|
8
8
|
import { hasLocal } from "@lib/models/common/ModelData";
|
|
9
|
+
import { useInAppGuide } from "@src/features/inAppGuide/InAppGuideContext";
|
|
9
10
|
|
|
10
11
|
import { ReviewForm } from "./ReviewForm";
|
|
11
12
|
|
|
12
13
|
export const ReviewModal: FC = () => {
|
|
14
|
+
const { isInAppGuideOpen } = useInAppGuide();
|
|
13
15
|
const { userReview, customTypes, libraries, lastSyncChange } = useSelector(
|
|
14
16
|
(store: SliceMachineStoreType) => ({
|
|
15
17
|
userReview: getUserReview(store),
|
|
@@ -19,6 +21,11 @@ export const ReviewModal: FC = () => {
|
|
|
19
21
|
}),
|
|
20
22
|
);
|
|
21
23
|
|
|
24
|
+
// Opt ou directly if the in-app guide is open
|
|
25
|
+
if (isInAppGuideOpen) {
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
|
|
22
29
|
const sliceCount =
|
|
23
30
|
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
|
|
24
31
|
libraries && libraries.length
|
package/out/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/bca8066fd65eed7f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/bca8066fd65eed7f.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8a946d248c87dd25.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/iKwyM9kme9G-Y_a_L-e6V/_buildManifest.js" defer=""></script><script src="/_next/static/iKwyM9kme9G-Y_a_L-e6V/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-emotion="css-global 413pep">html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;color:var(--theme-ui-colors-text);background-color:var(--theme-ui-colors-background);}html.theme-ui-light,.theme-ui-light html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;}html.theme-ui-dark,.theme-ui-dark html{--theme-ui-colors-text:#fff;--theme-ui-colors-textClear:#6E707B;--theme-ui-colors-hoverBackground:#202020;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-background:#202022;--theme-ui-colors-backgroundClear:#28282C;--theme-ui-colors-primary:#4E54D7;--theme-ui-colors-secondary:#28282C;--theme-ui-colors-icons:#5D5D71;--theme-ui-colors-gray:#1D1D1F;--theme-ui-colors-borders:#3A3A46;--theme-ui-colors-deep:#28282C;--theme-ui-colors-headSection:#28282C;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-sidebar:#28282C;--theme-ui-colors-code-border:#5D5D6F;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;--theme-ui-colors-link:#A9A9C6;--theme-ui-colors-choggleBox:#fff;}</style><style data-emotion="css-global h19pgh">*{box-sizing:border-box;}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1.5;font-weight:400;}body{margin:0;}</style><style data-emotion="css yvak7d">.css-yvak7d{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100vh - 57px);width:100vw;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="css-yvak7d"><style data-emotion="css uqm8ih">.css-uqm8ih{box-sizing:border-box;margin:0;min-width:0;color:var(--theme-ui-colors-primary);overflow:visible;}</style><svg stroke-width="4" viewBox="0 0 32 32" width="48" height="48" fill="none" stroke="currentColor" role="img" id="spinner" class="css-uqm8ih"><title>Loading</title><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" opacity="0.125"></circle><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" stroke-dasharray="20 110"><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 16 16" to="360 16 16" dur="750ms" repeatCount="indefinite"></animateTransform></circle></svg></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"iKwyM9kme9G-Y_a_L-e6V","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"appGip":true,"scriptLoader":[]}</script></body></html>
|