Initial commit

Author: tianweiliu

.github/workflows/ci.yml

@@ -0,0 +1,47 @@
+name: ci
+
+on:
+  push:
+    branches: [dev, master]
+  pull_request:
+    branches: [dev]
+
+jobs:
+  build:
+    name: Build & Test
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ["lts/gallium", "lts/hydrogen", "current"]
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+
+      - run: npm ci
+
+      - run: npm run test
+
+      - run: npm run build --if-present
+  lint:
+    name: format and lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - run: npm ci
+
+      - run: npm run format
+
+      - run: npm run lint

.gitignore

@@ -0,0 +1,46 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+pnpm-lock.yaml
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/.swc/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+.idea
+
+/dist
+public/sitemap-0.xml
+src/assets/resources/**/*.json
+
+.vercel
+.env

README.md

@@ -0,0 +1,25 @@
+# ChatDiffusion - An ChatGPT web UI that integrates with variety of online Stable Diffusion services
+
+[![ci](https://github.com/prompt-engineering/chat-diffusion/actions/workflows/ci.yml/badge.svg)](https://github.com/prompt-engineering/chat-diffusion/actions/workflows/ci.yml)
+![GitHub](https://img.shields.io/github/license/prompt-engineering/chat-diffusion)
+[![Discord](https://img.shields.io/discord/1082563233593966612)](https://discord.gg/FSWXq4DmEj)
+
+English | [简体中文](./README.zh-CN.md)
+
+Online Demo:
+
+Join us:
+
+[![Chat Server](https://img.shields.io/badge/chat-discord-7289da.svg)](https://discord.gg/FSWXq4DmEj)
+
+## Only support client-side (browser) call to OpenAI at this moment
+
+## Local Usage
+
+1.  Clone the [ChatDiffusion](https://github.com/prompt-engineering/chat-diffusion) from GitHub.
+2.  Run `npm install`.
+3.  You can now use the application by running `npm run dev`.
+
+## LICENSE
+
+This code is distributed under the MIT license. See [LICENSE](./LICENSE) in this directory.

README.zh-CN.md

@@ -0,0 +1,18 @@
+# ChatDiffusion - 集成了在线 AI 绘画功能的 ChatGPT UI
+
+[![ci](https://github.com/prompt-engineering/chat-diffusion/actions/workflows/ci.yml/badge.svg)](https://github.com/prompt-engineering/chat-diffusion/actions/workflows/ci.yml)
+![GitHub](https://img.shields.io/github/license/prompt-engineering/chat-diffusion)
+
+[English](./README.md) | 简体中文
+
+## 目前仅支持客户端（浏览器）访问 OpenAI，服务器端调用正在开发中
+
+## 本地搭建
+
+1. 从 GitHub 克隆 [ChatVisualNovel](https://github.com/prompt-engineering/chat-diffusion)。
+2. 执行 `npm install`。
+3. 直接运行 `npm run dev` 就可以使用了。
+
+## LICENSE
+
+This code is distributed under the MIT license. See [LICENSE](./LICENSE) in this directory.

docs/CONTRIBUTING.md

@@ -0,0 +1,59 @@
+# Contributor Manual
+
+We welcome contributions of any size and skill level. As an open source project, we believe in giving back to our contributors and are happy to help with guidance on PRs, technical writing, and turning any feature idea into a reality.
+
+> **Tip for new contributors:**
+> Take a look at [https://github.com/firstcontributions/first-contributions](https://github.com/firstcontributions/first-contributions) for helpful information on contributing
+
+## Quick Guide
+
+### Prerequisite
+
+```shell
+node: ">=16.0.0"
+npm: "^8.11.0"
+# otherwise, your build will fail
+```
+
+### Setting up your local repo
+
+```shell
+git clone && cd ...
+npm install
+npm run build
+```
+
+### Development
+
+```shell
+# starts a file-watching, live-reloading dev script for active development
+npm run dev
+# build the entire project, one time.
+npm run build
+```
+
+### Running tests
+
+```shell
+# run this in the top-level project root to run all tests
+npm run test
+```
+
+### Making a Pull Request
+
+You can run the following commands before making a Pull Request
+
+```shell
+# format with fix
+npm run format:fix
+# lint with fix
+npm run lint:fix
+```
+
+## Code Structure
+
+TODO
+
+## Translation
+
+See [i18n guide](TRANSLATING.md)

docs/TRANSLATING.md

@@ -0,0 +1,5 @@
+# 🌐 <abbr title="internationalization">i18n</abbr> Guide
+
+Thanks for your interest in helping us translate ClickPrompt!
+
+TODO

i18n/README.md

@@ -0,0 +1,50 @@
+# i18n files
+
+Inside this folder, the first folder level is locale code such as `en-US`, and in it has A LOT of json files the naming convention is:
+
+- Global data is in the `$.json` file.
+- For specific page data:
+  - index page is corresponding to `_.json` file
+  - other pages just use pathname without trailing slash and locale segment, and replace all `/` with `_`(cause in some filesystem `/` is illegal charactor in pathname). such as `_foo.json` for `/foo/`, `_foo_bar.json` for `/foo/bar/` . I think you get the idea.
+
+# HOW TO USE IN RSC(React server component)
+
+```typescript jsx
+// page.server.tsx
+import { getAppData } from "@/i18n";
+import CSC from "./component.client.tsx";
+
+async function RscFoo() {
+  // ...
+  const { locale, pathname, i18n } = await getAppData();
+  const t = i18n.tFactory("/");
+  // t is a function takes key and give you value in the json file
+  t("title"); // will be "Streamline your prompt design"
+
+  // you can also access global data by
+  const g = i18n.g;
+
+  const i18nProps: GeneralI18nProps = {
+    locale,
+    pathname,
+    i18n: {
+      dict: i18n.dict,
+    },
+  };
+
+  // use i18n in CSC (client side component)
+  return <CSC {...i18nProps} />;
+  // ...
+}
+```
+
+```typescript jsx
+// component.client.tsx
+"use client";
+
+export default function CSC({ i18n }: GeneralI18nProps) {
+  const { dict } = i18n;
+
+  // use dict like plain object here
+}
+```

i18n/en-US/$.json

@@ -0,0 +1 @@
+{}

i18n/en-US/_.json

@@ -0,0 +1,14 @@
+{
+  "select_api_type": "Please select how would you like to access ChatGPT:",
+  "select_api_type_note": "This application currently only support calling OpenAI directly from your browser.\nPlease make sure you can access OpenAI server.\nOpenAI may block users accessing outside of allowed areas.",
+  "client": "Client-side",
+  "server": "Server-side",
+  "openai_api_key": "Use your OpenAI API key:",
+  "huggingface_access_token": "Use your Hugging Face Access Token:",
+  "sign_up": "Sign up for the",
+  "create_new": "Create a new",
+  "copy_paste": "Copy and paste",
+  "go": "Go",
+  "enter_openai_api_key": "Please enter your OpenAI API key.",
+  "enter_huggingface_access_token": "Please enter your Hugging Face access token"
+}

i18n/zh-CN/$.json

@@ -0,0 +1 @@
+{}