@chrryai/chrry 1.3.14 → 1.3.16

package/App.module.scss

@@ -34,6 +34,29 @@
   padding: 0 toRem.toRem(10);
 }
 
+.focus {
+  position: relative;
+  margin-left: toRem.toRem(10);
+
+  .focusTime {
+    position: absolute;
+    top: toRem.toRem(-7.5);
+    right: toRem.toRem(-40);
+    padding: toRem.toRem(2) toRem.toRem(6);
+    background-color: var(--accent-1);
+    color: #fff;
+    border-radius: toRem.toRem(10);
+    font-size: toRem.toRem(10);
+    font-weight: 600;
+    font-family: "SF Mono", "Monaco", "Courier New", monospace;
+    letter-spacing: toRem.toRem(0.5);
+    white-space: nowrap;
+    box-shadow: 0 toRem.toRem(2) toRem.toRem(4) rgba(0, 0, 0, 0.1);
+    z-index: 1;
+    pointer-events: none;
+  }
+}
+
 .apps {
   display: grid;
   gap: 10px;

package/dist/index.d.mts

@@ -802,7 +802,7 @@ declare const isFirefox: boolean;
 declare function getFlag({ code }: {
     code?: string;
 }): string;
-declare const VERSION = "1.3.14";
+declare const VERSION = "1.3.16";
 type instructionBase = {
     id: string;
     title: string;

package/dist/index.d.ts

@@ -802,7 +802,7 @@ declare const isFirefox: boolean;
 declare function getFlag({ code }: {
     code?: string;
 }): string;
-declare const VERSION = "1.3.14";
+declare const VERSION = "1.3.16";
 type instructionBase = {
     id: string;
     title: string;

package/dist/index.js

@@ -2074,6 +2074,25 @@ var init_App_styles = __esm({
         width: "100%",
         padding: "0 10px"
       },
+      focus: {
+        position: "relative",
+        marginLeft: 10
+      },
+      focusTime: {
+        position: "absolute",
+        top: -7,
+        right: -40,
+        padding: "2px 6px",
+        backgroundColor: "var(--accent-1)",
+        color: "#fff",
+        borderRadius: 10,
+        fontSize: 10,
+        fontWeight: 600,
+        fontFamily: '"SF Mono", "Monaco", "Courier New", monospace',
+        whiteSpace: "nowrap",
+        boxShadow: 2,
+        zIndex: 1
+      },
       apps: {
         display: "grid",
         gap: 10,
@@ -21506,7 +21525,7 @@ function DataProvider({
   const [instructions, setInstructions] = (0, import_react14.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react14.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react14.useState)(false);
-  const VERSION3 = "1.3.14";
+  const VERSION3 = "1.3.16";
   const [weather, setWeather] = useLocalStorage("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -22603,7 +22622,7 @@ var init_utils = __esm({
       window.history.replaceState({}, "", newUrl);
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent.includes("Firefox");
-    VERSION = "1.3.14";
+    VERSION = "1.3.16";
     getSlugFromPathname = (path) => {
       const siteConfig = getSiteConfig();
       return getAppAndStoreSlugs(path, {
@@ -31763,6 +31782,7 @@ function App({
   onSave
 }) {
   const { t: t6 } = useAppContext();
+  const { time } = useTimerContext();
   const {
     slug,
     app,
@@ -32639,13 +32659,14 @@ function App({
           Anchor,
           {
             href: "/focus",
-            className: (0, import_clsx12.default)("link", import_App_module.default.atlas)
+            className: (0, import_clsx12.default)("link", import_App_module.default.focus)
           },
+          time > 0 && /* @__PURE__ */ import_react51.default.createElement("span", { className: import_App_module.default.focusTime }, Math.floor(time / 60), ":", String(time % 60).padStart(2, "0")),
           /* @__PURE__ */ import_react51.default.createElement(
             ImageComponent,
             {
-              className: (0, import_clsx12.default)("link", import_App_module.default.atlas),
-              containerClass: (0, import_clsx12.default)("link", import_App_module.default.atlas),
+              className: (0, import_clsx12.default)("link", import_App_module.default.focus),
+              containerClass: (0, import_clsx12.default)("link", import_App_module.default.focus),
               logo: "focus",
               width: 22,
               height: 22
@@ -32731,6 +32752,7 @@ var init_App = __esm({
     init_StylesContext();
     init_providers();
     init_AppContext();
+    init_TimerContext();
   }
 });