fix: error of process is not defined (#146)

* docs: update docs;

* fix: error on opening app-console

Co-authored-by: maslow <[email protected]>

Author: object-kaz

docs/.vitepress/.temp/CNAME

@@ -9,14 +9,10 @@ const NavConfig = [
   { text: '开发指南', link: '/guide/', activeMatch: '^/guide/' },
   { text: '预览图', link: '/screenshots', },
   { text: '在线 Demo', link: '/todo-list', },
-  { text: 'lafyun.com', link: 'https://www.lafyun.com/' },
   {
-    text: '更新记录',
-    link: 'https://github.com/labring/laf/blob/main/CHANGELOG.md'
-  },
-  {
-    text: 'GitHub',
-    link: 'https://github.com/labring/laf'
+    text: '控制台',
+    // target: "_self",
+    link: 'https://console.lafyun.com/'
   }
 ]
 
@@ -168,15 +164,15 @@ const GuideSiderbarConfig = [
 
 export default defineConfig({
   lang: 'zh-CN',
-  title: 'laf 云开发文档',
-  description: 'laf 云开发开发者使用文档',
+  title: 'laf 云开发',
+  description: 'laf 云开发，像写博客一样写函数，随手上线',
 
   themeConfig: {
     logo: '/logo.png',
-    // repo: 'labring/laf',
+    repo: 'labring/laf',
     // docsRepo: 'labring/laf-docs',
     docsBranch: 'main',
-    docsDir: '',
+    docsDir: 'docs',
     editLinks: true,
     editLinkText: '在 GitHub 上编辑此页',
     lastUpdated: '更新于',

docs/.vitepress/.temp/logo.png

@@ -9,60 +9,59 @@ title: 快速开始
 :::
 
 ### 准备工作
-  
-  1. 你需要在 [lafyun.com](https://www.lafyun.com) 上注册一个账户
-  2. 登录到 [lafyun.com](https://www.lafyun.com) 控制台 ，点击左上角的 `新建` 按钮，创建一个空应用
-  3. 待应用成功启动后，点击右侧 「开发」 按钮，进入应用的「开发控制台」，接下来，我们将在「开发控制台」 进行第一个 `laf` 应用的功能开发
+
+1. 你需要在 [lafyun.com](https://console.lafyun.com) 上注册一个账户
+2. 登录到 [lafyun.com 控制台](https://console.lafyun.com)，点击左上角的 `新建` 按钮，创建一个空应用
+3. 待应用成功启动后，点击右侧 「开发」 按钮，进入应用的「开发控制台」，接下来，我们将在「开发控制台」 进行第一个 `laf` 应用的功能开发
 
 ### 编写云函数
 
-本教程会编写两个云函数: 
+本教程会编写两个云函数:
+
 - `register` 处理注册请求
 - `login` 处理登录请求.
 
-
-
-
 #### 用户注册云函数
-  
+
 ::: info
 在「云函数」管理页面，点击 「新建函数」，创建注册云函数 `register`，
 
 点击 `register` 函数右侧的 「开发」按钮，进入 WebIDE，编写以下代码：
 :::
 
 ```ts
-import cloud from '@/cloud-sdk'
-import { createHash } from 'crypto'
+import cloud from "@/cloud-sdk";
+import { createHash } from "crypto";
 
 exports.main = async function (ctx: FunctionContext) {
-  const username = ctx.body?.username || ''
-  const password = ctx.body?.password || ''
+  const username = ctx.body?.username || "";
+  const password = ctx.body?.password || "";
 
   // check param
-  if (!/[a-zA-Z0-9]{3,16}/.test(username)) return { error: 'invalid username' }
-  if (!/[a-zA-Z0-9]{3,16}/.test(password))  return { error: 'invalid password' }
+  if (!/[a-zA-Z0-9]{3,16}/.test(username)) return { error: "invalid username" };
+  if (!/[a-zA-Z0-9]{3,16}/.test(password)) return { error: "invalid password" };
 
   // check username existed
-  const db = cloud.database()
-  const exists = await db.collection('users')
+  const db = cloud.database();
+  const exists = await db
+    .collection("users")
     .where({ username: username })
-    .count()
+    .count();
 
-  if(exists.total > 0) return { error: 'username already existed'}
+  if (exists.total > 0) return { error: "username already existed" };
 
   // add user
-  const { id } = await db.collection('users')
-    .add({
-      username: username,
-      password: createHash('sha256').update(password).digest('hex'),
-      created_at: new Date()
-    })
+  const { id } = await db.collection("users").add({
+    username: username,
+    password: createHash("sha256").update(password).digest("hex"),
+    created_at: new Date(),
+  });
 
-  console.log('user registered: ', id)
-  return { data: id }
-}
+  console.log("user registered: ", id);
+  return { data: id };
+};
 ```
+
 ::: info
 点击右上角的 「显示调试面板」(Ctrl/Cmd + B) 即可调试运行，点击 「保存」 & 「发布」 函数即发布上线！
 :::
@@ -72,49 +71,48 @@ exports.main = async function (ctx: FunctionContext) {
 > 同上，创建 `login` 云函数，编写以下代码：
 
 ```ts
-import cloud from '@/cloud-sdk'
-import { createHash } from 'crypto'
+import cloud from "@/cloud-sdk";
+import { createHash } from "crypto";
 
 exports.main = async function (ctx: FunctionContext) {
-  const username = ctx.body?.username || ''
-  const password = ctx.body?.password || ''
+  const username = ctx.body?.username || "";
+  const password = ctx.body?.password || "";
 
   // check user login
-  const db = cloud.database()
-  const res = await db.collection('users')
+  const db = cloud.database();
+  const res = await db
+    .collection("users")
     .where({
       username: username,
-      password: createHash('sha256').update(password).digest('hex')
+      password: createHash("sha256").update(password).digest("hex"),
     })
-    .getOne()
+    .getOne();
+
+  if (!res.data) return { error: "invalid username or password" };
 
-  if (!res.data)
-    return { error: 'invalid username or password' }
-  
   // generate jwt token
-  const user_id = res.data._id
+  const user_id = res.data._id;
   const payload = {
     uid: user_id,
-    exp: Math.floor(Date.now() / 1000) + 60 * 60 * 24 * 7
-  }
+    exp: Math.floor(Date.now() / 1000) + 60 * 60 * 24 * 7,
+  };
 
-  const access_token = cloud.getToken(payload)
+  const access_token = cloud.getToken(payload);
 
   return {
     uid: res.data._id,
-    access_token: access_token
-  }
-}
+    access_token: access_token,
+  };
+};
 ```
 
 > 点击右上角的 「显示调试面板」(Ctrl/Cmd + B) 即可调试运行，点击 「保存」 & 「发布」 函数即发布上线！
 
-
-
 ### 使用 curl 调用云函数
 
 你可以通过云函数列表页面，查看 & 复制云函数的调用地址，
 或将以下 curl 命令中的 `APPID` 替换成你的 APPID 后执行：
+
 ```bash
 # 注册用户
 curl -X POST -H "Content-Type: application/json" -d '{"username": "admin", "password": "admin"}' https://APPID.lafyun.com/register
@@ -133,47 +131,45 @@ curl -X POST -H "Content-Type: application/json" -d '{"username": "admin", "pass
 npm install laf-client-sdk
 ```
 
-
 ```ts
 // user.ts
 
-import { Cloud } from 'laf-client-sdk'
+import { Cloud } from "laf-client-sdk";
 
-const cloud = new Cloud({ 
+const cloud = new Cloud({
   baseUrl: "https://APPID.lafyun.com",
-  getAccessToken: () => localStorage.getItem('access_token')
-})
+  getAccessToken: () => localStorage.getItem("access_token"),
+});
 
 // regiser function
 export async function register(username: string, password: string) {
-  const res = await cloud.invoke('register', {
+  const res = await cloud.invoke("register", {
     username: username,
-    password: password
-  })
+    password: password,
+  });
 
-  return res
+  return res;
 }
 
 // login function
 export async function login(username: string, password: string) {
-  const res = await cloud.invoke('login', {
+  const res = await cloud.invoke("login", {
     username: username,
-    password: password
-  })
+    password: password,
+  });
 
-  if(res.access_token) {
+  if (res.access_token) {
     // save token
-    localStorage.setItem('access_token', res.access_token)
+    localStorage.setItem("access_token", res.access_token);
   }
 
-  return res
+  return res;
 }
 ```
 
 > 最后，可以在你的 Vue/React/Angular/小程序 页面中调用这两个云函数完成具体的登录注册功能！
 
-
 ### 其他
 
-  - 我们可以在开发控制台，查看云函数的调用日志，在线调试等
-  - 如果调用返回 404，请检查函数名是否拼写错误，或者云函数是否已经发布
+- 我们可以在开发控制台，查看云函数的调用日志，在线调试等
+- 如果调用返回 404，请检查函数名是否拼写错误，或者云函数是否已经发布

docs/.vitepress/.temp/zhuo.png

@@ -24,9 +24,10 @@ features:
 footer: Apache License V2.0 | Copyright © 2021-present labring/laf
 ---
 
-
 ## 🖥 在线体验
 
+::: info
 🎉 [lafyun.com](http://www.lafyun.com) 是 `laf` 的一个在线版，可在免费线体验 `laf` 云开发应用服务！
 
-开发者可免费在 [lafyun.com](http://www.lafyun.com) 上快速创建自己的应用，免除服务器部署和运维工作，立即拥有应用独立域名及 HTTPS 证书，快速上线应用！
+开发者可免费在 [lafyun.com 控制台](http://console.lafyun.com) 上快速创建自己的应用，免除服务器部署和运维工作，立即拥有应用独立域名及 HTTPS 证书，快速上线应用！
+:::

docs/.vitepress/config.js

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.2",
+  "version": "0.8.3",
   "name": "laf-docs",
   "private": true,
   "scripts": {
@@ -13,4 +13,4 @@
   "dependencies": {
     "vitepress": "^0.22.4"
   }
-}
+}

docs/guide/quick-start/index.md

@@ -1,4 +1,4 @@
 # just a flag
 ENV = 'development'
 
-VUE_APP_APP_CONSOLE_URI = 'http://localhost:9528/app-console'
+VITE_APP_CONSOLE_URI = 'http://localhost:9528/app-console'

docs/index.md

@@ -1,4 +1,4 @@
 # just a flag
 ENV = 'production'
 
-VUE_APP_APP_CONSOLE_URI = '/app-console'
+VITE_APP_CONSOLE_URI = '/app-console'

docs/package.json

@@ -8,4 +8,4 @@
     "vue.volar",
     "dbaeumer.vscode-eslint"
   ]
-}
+}

packages/web/.env.development

@@ -24,4 +24,4 @@
       "i18n.global.t('${key}')"
     ]
   }]
-}
+}

packages/web/.env.production

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_CONSOLE_URI: string
+  // 更多环境变量...
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

packages/web/.vscode/extensions.json

@@ -176,7 +176,7 @@ export async function initApplicationWithTemplate(appid, template_id) {
  */
 export async function openAppConsole(app) {
   const base_url = getCurrentBaseURL()
-  const console_uri = process.env.VUE_APP_APP_CONSOLE_URI
+  const console_uri = import.meta.env.VITE_APP_CONSOLE_URI
   const back_url = encodeURIComponent(window.location.href)
 
   let app_console_url = `${console_uri}/#/app/${app.appid}/dashboard/index?$back_url=${back_url}`

packages/web/.vscode/settings.json

@@ -24,4 +24,4 @@
     }
   },
   "exclude": ["dist", "node_modules"]
-}
+}