0.1.2 release

CHANGELOG.md

@@ -14,7 +14,7 @@
 - [packages/detection] Screen detection - determines if selected node should be considered as an screen or not.
 - [packages/detection] Pattern detection - detects the patttern from givven layout (node), finds the pattern from it if exists. (used for List layout detection)
 - [packages/detection] List detection - determines if selected node is a list of specific component, or complex layout.
-- [packages/design-sdk] using design SDK for better capability.
+
 
 
 ### Will be added
@@ -28,6 +28,10 @@
 - [Lint] Primal naming & grouping linting for better code export quality. this is tracked sperately on [lint](https://github.com/bridgedxyz/lint)
 
 
+## [0.1.2] - 2020-10-30
+> Mainly update of quicklook feature. Make your design compiled within few seconds.
+- [packages/design-sdk] using design SDK for better capability.
+[features/quicklook] Newly added.
 
 
 

README.md

@@ -61,7 +61,7 @@ yarn sketch
 
 
 
-![](doc/images/plugin-flutter-example.png)
+![](doc/gifs/quicklook-demo-v002.gif)
 
 
 

figma/src/ui.tsx

@@ -63,28 +63,32 @@ export default function App() {
     console.warn("firebase is disabled. it seems you are contributing to this project!, no worries, other functionalyties will work fine.")
   }
 
-  return (
-    <div>
-      <Tabs value={value} onChange={handleChange} aria-label="primary tab">
-        <Tab label="code" {...a11yProps(0)} />
-        <Tab label="lint" {...a11yProps(1)} />
-        <Tab label="slots" {...a11yProps(2)} />
-        <Tab label="devtool" {...a11yProps(3)} />
-      </Tabs>
-      <TabPanel value={value} index={0}>
-        <CodeScreen />
-      </TabPanel>
-      <TabPanel value={value} index={1}>
-        <LintScreen />
-      </TabPanel>
-      <TabPanel value={value} index={2}>
-        slots
-      </TabPanel>
-      <TabPanel value={value} index={3}>
-        <DevTools />
+  if (process.env.NODE_ENV == "production") {
+    return <CodeScreen />
+  } else {
+    return (
+      <div>
+        <Tabs value={value} onChange={handleChange} aria-label="primary tab">
+          <Tab label="code" {...a11yProps(0)} />
+          <Tab label="lint" {...a11yProps(1)} />
+          <Tab label="slots" {...a11yProps(2)} />
+          <Tab label="devtool" {...a11yProps(3)} />
+        </Tabs>
+        <TabPanel value={value} index={0}>
+          <CodeScreen />
+        </TabPanel>
+        <TabPanel value={value} index={1}>
+          <LintScreen />
+        </TabPanel>
+        <TabPanel value={value} index={2}>
+          slots
       </TabPanel>
-    </div>
-  );
+        <TabPanel value={value} index={3}>
+          <DevTools />
+        </TabPanel>
+      </div>
+    )
+  }
 }