@@ -36,3 +36,5 @@ | |||||
/config/database.yml | /config/database.yml | ||||
/config/credentials/production.key | /config/credentials/production.key | ||||
/wiki |
@@ -55,3 +55,5 @@ gem "mysql2", "~> 0.5.6" | |||||
gem "image_processing", "~> 1.14" | gem "image_processing", "~> 1.14" | ||||
gem "nokogiri", "~> 1.18" | gem "nokogiri", "~> 1.18" | ||||
gem 'gollum' |
@@ -100,8 +100,41 @@ GEM | |||||
ffi (1.17.2-x86_64-darwin) | ffi (1.17.2-x86_64-darwin) | ||||
ffi (1.17.2-x86_64-linux-gnu) | ffi (1.17.2-x86_64-linux-gnu) | ||||
ffi (1.17.2-x86_64-linux-musl) | ffi (1.17.2-x86_64-linux-musl) | ||||
gemojione (4.3.3) | |||||
json | |||||
github-markup (4.0.2) | |||||
globalid (1.2.1) | globalid (1.2.1) | ||||
activesupport (>= 6.1) | activesupport (>= 6.1) | ||||
gollum (6.1.0) | |||||
gemojione (~> 4.1) | |||||
gollum-lib (~> 6.0) | |||||
i18n (~> 1.8) | |||||
kramdown (~> 2.3) | |||||
kramdown-parser-gfm (~> 1.1.0) | |||||
mustache-sinatra (~> 2.0) | |||||
octicons (~> 19.0) | |||||
rack (>= 3.0) | |||||
rackup (~> 2.1) | |||||
rdoc (~> 6) | |||||
rss (~> 0.3) | |||||
sinatra (~> 4.0) | |||||
sinatra-contrib (~> 4.0) | |||||
sprockets (~> 4.1) | |||||
sprockets-helpers (~> 1.2) | |||||
therubyrhino (~> 2.1.0) | |||||
useragent (~> 0.16.2) | |||||
webrick (~> 1.7) | |||||
gollum-lib (6.0) | |||||
gemojione (~> 4.1) | |||||
github-markup (~> 4.0) | |||||
gollum-rugged_adapter (~> 3.0) | |||||
loofah (~> 2.3) | |||||
nokogiri (~> 1.8) | |||||
rouge (~> 3.1) | |||||
twitter-text (= 1.14.7) | |||||
gollum-rugged_adapter (3.0) | |||||
mime-types (~> 3.4) | |||||
rugged (~> 1.5) | |||||
i18n (1.14.7) | i18n (1.14.7) | ||||
concurrent-ruby (~> 1.0) | concurrent-ruby (~> 1.0) | ||||
image_processing (1.14.0) | image_processing (1.14.0) | ||||
@@ -126,6 +159,10 @@ GEM | |||||
sshkit (>= 1.23.0, < 2.0) | sshkit (>= 1.23.0, < 2.0) | ||||
thor (~> 1.3) | thor (~> 1.3) | ||||
zeitwerk (>= 2.6.18, < 3.0) | zeitwerk (>= 2.6.18, < 3.0) | ||||
kramdown (2.5.1) | |||||
rexml (>= 3.3.9) | |||||
kramdown-parser-gfm (1.1.0) | |||||
kramdown (~> 2.0) | |||||
language_server-protocol (3.17.0.5) | language_server-protocol (3.17.0.5) | ||||
lint_roller (1.1.0) | lint_roller (1.1.0) | ||||
logger (1.7.0) | logger (1.7.0) | ||||
@@ -138,12 +175,22 @@ GEM | |||||
net-pop | net-pop | ||||
net-smtp | net-smtp | ||||
marcel (1.0.4) | marcel (1.0.4) | ||||
mime-types (3.7.0) | |||||
logger | |||||
mime-types-data (~> 3.2025, >= 3.2025.0507) | |||||
mime-types-data (3.2025.0603) | |||||
mini_magick (5.2.0) | mini_magick (5.2.0) | ||||
benchmark | benchmark | ||||
logger | logger | ||||
mini_mime (1.1.5) | mini_mime (1.1.5) | ||||
minitest (5.25.5) | minitest (5.25.5) | ||||
msgpack (1.8.0) | msgpack (1.8.0) | ||||
multi_json (1.15.0) | |||||
mustache (1.1.1) | |||||
mustache-sinatra (2.0.0) | |||||
mustache (~> 1.0) | |||||
mustermann (3.0.3) | |||||
ruby2_keywords (~> 0.0.1) | |||||
mysql2 (0.5.6) | mysql2 (0.5.6) | ||||
net-imap (0.5.8) | net-imap (0.5.8) | ||||
date | date | ||||
@@ -176,6 +223,7 @@ GEM | |||||
racc (~> 1.4) | racc (~> 1.4) | ||||
nokogiri (1.18.8-x86_64-linux-musl) | nokogiri (1.18.8-x86_64-linux-musl) | ||||
racc (~> 1.4) | racc (~> 1.4) | ||||
octicons (19.15.2) | |||||
ostruct (0.6.1) | ostruct (0.6.1) | ||||
parallel (1.27.0) | parallel (1.27.0) | ||||
parser (3.3.8.0) | parser (3.3.8.0) | ||||
@@ -194,6 +242,10 @@ GEM | |||||
rack (3.1.14) | rack (3.1.14) | ||||
rack-cors (2.0.2) | rack-cors (2.0.2) | ||||
rack (>= 2.0.0) | rack (>= 2.0.0) | ||||
rack-protection (4.1.1) | |||||
base64 (>= 0.1.0) | |||||
logger (>= 1.6.0) | |||||
rack (>= 3.0.0, < 4) | |||||
rack-session (2.1.1) | rack-session (2.1.1) | ||||
base64 (>= 0.1.0) | base64 (>= 0.1.0) | ||||
rack (>= 3.0.0) | rack (>= 3.0.0) | ||||
@@ -237,6 +289,10 @@ GEM | |||||
regexp_parser (2.10.0) | regexp_parser (2.10.0) | ||||
reline (0.6.1) | reline (0.6.1) | ||||
io-console (~> 0.5) | io-console (~> 0.5) | ||||
rexml (3.4.1) | |||||
rouge (3.30.0) | |||||
rss (0.3.1) | |||||
rexml | |||||
rubocop (1.75.6) | rubocop (1.75.6) | ||||
json (~> 2.3) | json (~> 2.3) | ||||
language_server-protocol (~> 3.17.0.2) | language_server-protocol (~> 3.17.0.2) | ||||
@@ -269,11 +325,28 @@ GEM | |||||
ruby-vips (2.2.3) | ruby-vips (2.2.3) | ||||
ffi (~> 1.12) | ffi (~> 1.12) | ||||
logger | logger | ||||
ruby2_keywords (0.0.5) | |||||
rugged (1.9.0) | |||||
securerandom (0.4.1) | securerandom (0.4.1) | ||||
sinatra (4.1.1) | |||||
logger (>= 1.6.0) | |||||
mustermann (~> 3.0) | |||||
rack (>= 3.0.0, < 4) | |||||
rack-protection (= 4.1.1) | |||||
rack-session (>= 2.0.0, < 3) | |||||
tilt (~> 2.0) | |||||
sinatra-contrib (4.1.1) | |||||
multi_json (>= 0.0.2) | |||||
mustermann (~> 3.0) | |||||
rack-protection (= 4.1.1) | |||||
sinatra (= 4.1.1) | |||||
tilt (~> 2.0) | |||||
sprockets (4.2.2) | sprockets (4.2.2) | ||||
concurrent-ruby (~> 1.0) | concurrent-ruby (~> 1.0) | ||||
logger | logger | ||||
rack (>= 2.2.4, < 4) | rack (>= 2.2.4, < 4) | ||||
sprockets-helpers (1.4.0) | |||||
sprockets (>= 2.2) | |||||
sprockets-rails (3.5.2) | sprockets-rails (3.5.2) | ||||
actionpack (>= 6.1) | actionpack (>= 6.1) | ||||
activesupport (>= 6.1) | activesupport (>= 6.1) | ||||
@@ -294,20 +367,30 @@ GEM | |||||
net-ssh (>= 2.8.0) | net-ssh (>= 2.8.0) | ||||
ostruct | ostruct | ||||
stringio (3.1.7) | stringio (3.1.7) | ||||
therubyrhino (2.1.2) | |||||
therubyrhino_jar (>= 1.7.4, < 1.7.9) | |||||
therubyrhino_jar (1.7.8) | |||||
thor (1.3.2) | thor (1.3.2) | ||||
thruster (0.1.13) | thruster (0.1.13) | ||||
thruster (0.1.13-aarch64-linux) | thruster (0.1.13-aarch64-linux) | ||||
thruster (0.1.13-arm64-darwin) | thruster (0.1.13-arm64-darwin) | ||||
thruster (0.1.13-x86_64-darwin) | thruster (0.1.13-x86_64-darwin) | ||||
thruster (0.1.13-x86_64-linux) | thruster (0.1.13-x86_64-linux) | ||||
tilt (2.6.0) | |||||
timeout (0.4.3) | timeout (0.4.3) | ||||
twitter-text (1.14.7) | |||||
unf (~> 0.1.0) | |||||
tzinfo (2.0.6) | tzinfo (2.0.6) | ||||
concurrent-ruby (~> 1.0) | concurrent-ruby (~> 1.0) | ||||
unf (0.1.4) | |||||
unf_ext | |||||
unf_ext (0.0.9.1) | |||||
unicode-display_width (3.1.4) | unicode-display_width (3.1.4) | ||||
unicode-emoji (~> 4.0, >= 4.0.4) | unicode-emoji (~> 4.0, >= 4.0.4) | ||||
unicode-emoji (4.0.4) | unicode-emoji (4.0.4) | ||||
uri (1.0.3) | uri (1.0.3) | ||||
useragent (0.16.11) | useragent (0.16.11) | ||||
webrick (1.9.1) | |||||
websocket-driver (0.7.7) | websocket-driver (0.7.7) | ||||
base64 | base64 | ||||
websocket-extensions (>= 0.1.0) | websocket-extensions (>= 0.1.0) | ||||
@@ -329,6 +412,7 @@ PLATFORMS | |||||
DEPENDENCIES | DEPENDENCIES | ||||
bootsnap | bootsnap | ||||
brakeman | brakeman | ||||
gollum | |||||
image_processing (~> 1.14) | image_processing (~> 1.14) | ||||
jwt | jwt | ||||
kamal | kamal | ||||
@@ -0,0 +1,31 @@ | |||||
require 'net/http' | |||||
require 'uri' | |||||
class WikiProxyController < ApplicationController | |||||
def edit | |||||
tag = params[:tag] | |||||
uri = "http://localhost:4567/gollum/edit/#{ URI.encode_www_form_component(tag) }" | |||||
begin | |||||
res = fetch_with_redirect(uri) | |||||
render html: res.body.html_safe, content_type: res.content_type | |||||
rescue => e | |||||
render plain: "Wiki システムとの通信に失敗しました:#{ e.message }", status: 502 | |||||
end | |||||
end | |||||
private | |||||
def fetch_with_redirect uri_str, limit = 5 | |||||
raise 'Too many redirects' if limit == 0 | |||||
uri = URI.parse(uri_str) | |||||
res = Net::HTTP.get_response(uri) | |||||
if res.is_a? Net::HTTPRedirection | |||||
location = res['location'] | |||||
fetch_with_redirect(location, limit - 1) | |||||
else | |||||
res | |||||
end | |||||
end | |||||
end |
@@ -54,6 +54,7 @@ Rails.application.routes.draw do | |||||
get "ip_addresses/destroy" | get "ip_addresses/destroy" | ||||
get 'preview/title', to: 'preview#title' | get 'preview/title', to: 'preview#title' | ||||
get 'preview/thumbnail', to: 'preview#thumbnail' | get 'preview/thumbnail', to: 'preview#thumbnail' | ||||
get '/wiki/edit/:tag', to: 'wiki_proxy#edit' | |||||
root 'home#index' | root 'home#index' | ||||
resources :posts | resources :posts | ||||
@@ -17,8 +17,10 @@ | |||||
"clsx": "^2.1.1", | "clsx": "^2.1.1", | ||||
"humps": "^2.0.1", | "humps": "^2.0.1", | ||||
"lucide-react": "^0.511.0", | "lucide-react": "^0.511.0", | ||||
"marked": "^15.0.12", | |||||
"react": "^19.1.0", | "react": "^19.1.0", | ||||
"react-dom": "^19.1.0", | "react-dom": "^19.1.0", | ||||
"react-markdown-editor-lite": "^1.3.4", | |||||
"react-router-dom": "^6.30.0", | "react-router-dom": "^6.30.0", | ||||
"tailwind-merge": "^3.3.0" | "tailwind-merge": "^3.3.0" | ||||
}, | }, | ||||
@@ -292,6 +294,15 @@ | |||||
"@babel/core": "^7.0.0-0" | "@babel/core": "^7.0.0-0" | ||||
} | } | ||||
}, | }, | ||||
"node_modules/@babel/runtime": { | |||||
"version": "7.27.6", | |||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz", | |||||
"integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==", | |||||
"license": "MIT", | |||||
"engines": { | |||||
"node": ">=6.9.0" | |||||
} | |||||
}, | |||||
"node_modules/@babel/template": { | "node_modules/@babel/template": { | ||||
"version": "7.27.2", | "version": "7.27.2", | ||||
"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz", | "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz", | ||||
@@ -1957,7 +1968,7 @@ | |||||
"version": "19.1.4", | "version": "19.1.4", | ||||
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.4.tgz", | "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.4.tgz", | ||||
"integrity": "sha512-EB1yiiYdvySuIITtD5lhW4yPyJ31RkJkkDw794LaQYrxCSaQV/47y5o1FMC4zF9ZyjUjzJMZwbovEnT5yHTW6g==", | "integrity": "sha512-EB1yiiYdvySuIITtD5lhW4yPyJ31RkJkkDw794LaQYrxCSaQV/47y5o1FMC4zF9ZyjUjzJMZwbovEnT5yHTW6g==", | ||||
"devOptional": true, | |||||
"dev": true, | |||||
"license": "MIT", | "license": "MIT", | ||||
"dependencies": { | "dependencies": { | ||||
"csstype": "^3.0.2" | "csstype": "^3.0.2" | ||||
@@ -1967,7 +1978,7 @@ | |||||
"version": "19.1.5", | "version": "19.1.5", | ||||
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.5.tgz", | "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.5.tgz", | ||||
"integrity": "sha512-CMCjrWucUBZvohgZxkjd6S9h0nZxXjzus6yDfUb+xLxYM7VvjKNH1tQrE9GWLql1XoOP4/Ds3bwFqShHUYraGg==", | "integrity": "sha512-CMCjrWucUBZvohgZxkjd6S9h0nZxXjzus6yDfUb+xLxYM7VvjKNH1tQrE9GWLql1XoOP4/Ds3bwFqShHUYraGg==", | ||||
"devOptional": true, | |||||
"dev": true, | |||||
"license": "MIT", | "license": "MIT", | ||||
"peerDependencies": { | "peerDependencies": { | ||||
"@types/react": "^19.0.0" | "@types/react": "^19.0.0" | ||||
@@ -2614,6 +2625,12 @@ | |||||
"url": "https://polar.sh/cva" | "url": "https://polar.sh/cva" | ||||
} | } | ||||
}, | }, | ||||
"node_modules/classnames": { | |||||
"version": "2.5.1", | |||||
"resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz", | |||||
"integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==", | |||||
"license": "MIT" | |||||
}, | |||||
"node_modules/clsx": { | "node_modules/clsx": { | ||||
"version": "2.1.1", | "version": "2.1.1", | ||||
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", | "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", | ||||
@@ -2711,7 +2728,7 @@ | |||||
"version": "3.1.3", | "version": "3.1.3", | ||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", | "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", | ||||
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", | "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", | ||||
"devOptional": true, | |||||
"dev": true, | |||||
"license": "MIT" | "license": "MIT" | ||||
}, | }, | ||||
"node_modules/debug": { | "node_modules/debug": { | ||||
@@ -3090,6 +3107,12 @@ | |||||
"node": ">=0.10.0" | "node": ">=0.10.0" | ||||
} | } | ||||
}, | }, | ||||
"node_modules/eventemitter3": { | |||||
"version": "4.0.7", | |||||
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", | |||||
"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", | |||||
"license": "MIT" | |||||
}, | |||||
"node_modules/fast-deep-equal": { | "node_modules/fast-deep-equal": { | ||||
"version": "3.1.3", | "version": "3.1.3", | ||||
"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", | "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", | ||||
@@ -3800,6 +3823,18 @@ | |||||
"react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" | "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" | ||||
} | } | ||||
}, | }, | ||||
"node_modules/marked": { | |||||
"version": "15.0.12", | |||||
"resolved": "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz", | |||||
"integrity": "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==", | |||||
"license": "MIT", | |||||
"bin": { | |||||
"marked": "bin/marked.js" | |||||
}, | |||||
"engines": { | |||||
"node": ">= 18" | |||||
} | |||||
}, | |||||
"node_modules/math-intrinsics": { | "node_modules/math-intrinsics": { | ||||
"version": "1.1.0", | "version": "1.1.0", | ||||
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", | "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", | ||||
@@ -4361,6 +4396,21 @@ | |||||
"react": "^19.1.0" | "react": "^19.1.0" | ||||
} | } | ||||
}, | }, | ||||
"node_modules/react-markdown-editor-lite": { | |||||
"version": "1.3.4", | |||||
"resolved": "https://registry.npmjs.org/react-markdown-editor-lite/-/react-markdown-editor-lite-1.3.4.tgz", | |||||
"integrity": "sha512-PhS4HzLzSgCsr8O9CfJX75nAYmZ0NwpfviLxARlT0Tau+APOerDSHSw3u9hub5wd0EqmonWibw0vhXXNu4ldRA==", | |||||
"license": "MIT", | |||||
"dependencies": { | |||||
"@babel/runtime": "^7.6.2", | |||||
"classnames": "^2.2.6", | |||||
"eventemitter3": "^4.0.0", | |||||
"uuid": "^8.3.2" | |||||
}, | |||||
"peerDependencies": { | |||||
"react": "^16.9.0 || ^17.0.0 || ^18.0.0" | |||||
} | |||||
}, | |||||
"node_modules/react-refresh": { | "node_modules/react-refresh": { | ||||
"version": "0.17.0", | "version": "0.17.0", | ||||
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", | "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz", | ||||
@@ -5125,6 +5175,15 @@ | |||||
"dev": true, | "dev": true, | ||||
"license": "MIT" | "license": "MIT" | ||||
}, | }, | ||||
"node_modules/uuid": { | |||||
"version": "8.3.2", | |||||
"resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz", | |||||
"integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", | |||||
"license": "MIT", | |||||
"bin": { | |||||
"uuid": "dist/bin/uuid" | |||||
} | |||||
}, | |||||
"node_modules/vite": { | "node_modules/vite": { | ||||
"version": "6.3.5", | "version": "6.3.5", | ||||
"resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz", | "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz", | ||||
@@ -18,8 +18,10 @@ | |||||
"clsx": "^2.1.1", | "clsx": "^2.1.1", | ||||
"humps": "^2.0.1", | "humps": "^2.0.1", | ||||
"lucide-react": "^0.511.0", | "lucide-react": "^0.511.0", | ||||
"marked": "^15.0.12", | |||||
"react": "^19.1.0", | "react": "^19.1.0", | ||||
"react-dom": "^19.1.0", | "react-dom": "^19.1.0", | ||||
"react-markdown-editor-lite": "^1.3.4", | |||||
"react-router-dom": "^6.30.0", | "react-router-dom": "^6.30.0", | ||||
"tailwind-merge": "^3.3.0" | "tailwind-merge": "^3.3.0" | ||||
}, | }, | ||||
@@ -7,6 +7,7 @@ import TagSidebar from './components/TagSidebar' | |||||
import PostPage from './pages/PostPage' | import PostPage from './pages/PostPage' | ||||
import PostNewPage from './pages/PostNewPage' | import PostNewPage from './pages/PostNewPage' | ||||
import PostDetailPage from './pages/PostDetailPage' | import PostDetailPage from './pages/PostDetailPage' | ||||
import WikiEditPage from './pages/WikiEditPage' | |||||
import { API_BASE_URL } from './config' | import { API_BASE_URL } from './config' | ||||
import axios from 'axios' | import axios from 'axios' | ||||
import { Toaster } from '@/components/ui/toaster' | import { Toaster } from '@/components/ui/toaster' | ||||
@@ -76,6 +77,7 @@ const App = () => { | |||||
<Route path="/posts/new" element={<PostNewPage />} /> | <Route path="/posts/new" element={<PostNewPage />} /> | ||||
<Route path="/posts/:id" element={<PostDetailPage posts={posts} setPosts={setPosts} />} /> | <Route path="/posts/:id" element={<PostDetailPage posts={posts} setPosts={setPosts} />} /> | ||||
<Route path="/tags/:tag" element={<TagPage />} /> | <Route path="/tags/:tag" element={<TagPage />} /> | ||||
<Route path="/wiki/:name" element={<WikiEditPage />} /> | |||||
</Routes> | </Routes> | ||||
</main> | </main> | ||||
</div> | </div> | ||||
@@ -0,0 +1,40 @@ | |||||
import { useParams } from 'react-router-dom' | |||||
import { useEffect, useState } from 'react' | |||||
import axios from 'axios' | |||||
const WikiEditPage = () => { | |||||
const { name } = useParams<{ name: string }> () | |||||
const [html, setHtml] = useState('') | |||||
const [loading, setLoading] = useState(true) | |||||
useEffect(() => { | |||||
const link = document.createElement('link') | |||||
link.rel = 'stylesheet' | |||||
link.href = '/wiki/custom.css' // Gollum の静的 CSS にアクセスできるようにしとく | |||||
document.head.appendChild(link) | |||||
return () => { | |||||
document.head.removeChild(link) | |||||
} | |||||
}, []) | |||||
useEffect(() => { | |||||
setLoading(true) | |||||
axios | |||||
.get(`/api/wiki/edit/${encodeURIComponent(name)}`, { | |||||
headers: { 'X-Transfer-Code': localStorage.getItem('user_code') || '' } | |||||
}) | |||||
.then((res) => setHtml(res.data)) | |||||
.finally(() => setLoading(false)) | |||||
}, [name]) | |||||
return loading ? ( | |||||
<p>読み込み中...</p> | |||||
) : ( | |||||
<div dangerouslySetInnerHTML={{ __html: html }} /> | |||||
) | |||||
} | |||||
export default WikiEditPage |