@symbo.ls/preview 2.7.18 → 2.7.20

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/preview",
   "description": "",
   "author": "symbo.ls",
-  "version": "2.7.18",
+  "version": "2.7.20",
   "main": "src/app.js",
   "scripts": {
     "link:all": "yarn link smbls domql css-in-props @symbo.ls/icons @symbo.ls/config @symbo.ls/components @symbo.ls/scratch @symbo.ls/playground @symbo.ls/utils @symbo.ls/init @symbo.ls/config-default @domql/router @domql/utils @domql/router",

package/src/components/Header.js

@@ -2,7 +2,6 @@
 
 import { router } from '@domql/router'
 import { HeaderSignup, HeaderOfMember } from '@symbo.ls/components'
-import { getCookie } from 'domql/packages/cookie'
 
 export const Header = {
   props: {
@@ -27,18 +26,9 @@ export const HeaderOnRouter = {
   props: { width: '100%' },
 
   define: { routes: param => param },
-  routes: ({ state }) => {
-    const appKey = getCookie('appKey')
-    if (appKey || state.appKey) {
-      return {
-        '/*': HeaderOfMember
-      }
-    } else {
-      return {
-        '/*': HeaderSignup
-
-      }
-    }
+  routes: {
+    '/*': HeaderOfMember,
+    '/': HeaderSignup
   },
 
   on: {
@@ -49,7 +39,7 @@ export const HeaderOnRouter = {
         router(element, '/', {}, { updateState: false, pushState: false })
       }
     },
-    update: (element, s, changes) => {
+    initUpdate: (element, s, changes) => {
       if (cacheToken !== s.userToken) {
         cacheToken = s.userToken
         if (s.userToken) {

package/src/components/HeaderHeading.js

@@ -14,7 +14,7 @@ export const HeaderHeading = {
 
   H1: {
     color: 'white',
-    text: 'First is the light',
+    text: 'First was the dark',
     fontSize: 'H2',
     fontWeight: '700',
     margin: '0',

package/src/pages/Init/ChooseEnvironment.js

@@ -36,7 +36,7 @@ const ButtonOptions = {
     childExtend: {
       extend: [ClickableItem, WiderButton, TooltipParent],
       props: ({ key, state, parent }) => ({
-        active: state[parent.parent.key] === key,
+        active: state[parent.parent.key] === key.toLowerCase(),
 
         style: {
           '&:hover, &:focus-visible': {
@@ -78,7 +78,7 @@ const ButtonOptions = {
         click: (ev, el, s) => {
           const key = el.parent.parent.key
           const value = el.key.toLowerCase()
-          setCookie(key, value, 3)
+          setCookie(key, value)
           s.update({ [key]: value })
         }
       }

package/src/pages/Init/CreateDocumentTheme.js

@@ -145,16 +145,6 @@ export const CreateDocumentTheme = {
 
       const colorRef = {}
 
-      if (light) {
-        colorRef.light = {
-          key: 'light',
-          title: 'Day',
-          icon: 'sun',
-          color: COLOR[light.color] || light.color || '#000000',
-          background: COLOR[light.background] || light.background || '#FFFFFF'
-        }
-      }
-
       if (dark) {
         colorRef.dark = {
           key: 'dark',
@@ -165,6 +155,16 @@ export const CreateDocumentTheme = {
         }
       }
 
+      if (light) {
+        colorRef.light = {
+          key: 'light',
+          title: 'Day',
+          icon: 'sun',
+          color: COLOR[light.color] || light.color || '#000000',
+          background: COLOR[light.background] || light.background || '#FFFFFF'
+        }
+      }
+
       state.update({
         values: colorRef
       }, { preventUpdate: true, ignoreInitUpdate: true })