@symbo.ls/fetch 0.0.1 → 2.4.1

package/index.js

@@ -0,0 +1,45 @@
+'use strict'
+
+import { client, fetch } from '@symbo.ls/based'
+
+export const fetchIcon = async (el, s, { icon }) => {
+  await client.observe({
+    $id: icon,
+    $all: true
+  }, (data) => {
+    s.update({ icon: data })
+  })
+}
+
+export const fetchProject = (el, s, { userName, projectId }) => {
+  fetch({
+    $id: projectId,
+    $all: true
+  }, async data => {
+    console.log(data)
+    const { key, name, state, icon, system } = data
+
+    if (system) s.SYSTEM = { ...system }
+    if (state) s.STATE = { ...state }
+
+    s.update({
+      appKey: key,
+      projectName: name,
+      userName,
+      projectId
+    })
+
+    fetchIcon(el, s, { icon })
+  })
+}
+
+export const fetchUser = (el, s) => {
+  fetch({ $id: s.userId, name: true, projects: true }, data => {
+    const { projects } = data
+    const userName = data.name
+    if (projects) {
+      const projectId = projects[0]
+      fetchProject(el, s, { userName, projectId })
+    }
+  })
+}

package/package.json

@@ -1,23 +1,9 @@
 {
   "name": "@symbo.ls/fetch",
-  "version": "0.0.1",
-  "description": "",
-  "source": "src/index.js",
-  "main": "src/index.js",
-  "scripts": {
-    "watch": "parcel watch --no-cache",
-    "build": "parcel build --no-cache"
+  "version": "2.4.1",
+  "main": "index.js",
+  "dependencies": {
+    "@symbo.ls/based": "latest"
   },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {},
-  "devDependencies": {
-    "@babel/core": "^7.11.5",
-    "babel-eslint": "^10.0.3",
-    "eslint": "^6.1.0",
-    "standard": "^13.1.0"
-  },
-  "standard": {
-    "parser": "babel-eslint"
-  }
+  "devDependencies": {}
 }

package/src/index.js

@@ -1,75 +0,0 @@
-'use strict'
-
-export const API_URL = 'https://api.symbols.app/v1/graphql'
-
-export const READ_WAITLIST_USER = (email) => `
-  query {
-    waitlist(where: {email: {_eq: "${email}"}}) {
-      full_name
-      role_id
-      ui_framework_id
-      design_tool_id
-      company_name
-    }
-  }
-`
-
-export const READ_COMPANY = (email) => `
-  query {
-    companies {
-      design_tool_id
-      id
-      name
-      state_json
-      theme_id
-      ui_framework_id
-    }
-  }
-`
-
-export const CREATE_WAITLIST_USER_QUERY = (s) => `
-  mutation {
-    insert_waitlist(objects: {full_name: "${s.full_name}", email: "${s.email}", company_name: "${s.company_name || ''}", role_id: ${s.role_id || null}, ui_framework_id: ${s.ui_framework_id || null}, design_tool_id: ${s.design_tool_id || null}}) {
-      returning {
-        id
-      }
-    }
-  }
-`
-
-export const UPDATE_WAITLIST_USER_QUERY = (id, key, value) => `
-  mutation {
-    update_waitlist(where: {id: {_eq: "${id}"}}, _set: {${key}: "${value}"}) {
-      returning {
-        id
-      }
-    }
-  }
-`
-
-export const fetch = (query, fallback) => {
-  window.fetch(API_URL, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json'
-    },
-    body: JSON.stringify({ query })
-  })
-    .then(r => r.json())
-    .then(data => fallback(data))
-}
-
-export const fetchAuth = async (token, query, fallback) => {
-  window.fetch(API_URL, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${token}`
-    },
-    body: JSON.stringify({ query })
-  })
-    .then(r => r.json())
-    .then(data => fallback(data))
-}