Merge branch 'staging' of https://github.com/gridaco/assistant into staging

Author: You-J

README.md

@@ -50,7 +50,8 @@ yarn figma
 yarn sketch
 
 # [OPTIONAL 3 & Contributors only] run plugin ui in webdev mode
-yarn webdev
+yarn web
+# visit http://localhost:3000/init-webdev to work on browser
 ```
 
 _soon as the subpackages are released as stable, we will remove git submodule dependency for ease of use. until then, this will be the primary repository and all the edits and PRs will be caused by this project._ - [Learn more here](https://github.com/bridgedxyz/.github/blob/main/contributing/working-with-submodules.md)

app/lib/components/icons-loader.tsx

@@ -223,7 +223,7 @@ function filterIcons(
       return [k, item];
     })
     .filter((k) => k !== undefined);
-  console.log("default icons", defaultIcons.length);
+  console.log("default icons loaded", defaultIcons.length);
   return defaultIcons;
 }
 
@@ -278,7 +278,6 @@ function IconItem(props: { name: string; config: IconConfig }) {
 
   const onClick = () => {
     _onUserLoadIconToCanvas();
-    console.log("icon", name, "clicked");
     loadData().then((d) => {
       parent.postMessage(
         {

app/lib/main/index.tsx

@@ -307,9 +307,6 @@ function _update_focused_screen_ev(screen: WorkScreen) {
     },
     "*"
   );
-  console.log(
-    `sending back thread about changed screen (user interest) data - "${screen}"`
-  );
 }
 
 const Wrapper = styled.div`

app/lib/pages/code/footer-action/next-upload-button.tsx

@@ -4,13 +4,16 @@ import { BlackButton } from "../../../components/style/global-style";
 import { registerScene } from "../../../scene-view";
 import { PluginSdk } from "@plugin-sdk/app";
 import type { IReflectNodeReference } from "@design-sdk/core/nodes/lignt";
+import { isAuthenticated } from "../../../auth";
+import { useHistory } from "react-router-dom";
 
 export function NextUploadButton(props: {
   disabled?: boolean;
   scene?: IReflectNodeReference;
   app?: any;
 }) {
   const [isLoading, setIsLoading] = useState(false);
+  const history = useHistory();
 
   const register = async () => {
     setIsLoading(true);
@@ -23,7 +26,6 @@ export function NextUploadButton(props: {
     });
 
     const rawNode = await PluginSdk.getNode(props.scene.id);
-    console.log("rawNode", rawNode);
 
     // register with all data
     return await registerScene({
@@ -39,27 +41,36 @@ export function NextUploadButton(props: {
       },
     });
   };
+
+  const onNextClick = async () => {
+    const authenticated = await isAuthenticated();
+    if (!authenticated) {
+      PluginSdk.notify("Let's Sign in first");
+      history.push("/signin");
+      return;
+    }
+
+    // if authenticated, we can procceed to next step finally. ;)
+    register()
+      .then((d) => {
+        open(buildOpenUrlForRegisteredScene(d.id));
+      })
+      .catch((e) => {
+        console.error("error while registering scene", e);
+        PluginSdk.notify(
+          "Oops. something went wrong. pplease try again. ;)",
+          3
+        );
+      })
+      .finally(() => {
+        setIsLoading(false);
+      });
+  };
+
   return (
     <NextStepButton
       disabled={props.disabled || isLoading}
-      onClick={() => {
-        register()
-          .then((d) => {
-            open(buildOpenUrlForRegisteredScene(d.id));
-          })
-          .catch((e) => {
-            console.error("error while registering scene", e);
-            PluginSdk.notify(
-              "Oops. something went wrong. pplease try again. ;)",
-              3
-            );
-          })
-          .finally(() => {
-            setIsLoading(false);
-          });
-        // upload
-        // TODO: the button component should be passed from outer side.
-      }}
+      onClick={onNextClick}
     >
       Next
     </NextStepButton>
@@ -73,7 +84,7 @@ function buildOpenUrlForRegisteredScene(sceneId: string) {
 const NextStepButton = styled.button`
   ${BlackButton}
   /* 2/3 size. 12 is wrapper padding  */
-  width: calc(66.666% - 12px);
+  width: calc(66.666% - 12px); /* FIXME: stupid! */
 
   &:hover {
     color: #fff;

app/lib/pages/component-view/component-view-screen.tsx

@@ -34,14 +34,12 @@ export function ComponentViewScreen() {
     // 2. check if selected layer is a component or an instance.
     // TODO
 
-    console.log("ComponentViewScreen's target node id", selection.id);
     // 3. find if data to display exists on a master component.
     PluginSdk.fetchMainComponentMetadata({
       id: selection.id,
       namespace: ASSISTANT_PLUGIN_NAMESPACE__NOCHANGE,
       key: "component-meta-data",
     }).then((d) => {
-      console.log(`component-meta-data is`, d);
       setData(d);
     });
   }

app/lib/pages/g11n-screen.tsx

@@ -64,7 +64,6 @@ export class GlobalizationScreen extends React.Component<any, State> {
 
   async startCloud() {
     const hosted = await repo_assets.ImageHostingRepository.hostImages();
-    console.log(hosted);
 
     const scene = this.state.vanilla.scene;
     const transport = this.state.vanilla;

app/lib/pages/tool-box/batch-meta-editor/index.tsx

@@ -97,15 +97,13 @@ function FetchMetaDataViaKey() {
     const type = ev.data?.pluginMessage?.type;
     if (type == "__response__") {
       const data = ev.data?.pluginMessage?.data;
-      console.log("pingpong", data);
       setResponse(data);
     }
   });
 
   const [response, setResponse] = useState<any>(undefined);
   const [key, setKey] = useState("");
   const handleOnSearchClick = () => {
-    console.log(`searching with ey ${key}.`);
     PluginSdk.fetchRootMetadata(key);
   };
   return (

app/lib/pages/tool-box/exporter/vanilla-exporter.tsx

@@ -46,7 +46,6 @@ export class VanillaExporter extends React.Component<any, State> {
             vanilla: msg.data as VanillaSceneTransport,
           };
         });
-        console.log("vanilla transport receiced from view", msg.data);
         break;
 
       case EK_IMAGE_ASSET_REPOSITORY_MAP:

app/lib/pages/tool-box/font-replacer/index.tsx

@@ -4,8 +4,6 @@ import { EK_REPLACE_FONT } from "../../../constants/ek.constant";
 
 export function FontReplacerScreen() {
   function onReplaceFontClick() {
-    console.log("onReplaceFontClick");
-
     parent.postMessage(
       {
         pluginMessage: {

app/lib/pages/tool-box/meta-editor/index.tsx

@@ -133,7 +133,6 @@ function MetaDataDisplayForm(props: {
   const handleSaveClick = () => {
     repo.update(data);
     setData(data);
-    console.log("value updated", data);
   };
 
   const schema = DefaultComponentMetaDataSchema;