Upload 15 files

# backend.yaml

@@ -0,0 +1,11 @@
+# backend
+cd backend
+python -m venv .venv && source .venv/bin/activate
+pip install -r requirements.txt
+cp .env.example .env  # キーを設定
+uvicorn app.main:app --reload
+
+# frontend
+cd ../frontend
+npm i
+npm run dev

README.md

@@ -1,10 +1,8 @@
----
-title: Sales
-emoji: 📉
-colorFrom: pink
-colorTo: gray
-sdk: docker
-pinned: false
----
+# 営業メール/提案書ジェネレーター（HF + ChatGPT）
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+## 事前準備
+- `backend/.env.example` を `backend/.env` にコピーし、`OPENAI_API_KEY` と `HF_API_KEY` を設定してください。
+
+## ローカル起動（Docker）
+```bash
+docker compose up --build

backend:app:hf_utils.py

@@ -0,0 +1,40 @@
+import httpx
+from .config import settings
+
+HF_API_URL = "https://api-inference.huggingface.co/models"
+
+async def hf_text_classification(model:str,text:str):
+    heders = {"authorization":f"Bearer{settings.hf_api_key}"}
+    async with httpx.AsyncClient(timeout=60) as client:
+        r = await client.post(f"{HF_API__URL}/{model}",headers=headers,json={"inputs":text})
+        r.raise_for_status()
+        return r.json()
+    
+async_def toxicity_score(text:str)->float:
+   try:
+    results = await hf_text_classification(settings.hf_toxic_model,text)
+
+    if isinstance(results,list)and results and isinstance(results[0],list):
+       
+       labels = {d["label"].lower():d["score"]for d in results[0]}
+       return float (label.get("toxic",0.0))
+    elif isinstance(results,list)and results and "label" in results[0]:
+       return float(results[0]["score"])
+   except Exception:
+      pass
+   return 0.0
+
+async def sentiment_polarity(text:str)->float:
+   try:
+      results = await hf_text_classification(settings.hf_sentiment_model)
+
+      if isinstance(results, list)and results and isinstance(result[0],list):
+         labels = {d["label"].upper():d["score"]for d in results[0]}
+         return float(labels.get("POSITIVE",0.0)-labels.get("NEAGATIVE",0.0))
+      elif isinstance(results,list)and results and "label" in results[0]:
+          label = results[0]["label"].upper()
+          score = results[0] ["score"]
+          return score if label == "POSITIVE" else (-score if label == "NEGATIVE" else 0.0)
+    except Exception:
+      pass
+   return 0.0

backend:app:main.py

@@ -0,0 +1,61 @@
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from .schemas import GenerateRequest, EmailResponse, PropasalResponse, LintRequest, LintResponse
+from .prompt_teplates import EMAIL_SYSTEM, EMAIL_USER,PROPOSAL_SYSTEM,PROPOSAL_USER
+from .openai_utils import chat_complete,split_subject_body
+from .hf_utils import toxicity_score, sentiment_polarity
+
+app = FastAPI(title="Salse Writer API", version ="0.1.0")
+
+app.add_middleware(
+    CORMiddleware,
+    allow_origins=["http://localhost:5173"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+@app.get("/health")
+def health():
+    rerutn{"status":"ok"}
+
+@app.post("/generate/email",response_model=EmailResponse)
+async def generate_email(req:GenerateRequest):
+    user_prompt = EMAIL_USER.format(**req.model_dump())
+    raw = chat_complete(EMAIL_SYSTEM,user_prompt)
+    subject,body =split_subject_body(raw)
+
+    tox = await toxicity_score(body)
+    sent = await sentiment_polarity(body)
+    warnings = []
+    if tox > 0.2:
+        warnings.append("トーンが攻撃的/不適切の可能性があります。表現を柔らかくしてください。")
+
+    quality={"toxicity":tox, "sentiment":sent}
+    return EmailResponse(subject=subject,body=body,quality=quality,warnings=warnings)
+
+@app.post("/generate/proposal",response_model=ProposalResponse)
+async def generate_proposal(req:GenerateRequest):
+    user_prompt = PROPOSAL_USER.format(**req.model_dump())
+    text = chat_complete(PROPOSAL_SYSTEM,user_prompt)
+
+    lines=[ln.strip("-• ").strip() for ln in text.splitlines()if ln.strip()]
+    outline = [ ln for ln in lines if not ln.startswith("エグゼクティブサマリー")]
+    summary=""
+    for i,ln in enumerate(lines):
+        if "エグゼクティブサマリー"in ln:
+            summary ="\n".join(lines[i+1:])
+            break
+        return ProposalResponse(outline=outline[:8],exective_summary=summary or "(サマリー抽出に失敗しました)")
+    
+@app.post("/lint", response_model=LintResponse)
+async def lint_text(req:LintRequest):
+    tox =await toxicity_score(req.text)
+    issues=[]
+    if tox > 0.2:
+        issues.append("不適切・攻撃的な表現を含む可能性")
+
+    bad_patterns=["絶対に","必ず儲かる","今だけ","無料で全部"]
+    if any(p in req_text for p in bad_patterns):
+        issues.append("誇大広告とみなされる恐れのある表現")
+        return LintResponse(issues=issues, toxicity=tox)

docker-compose.yml

@@ -0,0 +1,15 @@
+services:
+  api:
+    build: ./backend
+    env_file:
+      - ./backend/.env.example
+    ports:
+      - "8000:8000"
+  web:
+    build: ./frontend
+    environment:
+      - VITE_API_BASE=http://localhost:8000
+    ports:
+      - "5173:5173"
+    depends_on:
+      - api

frontend:Dockerfile

@@ -0,0 +1,7 @@
+FROM node:20-slim
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm install
+COPY . .
+EXPOSE 5173
+CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0"]

frontend:package.json

@@ -0,0 +1,22 @@
+{
+  "name": "sales-writer-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview --port 5173"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.2"
+  }
+}

frontend:scr:components:Field.ts

@@ -0,0 +1,14 @@
+import React from "react";
+
+type Props = React.PropsWithChildren<{
+  label: string;
+}>;
+
+export default function Field({ label, children }: Props) {
+  return (
+    <label style={{ display: "block", marginBottom: 12 }}>
+      <div style={{ fontSize: 12, opacity: 0.8, marginBottom: 6 }}>{label}</div>
+      {children}
+    </label>
+  );
+}

frontend:scr:components:GeneratorForm.tsx

@@ -0,0 +1,103 @@
+import React, { useState } from "react";
+import Field from "./Field";
+import { generateEmail, lintText, GenerateReq } from "@/lib/api";
+
+type Props = {
+  onResult: (r: any) => void;
+};
+
+export default function GeneratorForm({ onResult }: Props) {
+  const [loading, setLoading] = useState(false);
+  const [form, setForm] = useState<GenerateReq>({
+    language: "ja",
+    industry: "ITサービス",
+    target_company: "株式会社○○",
+    target_persona: "情報システム部の部長",
+    pain_points: "SaaS乱立によるコスト・運用負荷増大",
+    value_prop: "運用統合と可視化によりTCOを30%削減",
+    product_name: "Aroundabout Suite",
+    cta: "15分のオンライン面談をご提案",
+    tone: "フォーマルで簡潔",
+    variables: { company: "株式会社○○", person: "山田様" },
+    length_hint: "中",
+    extra_instr: ""
+  });
+
+  const update = (k: keyof GenerateReq) => (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) =>
+    setForm(f => ({ ...f, [k]: e.target.value }));
+
+  async function onSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      const res = await generateEmail({ ...form, variables: form.variables });
+      // 追加の簡易Lint
+      const lint = await lintText(res.body);
+      onResult({ ...res, lint });
+    } catch (err) {
+      onResult({ error: String(err) });
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <form onSubmit={onSubmit} style={{ display: "grid", gap: 12 }}>
+      <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12 }}>
+        <Field label="言語">
+          <select value={form.language} onChange={update("language")}>
+            <option value="ja">日本語</option>
+            <option value="en">English</option>
+          </select>
+        </Field>
+        <Field label="トーン">
+          <input value={form.tone} onChange={update("tone")} />
+        </Field>
+        <Field label="業界">
+          <input value={form.industry} onChange={update("industry")} />
+        </Field>
+        <Field label="相手企業">
+          <input value={form.target_company} onChange={update("target_company")} />
+        </Field>
+        <Field label="担当者ペルソナ">
+          <input value={form.target_persona} onChange={update("target_persona")} />
+        </Field>
+        <Field label="文章ボリューム">
+          <select value={form.length_hint} onChange={update("length_hint")}>
+            <option>短</option><option>中</option><option>長</option>
+          </select>
+        </Field>
+      </div>
+
+      <Field label="相手の課題">
+        <textarea value={form.pain_points} onChange={update("pain_points")} rows={3} />
+      </Field>
+      <Field label="提供価値（成果/差別化）">
+        <textarea value={form.value_prop} onChange={update("value_prop")} rows={3} />
+      </Field>
+      <Field label="製品/サービス名">
+        <input value={form.product_name} onChange={update("product_name")} />
+      </Field>
+      <Field label="CTA（次アクション）">
+        <input value={form.cta} onChange={update("cta")} />
+      </Field>
+      <Field label="追加指示（禁止表現など）">
+        <input value={form.extra_instr ?? ""} onChange={update("extra_instr")} />
+      </Field>
+
+      <button
+        type="submit"
+        disabled={loading}
+        style={{
+          padding: "10px 14px",
+          borderRadius: 12,
+          border: "1px solid #ddd",
+          cursor: "pointer",
+          background: loading ? "#f3f3f3" : "white"
+        }}
+      >
+        {loading ? "生成中..." : "生成する"}
+      </button>
+    </form>
+  );
+}

frontend:scr:lib:api.ts

@@ -0,0 +1,36 @@
+export type GenerateReq = {
+  language: string;
+  industry: string;
+  target_company: string;
+  target_persona: string;
+  pain_points: string;
+  value_prop: string;
+  product_name: string;
+  cta: string;
+  tone: string;
+  variables: Record<string, string>;
+  length_hint: string;
+  extra_instr?: string | null;
+};
+
+const BASE = import.meta.env.VITE_API_BASE ?? "http://localhost:8000";
+
+export async function generateEmail(payload: GenerateReq) {
+  const r = await fetch(`${BASE}/generate/email`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(payload),
+  });
+  if (!r.ok) throw new Error(await r.text());
+  return r.json();
+}
+
+export async function lintText(text: string) {
+  const r = await fetch(`${BASE}/lint`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ text }),
+  });
+  if (!r.ok) throw new Error(await r.text());
+  return r.json();
+}

frontend:src:App.tsx

@@ -0,0 +1,21 @@
+import React, { useState } from "react";
+import GeneratorForm from "./components/GeneratorForm";
+import OutputPanel from "./components/OutputPanel";
+
+export default function App() {
+  const [data, setData] = useState<any | null>(null);
+
+  return (
+    <div style={{ maxWidth: 980, margin: "0 auto", padding: 24 }}>
+      <header style={{ marginBottom: 18 }}>
+        <h1 style={{ margin: 0 }}>営業メール / 提案書ジェネレーター</h1>
+        <div style={{ opacity: 0.7 }}>Hugging Face + ChatGPT（API連携MVP）</div>
+      </header>
+      <GeneratorForm onResult={setData} />
+      <OutputPanel data={data} />
+      <footer style={{ marginTop: 24, fontSize: 12, opacity: 0.6 }}>
+        ※入力内容は生成のみに使用されます。保存は行いません（デモ設定）。
+      </footer>
+    </div>
+  );
+}

frontend:src:components:OutputPanel.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+
+type Props = {
+  data: any | null;
+};
+
+export default function OutputPanel({ data }: Props) {
+  if (!data) return null;
+  if (data.error) return <div style={{ color: "crimson" }}>Error: {data.error}</div>;
+
+  return (
+    <div style={{ marginTop: 16, padding: 16, border: "1px solid #eee", borderRadius: 12 }}>
+      <h3 style={{ marginTop: 0 }}>結果</h3>
+      <div><strong>件名:</strong> {data.subject}</div>
+      <div style={{ whiteSpace: "pre-wrap", marginTop: 8 }}>{data.body}</div>
+      <div style={{ marginTop: 12, opacity: 0.8 }}>
+        <div>toxicity: {data.quality?.toxicity?.toFixed?.(3)}</div>
+        <div>sentiment: {data.quality?.sentiment?.toFixed?.(3)}</div>
+        {data.warnings?.length ? (
+          <ul>{data.warnings.map((w: string, i: number) => <li key={i}>{w}</li>)}</ul>
+        ) : null}
+        {data.lint?.issues?.length ? (
+          <>
+            <div style={{ marginTop: 8 }}><strong>Lint:</strong></div>
+            <ul>{data.lint.issues.map((w: string, i: number) => <li key={i}>{w}</li>)}</ul>
+          </>
+        ) : null}
+      </div>
+    </div>
+  );
+}

frontend:src:main.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+createRoot(document.getElementById("root")!).render(<App />);

frontend:tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "baseUrl": ".",
+    "paths": { "@/*": ["src/*"] }
+  },
+  "include": ["src"]
+}

frontend:vite.cofig.ts

@@ -0,0 +1,7 @@
+import{defineConfig}from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+    plugins:[react()],
+    server:{port:5173},
+});