Work around a difficult lifetime interaction between closures and async blocks.

Key changes:
* `find plume-models -name '*.rs' -exec sed -i -e 's/&PlumeRocket/\&mut PlumeRocket/' '{}' \;`
* Remove `let conn = &*rockets.conn;` lines
* Change `conn` to `&mut *rockets.conn` where `conn` was used

.cargo/config.toml

@@ -1,10 +0,0 @@
-[target.wasm32-unknown-unknown]
-# required for clippy
-rustflags = [
-  "--cfg", "web_sys_unstable_apis",
-]
-
-[target.x86_64-unknown-linux-gnu]
-rustflags = [
-  "--cfg", "web_sys_unstable_apis",
-]

.circleci/config.yml

@@ -10,7 +10,7 @@ executors:
         type: boolean
         default: false
     docker:
-    - image: plumeorg/plume-buildenv:v0.4.0
+    - image: plumeorg/plume-buildenv:v0.0.9
     - image: <<#parameters.postgres>>circleci/postgres:9.6-alpine<</parameters.postgres>><<^parameters.postgres>>alpine:latest<</parameters.postgres>>
       environment:
         POSTGRES_USER: postgres
@@ -21,7 +21,6 @@ executors:
       RUST_TEST_THREADS: 1
       FEATURES: <<#parameters.postgres>>postgres<</ parameters.postgres>><<^parameters.postgres>>sqlite<</parameters.postgres>>
       DATABASE_URL: <<#parameters.postgres>>postgres://postgres@localhost/plume<</parameters.postgres>><<^parameters.postgres>>plume.sqlite<</parameters.postgres>>
-      ROCKET_SECRET_KEY: VN5xV1DN7XdpATadOCYcuGeR/dV0hHfgx9mx9TarLdM=
 
 
 commands:
@@ -72,7 +71,7 @@ commands:
         type: string
     steps:
     - run: |
-       export RUSTFLAGS="-Zprofile -Zfewer-names -Ccodegen-units=1 -Cinline-threshold=0 -Clink-dead-code -Coverflow-checks=off -Clink-arg=-Xlinker -Clink-arg=--no-keep-memory -Clink-arg=-Xlinker -Clink-arg=--reduce-memory-overheads"
+       export RUSTFLAGS="-Zprofile -Zfewer-names -Ccodegen-units=1 -Cinline-threshold=0 -Clink-dead-code -Coverflow-checks=off -Zno-landing-pads -Clink-arg=-Xlinker -Clink-arg=--no-keep-memory -Clink-arg=-Xlinker -Clink-arg=--reduce-memory-overheads"
        export CARGO_INCREMENTAL=0
        << parameters.cmd >>
 
@@ -100,7 +99,7 @@ commands:
     steps:
     - run: |
             cmd="cargo build <<#parameters.release>>--release<</parameters.release>> --no-default-features --features="${FEATURES}" -p <<parameters.package>> -j"
-            for i in 16 4 2 1 1; do
+            for i in 36 4 2 1 1; do
                 $cmd $i && exit 0
             done
             exit 1
@@ -144,14 +143,11 @@ jobs:
         cache: <<#parameters.postgres>>postgres<</ parameters.postgres>><<^parameters.postgres>>sqlite<</parameters.postgres>>
     - run_with_coverage:
         cmd: |
-          cargo build -p plume-cli --no-default-features --features=${FEATURES} -j 4
-          ./target/debug/plm migration run
-          ./target/debug/plm search init
           cmd="cargo test --all --exclude plume-front --exclude plume-macro --no-run --no-default-features --features=${FEATURES} -j"
-          for i in 16 4 2 1 1; do
+          for i in 36 4 2 1 1; do
               $cmd $i && break
           done
-          cargo test --all --exclude plume-front --exclude plume-macro --no-default-features --features="${FEATURES}" -j1
+          cargo test --all --exclude plume-front --exclude plume-macro --no-default-features --features="${FEATURES}" -j1 -- --test-threads=1
     - upload_coverage:
         type: unit
     - cache:
@@ -168,18 +164,18 @@ jobs:
     steps:
     - restore_env:
         cache: <<#parameters.postgres>>postgres<</ parameters.postgres>><<^parameters.postgres>>sqlite<</parameters.postgres>>
-    - run: wasm-pack build --target web --release plume-front
+    - run: cargo web deploy -p plume-front
     - run_with_coverage:
         cmd: |
             cmd="cargo install --debug --no-default-features --features="${FEATURES}",test --force --path . -j"
-            for i in 16 4 2 1 1; do
+            for i in 36 4 2 1 1; do
                 $cmd $i && exit 0
             done
             exit 1
     - run_with_coverage:
         cmd: |
             cmd="cargo install --debug --no-default-features --features="${FEATURES}" --force --path plume-cli -j"
-            for i in 16 4 2 1 1; do
+            for i in 36 4 2 1 1; do
                 $cmd $i && exit 0
             done
             exit 1
@@ -203,7 +199,7 @@ jobs:
     steps:
     - restore_env:
         cache: release-<<#parameters.postgres>>postgres<</ parameters.postgres>><<^parameters.postgres>>sqlite<</parameters.postgres>>
-    - run: wasm-pack build --target web --release plume-front
+    - run: cargo web deploy -p plume-front --release
     - build:
         package: plume
         release: true

.circleci/images/plume-buildenv/Caddyfile

@@ -1,3 +1,6 @@
-localhost {
-  reverse_proxy localhost:7878
+localhost:443 {
+  proxy / localhost:7878 {
+    transparent
+  }
+  tls self_signed
 }

.circleci/images/plume-buildenv/Dockerfile

@@ -1,22 +1,19 @@
-FROM debian:buster-20210208
+FROM debian:stretch-20190326
 ENV PATH="/root/.cargo/bin:${PATH}"
 
 #install native/circleci/build dependancies
 RUN apt update &&\
     apt install -y --no-install-recommends git ssh tar gzip ca-certificates default-jre&&\
-    echo "deb [trusted=yes] https://apt.fury.io/caddy/ /" \
-    | tee -a /etc/apt/sources.list.d/caddy-fury.list &&\
-    apt update &&\
-    apt install -y --no-install-recommends binutils-dev build-essential cmake curl gcc gettext git libcurl4-openssl-dev libdw-dev libelf-dev libiberty-dev libpq-dev libsqlite3-dev libssl-dev make openssl pkg-config postgresql postgresql-contrib python zlib1g-dev python3-pip zip unzip libclang-dev clang caddy&&\
+    apt install -y --no-install-recommends binutils-dev build-essential cmake curl gcc gettext git libcurl4-openssl-dev libdw-dev libelf-dev libiberty-dev libpq-dev libsqlite3-dev libssl-dev make openssl pkg-config postgresql postgresql-contrib python zlib1g-dev python3-pip zip unzip libclang-dev&&\
     rm -rf /var/lib/apt/lists/*
 
 #install and configure rust
-RUN curl https://sh.rustup.rs -sSf | sh -s -- --default-toolchain nightly-2021-01-15 -y &&\
+RUN curl https://sh.rustup.rs -sSf | sh -s -- --default-toolchain nightly-2020-01-15 -y &&\
     rustup component add rustfmt clippy &&\
     rustup component add rust-std --target wasm32-unknown-unknown
 
 #compile some deps
-RUN cargo install wasm-pack &&\
+RUN cargo install cargo-web &&\
     cargo install grcov &&\
     strip /root/.cargo/bin/* &&\
     rm -fr ~/.cargo/registry
@@ -27,7 +24,8 @@ COPY cargo_config /root/.cargo/config
 #install selenium for front end tests
 RUN pip3 install selenium
 
-#configure caddy
+#install and configure caddy
+RUN curl https://getcaddy.com | bash -s personal
 COPY Caddyfile /Caddyfile
 
 #install crowdin

.env.sample

@@ -15,9 +15,6 @@ DATABASE_URL=postgres://plume:plume@localhost/plume
 # The domain of your instance
 BASE_URL=plu.me
 
-# Log level for each crate
-RUST_LOG=info
-
 # The secret key for private cookies and CSRF protection
 # You can generate one with `openssl rand -base64 32`
 ROCKET_SECRET_KEY=
@@ -48,12 +45,3 @@ ROCKET_ADDRESS=127.0.0.1
 #PLUME_LOGO_192=icons/trwnh/paragraphs/plumeParagraphs192.png
 #PLUME_LOGO_256=icons/trwnh/paragraphs/plumeParagraphs256.png
 #PLUME_LOGO_512=icons/trwnh/paragraphs/plumeParagraphs512.png
-
-## LDAP CONFIG ##
-# the object that will be bound is "${USER_NAME_ATTR}=${username},${BASE_DN}"
-#LDAP_ADDR=ldap://127.0.0.1:1389
-#LDAP_BASE_DN="ou=users,dc=your-org,dc=eu"
-#LDAP_USER_NAME_ATTR=cn
-#LDAP_USER_MAIL_ATTR=mail
-#LDAP_TLS=false
-

.github/ISSUE_TEMPLATE/bug_report.md

@@ -7,16 +7,6 @@ assignees: ''
 
 ---
 
-<!--
-We would appreciated if you report a bug at our Gitea instance's issue page:
-https://git.joinplu.me/Plume/Plume/issues
-You can login to the Gitea with your GitHub account.
-
-We welcome to receive bug reports here, GitHub, too.
--->
-
-
-
 <!-- Describe your bug, explaining how to reproduce it, and what was expected -->
 
 

.github/ISSUE_TEMPLATE/feature_request.md

@@ -7,15 +7,6 @@ assignees: ''
 
 ---
 
-<!--
-We would appreciated if you request a feature at our Gitea instance's issue page:
-https://git.joinplu.me/Plume/Plume/issues
-You can login to the Gitea with your GitHub account.
-
-We welcome to receive feature requests here, GitHub, too.
--->
-
-
 **Is your feature request related to a problem? Please describe.**
 A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
 

.github/pull_request_template.md

@@ -1,7 +0,0 @@
-<!--
-We would appreciated if you report a bug at our Gitea instance's pull request page:
-https://git.joinplu.me/Plume/Plume/pulls
-You can login to the Gitea with your GitHub account.
-
-We welcome to receive pull requests here, GitHub, too.
--->

.gitignore

@@ -19,4 +19,3 @@ search_index
 .buildconfig
 __pycache__
 .vscode/
-*-journal

CHANGELOG.md

@@ -1,218 +0,0 @@
-# Changelog
-
-<!-- next-header -->
-
-## [Unreleased] - ReleaseDate
-
-### Added
-
-- Allow `dir` attributes for LtoR text in RtoL document (#860)
-- More translation languages (#862)
-- Proxy support (#829)
-- Riker a actor system library (#870)
-- (request-target) and Host header in HTTP Signature (#872)
-
-### Changed
-
-- Upgrade some dependent crates (#858)
-- Use tracing crate (#868)
-- Update Rust version to nightly-2021-01-15 (#878)
-- Upgrade Tantivy to 0.13.3 and lindera-tantivy to 0.7.1 (#878)
-- Run searcher on actor system (#870)
-- Use article title as its slug instead of capitalizing and inserting hyphens (#920)
-
-### Fixed
-
-- Percent-encode URI for remote_interact (#866, #857)
-- Menu animation not opening on iOS (#876, #897)
-- Make actors subscribe to channel once (#913)
-- Upsert posts and media instead of trying to insert and fail (#912)
-- Update post's ActivityPub id when published by update (#915)
-- Calculate media URI properly even when MEDIA_UPLOAD_DIRECTORY configured (#916)
-- Prevent duplicated posts in 'all' timeline (#917)
-
-## [[0.6.0]] - 2020-12-29
-
-### Added
-
-- Vazir font for better support of languages written in Arabic script (#787)
-- Login via LDAP (#826)
-- cargo-release (#835)
-- Care about weak ETag header for better caching (#840)
-- Support for right to left languages in post content (#853)
-
-### Changed
-
-- Bump Docker base images to Buster flavor (#797)
-- Upgrade Rocket to 0.4.5 (#800)
-- Keep tags as-is (#832)
-- Update Docker image for testing (#838)
-- Update Dockerfile.dev (#841)
-
-### Fixed
-
-- Recreate search index if its format is outdated (#802)
-- Make it possible to switch to rich text editor (#808)
-- Fix margins for the mobile devices (#817)
-- GPU acceleration for the mobile menu (#818)
-- Natural title position for RtoL languages (#825)
-- Remove link to unimplemented page (#827)
-- Fix displaying not found page when submitting a duplicated blocklist email (#831)
-
-### Security
-
-- Validate spoofing of activity
-
-## [0.5.0] - 2020-06-21
-
-### Added
-
-- Email blocklisting (#718)
-- Syntax highlighting (#691)
-- Persian localization (#782)
-- Switchable tokenizer - enables Japanese full-text search (#776)
-- Make database connections configurable by environment variables (#768)
-
-### Changed
-
-- Display likes and boost on post cards (#744)
-- Rust 2018 (#726)
-- Bump to LLVM to 9.0.0 to fix ARM builds (#737)
-- Remove dependency on runtime-fmt (#773)
-- Drop the -alpha suffix in release names, it is implied that Plume is not stable yet because of the 0 major version (Plume 1.0.0 will be the first stable release).
-
-### Fixed
-
-- Fix parsing of mentions inside a Markdown code block (be430c6)
-- Fix RSS issues (#720)
-- Fix Atom feed (#764)
-- Fix default theme (#746)
-- Fix shown password on remote interact pages (#741)
-- Allow unicode hashtags (#757)
-- Fix French grammar for for 0 (#760)
-- Don't show boosts and likes for "all" and "local" in timelines (#781)
-- Fix liking and boosting posts on remote instances (#762)
-
-## [0.4.0] - 2019-12-23
-
-### Added
-
-- Add support for generic timeline (#525)
-- Federate user deletion (#551)
-- import migrations and don't require diesel_cli for admins (#555)
-- Cache local instance (#572)
-- Initial RTL support #575 (#577)
-- Confirm deletion of blog (#602)
-- Make a distinction between moderators and admins (#619)
-- Theming (#624)
-- Add clap to plume in order to print help and version (#631)
-- Add Snapcraft metadata and install/maintenance hooks (#666)
-- Add environmental variable to control path of media (#683)
-- Add autosaving to the editor (#688)
-- CI: Upload artifacts to pull request deploy environment (#539)
-- CI: Upload artifact of wasm binary (#571)
-
-### Changed
-
-- Update follow_remote.rs.html grammar (#548)
-- Add some feedback when performing some actions (#552)
-- Theme update (#553)
-- Remove the new index lock tantivy uses (#556)
-- Reduce reqwest timeout to 5s (#557)
-- Improve notification management (#561)
-- Fix occurrences of 'have been' to 'has been' (#578) + Direct follow-up to #578 (#603)
-- Store password reset requests in database (#610)
-- Use futures and tokio to send activities (#620)
-- Don't ignore dotenv errors (#630)
-- Replace the input! macro with an Input builder (#646)
-- Update default license (#659)
-- Paginate the outbox responses. Fixes #669 (#681)
-- Use the "classic" editor by default (#697)
-- Fix issue #705 (#708)
-- Make comments in styleshhets a bit clearer (#545)
-- Rewrite circleci config (#558)
-- Use openssl instead of sha256sum for build.rs (#568)
-- Update dependencies (#574)
-- Refactor code to use Shrinkwraprs and diesel-derive-newtype (#598)
-- Add enum containing all successful route returns (#614)
-- Update dependencies which depended on nix -- fixes arm32 builds (#615)
-- Update some documents (#616)
-- Update dependencies (#643)
-- Make the comment syntax consistent across all CSS (#487)
-
-### Fixed
-
-- Remove r (#535)
-- Fix certain improper rendering of forms (#560)
-- make hashtags work in profile summary (#562)
-- Fix some federation issue (#573)
-- Prevent comment form submit button distortion on iOS (#592)
-- Update textarea overflow to scroll (#609)
-- Fix arm builds (#612)
-- Fix theme caching (#647)
-- Fix issue #642, frontend not in English if the user language does not exist (#648)
-- Don't index drafts (#656)
-- Fill entirely user on creation (#657)
-- Delete notification on user deletion (#658)
-- Order media so that latest added are top (#660)
-- Fix logo URL (#664)
-- Snap: Ensure cargo-web doesn't erroneously adopt our workspace. (#667)
-- Snap: Another fix for building (#668)
-- Snap: Fix build for non-Tier-1 Rust platforms (#672)
-- Don't split sentences for translations (#677)
-- Escape href quotation marks (#678)
-- Re-add empty strings in translation (#682)
-- Make the search index creation during migration respect SEARCH_INDEX (#689)
-- Fix the navigation menu not opening on touch (#690)
-- Make search items optional (#693)
-- Various snap fixes (#698)
-- Fix #637 : Markdown footnotes (#700)
-- Fix lettre (#706)
-- CI: Fix Crowdin upload (#576)
-
-### Removed
-
-- Remove the Canapi dependency (#540)
-- Remove use of Rust in migrations (#704)
-
-## [0.3.0] - 2019-04-19
-
-### Added
-
-- Cover for articles (#299, #387)
-- Password reset (#448)
-- New editor (#293, #458, #482, #483, #486, #530)
-- Search (#324, #375, #445)
-- Edit blogs (#460, #494, #497)
-- Hashtags in articles (#283, #295)
-- API endpoints (#245, #285, #307)
-- A bunch of new translations! (#479, #501, #506, #510, #512, #514)
-
-### Changed
-
-- Federation improvements (#216, #217, #357, #364, #399, #443, #446, #455, #502, #519)
-- Improved build process (#281, #374, #392, #402, #489, #498, #503, #511, #513, #515, #528)
-
-### Fixes
-
-- UI usability fixes (#370, #386, #401, #417, #418, #444, #452, #480, #516, #518, #522, #532)
-
-## [0.2.0] - 2018-09-12
-
-### Added
-
-- Article publishing, or save as a draft
-- Like, or boost an article
-- Basic Markdown editor
-- Federated commenting system
-- User account creation
-- Limited federation on other platforms and subscribing to users
-- Ability to create multiple blogs
-
-<!-- next-url -->
-[Unreleased]: https://github.com/Plume-org/Plume/compare/0.6.0...HEAD
-[[0.6.0]]: https://github.com/Plume-org/Plume/compare/0.5.0...0.6.0
-[0.5.0]: https://github.com/Plume-org/Plume/compare/0.4.0-alpha-4...0.5.0
-[0.4.0]: https://github.com/Plume-org/Plume/compare/0.3.0-alpha-2...0.4.0-alpha-4
-[0.3.0]: https://github.com/Plume-org/Plume/compare/0.2.0-alpha-1...0.3.0-alpha-2
-[0.2.0]: https://github.com/Plume-org/Plume/releases/tag/0.2.0-alpha-1

Cargo.toml

@@ -1,37 +1,39 @@
 [package]
 authors = ["Plume contributors"]
 name = "plume"
-version = "0.6.1-dev"
+version = "0.4.0"
 repository = "https://github.com/Plume-org/Plume"
 edition = "2018"
 
 [dependencies]
 activitypub = "0.1.3"
 askama_escape = "0.1"
+async-trait = "*"
 atom_syndication = "0.6"
 clap = "2.33"
-dotenv = "0.15.0"
+colored = "1.8"
+dotenv = "0.14"
 gettext = { git = "https://github.com/Plume-org/gettext/", rev = "294c54d74c699fbc66502b480a37cc66c1daa7f3" }
 gettext-macros = { git = "https://github.com/Plume-org/gettext-macros/", rev = "a7c605f7edd6bfbfbfe7778026bfefd88d82db10" }
 gettext-utils = { git = "https://github.com/Plume-org/gettext-macros/", rev = "a7c605f7edd6bfbfbfe7778026bfefd88d82db10" }
 guid-create = "0.1"
+heck = "0.3.0"
 lettre = "0.9.2"
 lettre_email = "0.9.2"
 num_cpus = "1.10"
-rocket = "=0.4.6"
-rocket_contrib = { version = "=0.4.5", features = ["json"] }
-rocket_i18n = { git = "https://github.com/Plume-org/rocket_i18n", rev = "e922afa7c366038b3433278c03b1456b346074f2" }
+rocket = { git = "https://github.com/SergioBenitez/Rocket", rev = "async" }
+rocket_contrib = { git = "https://github.com/SergioBenitez/Rocket", rev = "async" , features = ["json"] }
 rpassword = "4.0"
 scheduled-thread-pool = "0.2.2"
 serde = "1.0"
-serde_json = "< 1.0.70"
+serde_json = "1.0"
+serde_qs = "0.5"
 shrinkwraprs = "0.2.1"
-validator = "0.8"
-validator_derive = "0.8"
-webfinger = "0.4.1"
-tracing = "0.1.22"
-tracing-subscriber = "0.2.15"
-riker = "0.4.2"
+syntect = "3.3"
+tokio = "0.2"
+validator = "0.10"
+validator_derive = "0.10"
+webfinger = { git = "https://github.com/Plume-org/webfinger", rev = "4e8f12810c4a7ba7a07bbcb722cd265fdff512b6", features = ["async"] }
 
 [[bin]]
 name = "plume"
@@ -47,7 +49,7 @@ version = "3.1.2"
 
 [dependencies.diesel]
 features = ["r2d2", "chrono"]
-version = "1.4.5"
+version = "*"
 
 [dependencies.multipart]
 default-features = false
@@ -63,12 +65,14 @@ path = "plume-common"
 [dependencies.plume-models]
 path = "plume-models"
 
-[dependencies.rocket_csrf]
-git = "https://github.com/fdb-hiroshima/rocket_csrf"
-rev = "29910f2829e7e590a540da3804336577b48c7b31"
+[dependencies.rocket_i18n]
+git = "https://github.com/Plume-org/rocket_i18n"
+branch = "go-async"
+default-features = false
+features = ["rocket"]
 
 [build-dependencies]
-ructe = "0.13.0"
+ructe = "0.9.0"
 rsass = "0.9"
 
 [features]
@@ -77,7 +81,6 @@ postgres = ["plume-models/postgres", "diesel/postgres"]
 sqlite = ["plume-models/sqlite", "diesel/sqlite"]
 debug-mailer = []
 test = []
-search-lindera = ["plume-models/search-lindera"]
 
 [workspace]
 members = ["plume-api", "plume-cli", "plume-models", "plume-common", "plume-front", "plume-macro"]

Dockerfile

@@ -1,4 +1,4 @@
-FROM rust:1-buster as builder
+FROM rust:1-stretch as builder
 
 RUN apt-get update && apt-get install -y --no-install-recommends \
     ca-certificates \
@@ -19,7 +19,7 @@ RUN chmod a+x ./wasm-deps.sh && sleep 1 && ./wasm-deps.sh
 
 WORKDIR /app
 COPY Cargo.toml Cargo.lock rust-toolchain ./
-RUN cargo install wasm-pack
+RUN cargo install cargo-web
 
 COPY . .
 
@@ -28,7 +28,7 @@ RUN cargo install --path ./ --force --no-default-features --features postgres
 RUN cargo install --path plume-cli --force --no-default-features --features postgres
 RUN cargo clean
 
-FROM debian:buster-slim
+FROM debian:stretch-slim
 
 RUN apt-get update && apt-get install -y --no-install-recommends \
     ca-certificates \

Dockerfile.dev

@@ -1,4 +1,4 @@
-FROM rust:1-buster
+FROM rust:1-stretch
 
 RUN apt-get update && apt-get install -y --no-install-recommends \
     ca-certificates \
@@ -10,8 +10,7 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
     gcc \
     make \
     openssl \
-    libssl-dev\
-    clang
+    libssl-dev
 
 WORKDIR /scratch
 COPY script/wasm-deps.sh .
@@ -20,7 +19,7 @@ RUN chmod a+x ./wasm-deps.sh && sleep 1 && ./wasm-deps.sh
 WORKDIR /app
 COPY Cargo.toml Cargo.lock rust-toolchain ./
 RUN cargo install diesel_cli --no-default-features --features postgres --version '=1.3.0'
-RUN cargo install wasm-pack
+RUN cargo install cargo-web
 
 COPY . .
 

README.md

@@ -30,11 +30,11 @@ A lot of features are still missing, but what is already here should be quite st
 - **Media management**: you can upload pictures to illustrate your articles, but also audio files if you host a podcast, and manage them all from Plume.
 - **Federation**: Plume is part of a network of interconnected websites called the Fediverse. Each of these websites (often called *instances*) have their own
 rules and thematics, but they can all communicate with each other.
-- **Collaborative writing**: invite other people to your blogs, and write articles together. (Not implemented yet, but will be in 1.0)
+- **Collaborative writing**: invite other people to your blogs, and write articles together.
 
 ## Get involved
 
-If you want to have regular news about the project, the best place is probably [our blog](https://fediverse.blog/~/PlumeDev), or our Matrix room: [`#plume-blog:matrix.org`](https://matrix.to/#/#plume-blog:matrix.org).
+If you want to have regular news about the project, the best place is probably [our blog](https://fediverse.blog/~/PlumeDev), or our Matrix room: [`#plume:disroot.org`](https://riot.im/app/#/room/#plume:disroot.org).
 
 If you want to contribute more, a good first step is to read [our contribution guides](https://docs.joinplu.me/contribute). We accept all kind of contribution:
 

assets/themes/blog-monospace/theme.scss

@@ -1,3 +1,3 @@
 * {
-  font-family: monospace;
+	font-family: monospace;
 }

assets/themes/default/_article.scss

@@ -40,7 +40,7 @@ main header.article {
 
     display: flex;
     flex-direction: column;
-    justify-content: flex-end;
+    justify-content: end;
 
     h1, .article-info {
       text-align: center;
@@ -64,41 +64,41 @@ main header.article {
 }
 
 main .article-info {
-  margin: 0 auto 3em;
-  font-size: 0.95em;
-  font-weight: 400;
+ 	margin: 0 auto 3em;
+ 	font-size: 0.95em;
+ 	font-weight: 400;
 
-  .author, .author a {
-    font-weight: 600;
-  }
+ 	.author, .author a {
+ 	  font-weight: 600;
+ 	}
 }
 
 /* The article itself */
 main article {
   max-width: $article-width;
-  margin: 2.5em auto;
-  font-family: $lora;
-  font-size: 1.2em;
-  line-height: 1.7;
+ 	margin: 2.5em auto;
+ 	font-family: $lora;
+ 	font-size: 1.2em;
+ 	line-height: 1.7;
 
-  a:hover {
-    text-decoration: underline;
-  }
+ 	a:hover {
+ 	  text-decoration: underline;
+ 	}
 
-  img {
-    display: block;
-    margin: 3em auto;
-    max-width: 100%;
+ 	img {
+   	display: block;
+   	margin: 3em auto;
+   	max-width: 100%;
   }
 
   pre {
-    padding: 1em;
-    background: $gray;
-    overflow: auto;
+   	padding: 1em;
+   	background: $gray;
+   	overflow: auto;
   }
 
   blockquote {
-    border-inline-start: 5px solid $gray;
+    border-left: 5px solid $gray;
     margin: 1em auto;
     padding: 0em 2em;
   }
@@ -126,7 +126,7 @@ main .article-meta {
 
   > p {
     margin: 2em $horizontal-margin;
-    font-size: 0.9em;
+ 	  font-size: 0.9em;
   }
 
   /* Article Tags */
@@ -157,15 +157,15 @@ main .article-meta {
   /* Likes & Boosts */
   .actions {
     display: flex;
-    flex-direction: row;
-    justify-content: space-around;
+   	flex-direction: row;
+   	justify-content: space-around;
   }
 
   .likes, .reshares {
     display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 0.5em 0;
+   	flex-direction: column;
+   	align-items: center;
+   	padding: 0.5em 0;
 
     p {
       font-size: 1.5em;
@@ -175,34 +175,34 @@ main .article-meta {
 
     .action {
       display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      margin: 0;
-      padding: 0;
-      background: none;
-      color: $text-color;
-      border: none;
-      font-size: 1.1em;
+     	flex-direction: column;
+     	align-items: center;
+     	justify-content: center;
+     	margin: 0;
+     	padding: 0;
+     	background: none;
+     	color: $text-color;
+     	border: none;
+     	font-size: 1.1em;
       cursor: pointer;
 
-      svg.feather {
-        transition: background 0.1s ease-in;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+     	svg.feather {
+       	transition: background 0.1s ease-in;
+       	display: flex;
+       	align-items: center;
+       	justify-content: center;
 
-        margin: 0.5em 0;
-        width: 2.5em;
-        height: 2.5em;
+       	margin: 0.5em 0;
+       	width: 2.5em;
+       	height: 2.5em;
 
-        border-radius: 50%;
+       	border-radius: 50%;
       }
 
       &.reshared, &.liked {
         svg.feather {
-          color: $background;
-          font-weight: 900;
+         	color: $background;
+         	font-weight: 900;
         }
       }
     }
@@ -213,14 +213,14 @@ main .article-meta {
 
     .action svg.feather {
       padding: 0.7em;
-      box-sizing: border-box;
-      color: $red;
-      fill: none;
-      border: solid $red thin;
+     	box-sizing: border-box;
+     	color: $red;
+     	fill: none;
+     	border: solid $red thin;
     }
 
     .action:hover svg.feather {
-      background: transparentize($red, 0.85);
+     	background: transparentize($red, 0.85);
     }
 
     .action.liked svg.feather {
@@ -238,22 +238,22 @@ main .article-meta {
 
     .action svg.feather {
       padding: 0.7em;
-      box-sizing: border-box;
-      color: $primary;
-      border: solid $primary thin;
-      font-weight: 600;
+     	box-sizing: border-box;
+     	color: $primary;
+     	border: solid $primary thin;
+     	font-weight: 600;
     }
 
     .action:hover svg.feather {
-      background: transparentize($primary, 0.85);
+     	background: transparentize($primary, 0.85);
     }
 
     .action.reshared svg.feather {
       background: $primary;
     }
     .action.reshared:hover svg.feather {
-      background: transparentize($primary, 0.75)
-      color: $primary;
+     	background: transparentize($primary, 0.75)
+     	color: $primary;
     }
   }
 
@@ -262,9 +262,9 @@ main .article-meta {
     margin: 0 $horizontal-margin;
 
     h2 {
-      color: $primary;
-      font-size: 1.5em;
-      font-weight: 600;
+     	color: $primary;
+     	font-size: 1.5em;
+     	font-weight: 600;
     }
 
     summary {
@@ -279,16 +279,16 @@ main .article-meta {
 
     // Respond & delete comment buttons
     a.button, form.inline, form.inline input {
-      padding: 0;
-      background: none;
-      color: $text-color;
-      margin-right: 2em;
-      font-family: $route159;
+     	padding: 0;
+     	background: none;
+     	color: $text-color;
+     	margin-right: 2em;
+     	font-family: $route159;
       font-weight: normal;
 
-      &::before {
-        color: $primary;
-        padding-right: 0.5em;
+     	&::before {
+     	  color: $primary;
+     	  padding-right: 0.5em;
       }
 
       &:hover { color: $primary; }
@@ -296,8 +296,8 @@ main .article-meta {
 
     .comment {
       margin: 1em 0;
-      font-size: 1em;
-      border: none;
+     	font-size: 1em;
+     	border: none;
 
       .content {
         background: $gray;
@@ -328,36 +328,36 @@ main .article-meta {
         color: transparentize($text-color, 0.6);
       }
 
-      .author {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        align-content: center;
+     	.author {
+     	  display: flex;
+       	flex-direction: row;
+       	align-items: center;
+       	align-content: center;
 
-        * {
-          transition: all 0.1s ease-in;
-        }
+       	* {
+       	  transition: all 0.1s ease-in;
+       	}
 
-        .display-name {
-          color: $text-color;
+       	.display-name {
+         	color: $text-color;
         }
 
         &:hover {
           .display-name { color: $primary; }
           small { opacity: 1; }
         }
-      }
+     	}
 
       & > .comment {
           padding-left: 2em;
       }
 
-      .text {
-        padding: 1.25em 0;
-        font-family: $lora;
-        font-size: 1.1em;
-        line-height: 1.4;
-        text-align: left;
+     	.text {
+       	padding: 1.25em 0;
+       	font-family: $lora;
+       	font-size: 1.1em;
+       	line-height: 1.4;
+       	text-align: left;
       }
     }
   }
@@ -490,30 +490,3 @@ input:checked ~ .cw-container > .cw-text {
     display: inline;
   }
 }
-
-// Small screens
-@media screen and (max-width: 600px) {
-  #plume-editor header {
-    flex-direction: column-reverse;
-
-    button {
-      flex: 0 0 0;
-    }
-  }
-
-  .popup {
-    top: 10vh;
-    bottom: 10vh;
-    left: 1vw;
-    right: 1vw;
-  }
-
-  main article {
-    margin: 2.5em .5em;
-    max-width: none;
-  }
-
-  main .article-meta > *, main .article-meta .comments, main .article-meta > .banner > * {
-    margin: 0 5%;
-  }
-}

assets/themes/default/_forms.scss

@@ -1,27 +1,27 @@
 label {
-  display: block;
-  margin: 2em auto .5em;
-  font-size: 1.2em;
+ 	display: block;
+ 	margin: 2em auto .5em;
+ 	font-size: 1.2em;
 }
 input, textarea, select {
-  transition: all 0.1s ease-in;
-  display: block;
-  width: 100%;
-  margin: auto;
-  padding: 1em;
-  box-sizing: border-box;
+ 	transition: all 0.1s ease-in;
+ 	display: block;
+ 	width: 100%;
+ 	margin: auto;
+ 	padding: 1em;
+ 	box-sizing: border-box;
   -webkit-appearance: textarea;
 
-  background: $form-input-background;
-  color: $text-color;
-  border: solid $form-input-border thin;
+ 	background: $form-input-background;
+ 	color: $text-color;
+ 	border: solid $form-input-border thin;
 
-  font-size: 1.2em;
-  font-weight: 400;
+ 	font-size: 1.2em;
+ 	font-weight: 400;
 
-  &:focus {
-    border-color: $primary;
-  }
+ 	&:focus {
+ 	  border-color: $primary;
+ 	}
 }
 form input[type="submit"] {
  margin: 2em auto;
@@ -29,18 +29,18 @@ form input[type="submit"] {
 }
 
 textarea {
-  resize: vertical;
+ 	resize: vertical;
   overflow-y: scroll;
-  font-family: $lora;
-  font-size: 1.1em;
-  line-height: 1.5;
+ 	font-family: $lora;
+ 	font-size: 1.1em;
+ 	line-height: 1.5;
 }
 
 input[type="checkbox"] {
-  display: inline;
-  margin: initial;
-  min-width: initial;
-  width: initial;
+ 	display: inline;
+ 	margin: initial;
+ 	min-width: initial;
+ 	width: initial;
   -webkit-appearance: checkbox;
 }
 
@@ -71,31 +71,31 @@ form.inline {
 }
 
 .button, .button:visited, input[type="submit"], input[type="submit"].button {
-  transition: all 0.1s ease-in;
-  display: inline-block;
+ 	transition: all 0.1s ease-in;
+ 	display: inline-block;
   -webkit-appearance: none;
 
-  margin: 0.5em auto;
-  padding: 0.75em 1em;
+ 	margin: 0.5em auto;
+ 	padding: 0.75em 1em;
 
-  background: $primary;
-  color: $primary-text-color;
+ 	background: $primary;
+ 	color: $primary-text-color;
   font-weight: bold;
   border: none;
 
-  cursor: pointer;
+ 	cursor: pointer;
 
-  &:hover {
-    background: transparentize($primary, 0.1);
-  }
+ 	&:hover {
+ 	  background: transparentize($primary, 0.1);
+ 	}
 
-  &.destructive {
-    background: $red;
+ 	&.destructive {
+ 	  background: $red;
 
     &:hover {
       background: transparentize($red, 0.1);
     }
-  }
+ 	}
 
   &.secondary {
     background: $gray;
@@ -115,20 +115,20 @@ input[type="submit"] {
 form.new-post {
   max-width: 60em;
   .title {
-    margin: 0 auto;
-    padding: 0.75em 0;
+   	margin: 0 auto;
+   	padding: 0.75em 0;
 
-    background: none;
-    border: none;
+   	background: none;
+   	border: none;
 
-    font-family: $playfair;
-    font-size: 2em;
-    text-align: left;
+   	font-family: $playfair;
+   	font-size: 2em;
+   	text-align: left;
   }
   textarea {
-    min-height: 20em;
-    overflow-y: scroll;
-    resize: none;
+   	min-height: 20em;
+   	overflow-y: scroll;
+   	resize: none;
    -webkit-appearance: textarea;
   }
 }

assets/themes/default/_global.scss

@@ -6,43 +6,43 @@ html {
 }
 
 html, body {
-  margin: 0;
-  padding: 0;
-  background: $background;
-  color: $text-color;
-  font-family: $route159;
+ 	margin: 0;
+ 	padding: 0;
+ 	background: $background;
+ 	color: $text-color;
+ 	font-family: $route159;
 
   ::selection {
     background: transparentize($primary, 0.7);
   }
- ::-moz-selection {
+	::-moz-selection {
     background: transparentize($primary, 0.7);
- }
+	}
 }
 
 a, a:visited {
-  color: $primary;
-  text-decoration: none;
+ 	color: $primary;
+ 	text-decoration: none;
 }
 a::selection {
- color: $background;
+	color: $background;
 }
 a::-moz-selection {
- color: $background;
+	color: $background;
 }
 small {
-  margin-left: 1em;
-  color: transparentize($text-color, 0.6);
-  font-size: 0.75em;
-  word-wrap: break-word;
-  word-break: break-all;
+ 	margin-left: 1em;
+ 	color: transparentize($text-color, 0.6);
+ 	font-size: 0.75em;
+ 	word-wrap: break-word;
+ 	word-break: break-all;
 }
 
 .center {
-  text-align: center;
-  font-weight: bold;
-  opacity: 0.6;
-  padding: 5em;
+ 	text-align: center;
+ 	font-weight: bold;
+ 	opacity: 0.6;
+ 	padding: 5em;
 }
 
 .right {
@@ -53,28 +53,28 @@ small {
 }
 
 .spaced {
-  margin: 4rem 0;
+ 	margin: 4rem 0;
 }
 
 .banner {
-  background: $gray;
-  padding-top: 2em;
-  padding-bottom: 1em;
-  margin: 3em 0px;
+ 	background: $gray;
+ 	padding-top: 2em;
+ 	padding-bottom: 1em;
+ 	margin: 3em 0px;
 }
 
 .hidden {
- display: none;
- appearance: none;
+	display: none;
+	appearance: none;
 }
 
 /* Main */
 body > main > *, .h-feed > * {
-  margin: 1em $horizontal-margin;
+ 	margin: 1em $horizontal-margin;
 }
 
 body > main > .h-entry, .h-feed {
- margin: 0;
+	margin: 0;
 }
 
 body > main {
@@ -98,18 +98,18 @@ main {
     margin-top: 1em;
 
     &.article {
-      margin: 1em auto 0.5em;
-      font-family: $playfair;
-      font-size: 2.5em;
-      font-weight: normal;
+     	margin: 1em auto 0.5em;
+     	font-family: $playfair;
+     	font-size: 2.5em;
+     	font-weight: normal;
     }
   }
 
   h2 {
-    font-size: 1.75em;
-    font-weight: 300;
+   	font-size: 1.75em;
+   	font-weight: 300;
 
-    &.article {
+   	&.article {
       font-size: 1.25em;
       margin-bottom: 0.5em;
     }
@@ -139,15 +139,15 @@ main {
 
 /* Errors */
 p.error {
-  color: $red;
-  font-weight: bold;
+ 	color: $red;
+ 	font-weight: bold;
 }
 
 /* User page */
 .user h1 {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
+ 	display: flex;
+ 	flex-direction: row;
+ 	align-items: center;
   margin: 0px;
 }
 
@@ -156,14 +156,14 @@ p.error {
 }
 
 .badge {
-  margin-right: 1em;
-  padding: 0.35em 1em;
+ 	margin-right: 1em;
+ 	padding: 0.35em 1em;
 
-  background: $background;
-  color: $primary;
-  border: 1px solid $primary;
+ 	background: $background;
+ 	color: $primary;
+ 	border: 1px solid $primary;
 
-  font-size: 1rem;
+ 	font-size: 1rem;
 }
 
 .user-summary {
@@ -172,25 +172,23 @@ p.error {
 
 /* Cards */
 .cards {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  padding: 0 5%;
+ 	display: flex;
+ 	flex-direction: row;
+ 	flex-wrap: wrap;
+ 	padding: 0 5%;
   margin: 1rem 0 5rem;
 }
 .card {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
+ 	flex: 1;
+ 	display: flex;
+ 	flex-direction: column;
 
-  position: relative;
+ 	min-width: 20em;
+ 	min-height: 20em;
+ 	margin: 1em;
+ 	box-sizing: border-box;
 
-  min-width: 20em;
-  min-height: 20em;
-  margin: 1em;
-  box-sizing: border-box;
-
-  background: $gray;
+ 	background: $gray;
 
   text-overflow: ellipsis;
 
@@ -215,56 +213,38 @@ p.error {
   }
 
 
-  > * {
-    margin: 20px;
-  }
+ 	> * {
+ 	  margin: 20px;
+ 	}
 
-  .cover {
+ 	.cover {
     min-height: 10em;
     background-position: center;
     background-size: cover;
     margin: 0px;
-
-    &:hover {
-        opacity: 0.9;
-    }
   }
 
   h3 {
-    flex-grow: 1;
-    margin: 0;
-    font-family: $playfair;
-    font-size: 1.75em;
-    font-weight: normal;
-    line-height: 1.75;
-    display: inline-block;
-    position: absolute;
-    a {
-      display: block;
-      transition: color 0.1s ease-in;
-      color: $text-color;
+   	margin: 0.75em 20px;
+   	font-family: $playfair;
+   	font-size: 1.75em;
+   	font-weight: normal;
+   	a {
+   	  transition: color 0.1s ease-in;
+   	  color: $text-color;
 
-      &:hover { color: $primary; }
-    }
-  }
-
-  .controls {
-    text-align: end;
-
-    .button {
-      margin-top: 0;
-      margin-bottom: 0;
-    }
+   	  &:hover { color: $primary; }
+   	}
   }
 
   main {
-    flex: 1;
+   	flex: 1;
 
-    font-family: $lora;
-    font-size: 1em;
-    line-height: 1.25;
-    text-align: initial;
-    overflow: hidden;
+   	font-family: $lora;
+   	font-size: 1em;
+   	line-height: 1.25;
+   	text-align: left;
+   	overflow: hidden;
   }
 }
 
@@ -306,15 +286,15 @@ p.error {
 
 /* Stats */
 .stats {
-  display: flex;
-  justify-content: space-around;
-  margin: 2em;
+ 	display: flex;
+ 	justify-content: space-around;
+ 	margin: 2em;
 
-  > div {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+ 	> div {
+   	display: flex;
+   	flex-direction: column;
+   	justify-content: center;
+   	align-items: center;
   }
 
   p {
@@ -510,10 +490,6 @@ figure {
 
 /// Small screens
 @media screen and (max-width: 600px) {
-  body > main > *, .h-feed > * {
-    margin: 1em;
-  }
-
   main .article-meta {
     > *, .comments {
       margin: 0 5%;
@@ -559,7 +535,7 @@ figure {
     margin: 0;
 
     & > * {
-      max-width: 100% !important;
+      max-width: 100%;
     }
   }
 

assets/themes/default/_header.scss

@@ -3,8 +3,8 @@ body > header {
 
   #content {
     display: flex;
-    align-content: center;
-    justify-content: space-between;
+   	align-content: center;
+   	justify-content: space-between;
   }
 
   nav#menu {
@@ -19,44 +19,44 @@ body > header {
 
     a {
       transform: skewX(15deg);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      width: 1.4em;
-      height: 1.4em;
-      margin: 0;
-      padding: 0;
-      color: $gray;
-      font-size: 1.33em;
-    }
+     	display: flex;
+     	flex-direction: column;
+     	align-items: center;
+     	justify-content: center;
+     	width: 1.4em;
+     	height: 1.4em;
+     	margin: 0;
+     	padding: 0;
+     	color: $gray;
+     	font-size: 1.33em;
+   	}
   }
 
   nav {
     display: flex;
-    flex-direction: row;
-    align-items: center;
+   	flex-direction: row;
+   	align-items: center;
 
-    hr {
-      height: 100%;
-      width: 0.2em;
-      background: $primary;
-      border: none;
-      transform: skewX(-15deg);
+   	hr {
+     	height: 100%;
+     	width: 0.2em;
+     	background: $primary;
+     	border: none;
+     	transform: skewX(-15deg);
     }
     a {
-      display: flex;
-      align-items: center;
-      position: relative;
-      align-self: stretch;
-      margin: 0;
-      padding: 0 2em;
-      font-size: 1em;
+     	display: flex;
+     	align-items: center;
+     	position: relative;
+     	align-self: stretch;
+     	margin: 0;
+     	padding: 0 2em;
+     	font-size: 1em;
 
-      i { font-size: 1.2em; }
+     	i { font-size: 1.2em; }
 
-      &.title {
-        margin: 0;
+     	&.title {
+     	  margin: 0;
         text-align: center;
         padding: 0.5em 1em;
         font-size: 1.75em;
@@ -70,7 +70,7 @@ body > header {
           margin: 0;
           padding-left: 0.5em;
         }
-      }
+     	}
     }
   }
 }
@@ -115,18 +115,6 @@ body > header {
       opacity: 1;
     }
   }
-  @-webkit-keyframes menuOpening {
-    from {
-      -webkit-transform: scaleX(0);
-      transform-origin: left;
-      opacity: 0;
-    }
-    to {
-      -webkit-transform: scaleX(1);
-      transform-origin: left;
-      opacity: 1;
-    }
-  }
 
   body > header {
     flex-direction: column;
@@ -144,7 +132,7 @@ body > header {
     }
   }
 
-  body > header:focus-within #content, .show + #content {
+  body > header:focus-within #content, #content.show {
     position: fixed;
     display: flex;
     flex-direction: column;
@@ -205,133 +193,31 @@ body > header {
 
 /* Only enable label animations on large screens */
 @media screen and (min-width: 600px) {
-  header nav a {
-    i {
-      transition: all 0.2s ease;
-      margin: 0;
-    }
+ 	header nav a {
+ 	  i {
+   		transition: all 0.2s ease;
+   		margin: 0;
+   	}
 
-    .mobile-label {
-      transition: all 0.2s ease;
-      display: block;
-      position: absolute;
-      left: 50%;
-      transform: translateZ(0);
-      opacity: 0;
-      font-size: 0.9em;
-      white-space: nowrap;
-    }
+   	.mobile-label {
+   		transition: all 0.2s ease;
+   		display: block;
+   		position: absolute;
+   		left: 50%;
+   		transform: translate(-50%, 0);
+   		opacity: 0;
+   		font-size: 0.9em;
+   		white-space: nowrap;
+   	}
 
-    img + .mobile-label { display: none; }
+   	img + .mobile-label { display: none; }
 
-    &:hover {
-      i { margin-bottom: 0.75em; }
-      .mobile-label {
-        opacity: 1;
-        transform: translate(-50%, 80%);
-      }
+   	&:hover {
+   	  i { margin-bottom: 0.75em; }
+   	  .mobile-label {
+   	    opacity: 1;
+     		transform: translate(-50%, 80%);
+   		}
     }
-  }
-}
-
-// Small screens
-@media screen and (max-width: 600px) {
-  @keyframes menuOpening {
-    from {
-      transform: scaleX(0);
-      transform-origin: left;
-      opacity: 0;
-    }
-    to {
-      transform: scaleX(1);
-      transform-origin: left;
-      opacity: 1;
-    }
-  }
-  @-webkit-keyframes menuOpening {
-    from {
-      -webkit-transform: scaleX(0);
-      transform-origin: left;
-      opacity: 0;
-    }
-    to {
-      -webkit-transform: scaleX(1);
-      transform-origin: left;
-      opacity: 1;
-    }
-  }
-
-  body > header {
-    flex-direction: column;
-
-    nav#menu {
-      display: inline-flex;
-      z-index: 21;
-    }
-
-    #content {
-      display: none;
-      appearance: none;
-      text-align: center;
-      z-index: 20;
-    }
-  }
-
-  body > header:focus-within #content, .show + #content {
-    position: fixed;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-
-    animation: 0.2s menuOpening;
-
-    &::before {
-      content: "";
-      position: absolute;
-      transform: skewX(-10deg);
-      top: 0;
-      left: -20%;
-      width: 100%;
-      height: 100%;
-
-      z-index: -10;
-
-      background: $primary;
-    }
-
-    > nav {
-      flex-direction: column;
-      align-items: flex-start;
-
-      a {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        margin: 0;
-        padding: 1rem 1.5rem;
-        color: $background;
-        font-size: 1.4em;
-        font-weight: 300;
-
-        &.title { font-size: 1.8em; }
-
-        > *:first-child { width: 3rem; }
-        > img:first-child { height: 3rem; }
-        > *:last-child { margin-left: 1rem; }
-        > nav hr {
-          display: block;
-          margin: 0;
-          width: 100%;
-          border: solid $background 0.1rem;
-        }
-        .mobile-label { display: initial; }
-      }
-    }
-  }
+ 	}
 }

assets/themes/default/_variables.scss

@@ -1,10 +1,10 @@
 /* Color Scheme */
-$gray: #f3f3f3;
+$gray: #F3F3F3;
 $black: #242424;
-$white: #f8f8f8;
-$purple: #7765e3;
+$white: #F8F8F8;
+$purple: #7765E3;
 $lightpurple: #c2bbee;
-$red: #e92f2f;
+$red: #E92F2F;
 $yellow: #ffe347;
 $green: #23f0c7;
 
@@ -24,14 +24,14 @@ $margin: 0 $horizontal-margin;
 
 /* Fonts */
 
-$route159: "Shabnam", "Route159", serif;
-$playfair: "Vazir", "Playfair Display", serif;
-$lora: "Vazir", "Lora", serif;
+$route159: "Route159", serif;
+$playfair: "Playfair Display", serif;
+$lora: "Lora", serif;
 
 //Code Highlighting
 $code-keyword-color: #45244a;
 $code-source-color: #4c588c;
-$code-constant-color: scale-color(magenta, $lightness: -5%);
-$code-operator-color: scale-color($code-source-color, $lightness: -5%);
+$code-constant-color: scale-color(magenta,$lightness:-5%);
+$code-operator-color: scale-color($code-source-color,$lightness:-5%);
 $code-string-color: #8a571c;
 $code-comment-color: #1c4c8a;

assets/themes/default/dark.scss

@@ -1,14 +1,12 @@
 /* color palette: https://coolors.co/23f0c7-ef767a-7765e3-6457a6-ffe347 */
 
-@import url("./feather.css");
-@import url("./fonts/Route159/Route159.css");
-@import url("./fonts/Lora/Lora.css");
-@import url("./fonts/Playfair_Display/PlayfairDisplay.css");
-@import url("./fonts/Vazir_WOL/Vazir_WOL.css");
-@import url("./fonts/Shabnam_WOL/Shabnam_WOL.css");
+@import url('./feather.css');
+@import url('./fonts/Route159/Route159.css');
+@import url('./fonts/Lora/Lora.css');
+@import url('./fonts/Playfair_Display/PlayfairDisplay.css');
 
-@import "dark_variables";
-@import "global";
-@import "header";
-@import "article";
-@import "forms";
+@import 'dark_variables';
+@import 'global';
+@import 'header';
+@import 'article';
+@import 'forms';

assets/themes/default/fonts/Shabnam_WOL/LICENSE

@@ -1,94 +0,0 @@
-Copyright (c) 2015, Saber Rastikerdar (saber.rastikerdar@gmail.com),
-Glyphs and data from Roboto font are licensed under the Apache License, Version 2.0.
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

assets/themes/default/fonts/Shabnam_WOL/Shabnam_WOL.css

@@ -1,49 +0,0 @@
-@font-face {
-    font-family: Shabnam;
-    src: url("Shabnam-WOL.eot");
-    src: url("Shabnam-WOL.eot?#iefix") format("embedded-opentype"),
-        url("Shabnam-WOL.woff2") format("woff2"),
-        url("Shabnam-WOL.woff") format("woff"),
-        url("Shabnam-WOL.ttf") format("truetype");
-    font-weight: normal;
-}
-
-@font-face {
-    font-family: Shabnam;
-    src: url("Shabnam-Bold-WOL.eot");
-    src: url("Shabnam-Bold-WOL.eot?#iefix") format("embedded-opentype"),
-        url("Shabnam-Bold-WOL.woff2") format("woff2"),
-        url("Shabnam-Bold-WOL.woff") format("woff"),
-        url("Shabnam-Bold-WOL.ttf") format("truetype");
-    font-weight: bold;
-}
-
-@font-face {
-    font-family: Shabnam;
-    src: url("Shabnam-Thin-WOL.eot");
-    src: url("Shabnam-Thin-WOL.eot?#iefix") format("embedded-opentype"),
-        url("Shabnam-Thin-WOL.woff2") format("woff2"),
-        url("Shabnam-Thin-WOL.woff") format("woff"),
-        url("Shabnam-Thin-WOL.ttf") format("truetype");
-    font-weight: 100;
-}
-
-@font-face {
-    font-family: Shabnam;
-    src: url("Shabnam-Light-WOL.eot");
-    src: url("Shabnam-Light-WOL.eot?#iefix") format("embedded-opentype"),
-        url("Shabnam-Light-WOL.woff2") format("woff2"),
-        url("Shabnam-Light-WOL.woff") format("woff"),
-        url("Shabnam-Light-WOL.ttf") format("truetype");
-    font-weight: 300;
-}
-
-@font-face {
-    font-family: Shabnam;
-    src: url("Shabnam-Medium-WOL.eot");
-    src: url("Shabnam-Medium-WOL.eot?#iefix") format("embedded-opentype"),
-        url("Shabnam-Medium-WOL.woff2") format("woff2"),
-        url("Shabnam-Medium-WOL.woff") format("woff"),
-        url("Shabnam-Medium-WOL.ttf") format("truetype");
-    font-weight: 500;
-}

assets/themes/default/fonts/Vazir_WOL/LICENSE

@@ -1,51 +0,0 @@
-Changes by Saber Rastikerdar (saber.rastikerdar@gmail.com) are in public domain.
-Glyphs and data from Roboto font are licensed under the Apache License, Version 2.0.
-
-Fonts are (c) Bitstream (see below). DejaVu changes are in public domain. 
-
-Bitstream Vera Fonts Copyright
-------------------------------
-
-Copyright (c) 2003 by Bitstream, Inc. All Rights Reserved. Bitstream Vera is
-a trademark of Bitstream, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of the fonts accompanying this license ("Fonts") and associated
-documentation files (the "Font Software"), to reproduce and distribute the
-Font Software, including without limitation the rights to use, copy, merge,
-publish, distribute, and/or sell copies of the Font Software, and to permit
-persons to whom the Font Software is furnished to do so, subject to the
-following conditions:
-
-The above copyright and trademark notices and this permission notice shall
-be included in all copies of one or more of the Font Software typefaces.
-
-The Font Software may be modified, altered, or added to, and in particular
-the designs of glyphs or characters in the Fonts may be modified and
-additional glyphs or characters may be added to the Fonts, only if the fonts
-are renamed to names not containing either the words "Bitstream" or the word
-"Vera".
-
-This License becomes null and void to the extent applicable to Fonts or Font
-Software that has been modified and is distributed under the "Bitstream
-Vera" names.
-
-The Font Software may be sold as part of a larger software package but no
-copy of one or more of the Font Software typefaces may be sold by itself.
-
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT,
-TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL BITSTREAM OR THE GNOME
-FOUNDATION BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING
-ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES,
-WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF
-THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE
-FONT SOFTWARE.
-
-Except as contained in this notice, the names of Gnome, the Gnome
-Foundation, and Bitstream Inc., shall not be used in advertising or
-otherwise to promote the sale, use or other dealings in this Font Software
-without prior written authorization from the Gnome Foundation or Bitstream
-Inc., respectively. For further information, contact: fonts at gnome dot
-org. 

assets/themes/default/fonts/Vazir_WOL/Vazir_WOL.css

@@ -1,65 +0,0 @@
-@font-face {
-    font-family: Vazir;
-    src: url('Vazir-WOL.eot');
-    src: url('Vazir-WOL.eot?#iefix') format('embedded-opentype'),
-        url('Vazir-WOL.woff2') format('woff2'),
-        url('Vazir-WOL.woff') format('woff'),
-        url('Vazir-WOL.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: Vazir;
-    src: url('Vazir-Bold-WOL.eot');
-    src: url('Vazir-Bold-WOL.eot?#iefix') format('embedded-opentype'),
-        url('Vazir-Bold-WOL.woff2') format('woff2'),
-        url('Vazir-Bold-WOL.woff') format('woff'),
-        url('Vazir-Bold-WOL.ttf') format('truetype');
-    font-weight: bold;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: Vazir;
-    src: url('Vazir-Black-WOL.eot');
-    src: url('Vazir-Black-WOL.eot?#iefix') format('embedded-opentype'),
-        url('Vazir-Black-WOL.woff2') format('woff2'),
-        url('Vazir-Black-WOL.woff') format('woff'),
-        url('Vazir-Black-WOL.ttf') format('truetype');
-    font-weight: 900;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: Vazir;
-    src: url('Vazir-Medium-WOL.eot');
-    src: url('Vazir-Medium-WOL.eot?#iefix') format('embedded-opentype'),
-        url('Vazir-Medium-WOL.woff2') format('woff2'),
-        url('Vazir-Medium-WOL.woff') format('woff'),
-        url('Vazir-Medium-WOL.ttf') format('truetype');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: Vazir;
-    src: url('Vazir-Light-WOL.eot');
-    src: url('Vazir-Light-WOL.eot?#iefix') format('embedded-opentype'),
-        url('Vazir-Light-WOL.woff2') format('woff2'),
-        url('Vazir-Light-WOL.woff') format('woff'),
-        url('Vazir-Light-WOL.ttf') format('truetype');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: Vazir;
-    src: url('Vazir-Thin-WOL.eot');
-    src: url('Vazir-Thin-WOL.eot?#iefix') format('embedded-opentype'),
-        url('Vazir-Thin-WOL.woff2') format('woff2'),
-        url('Vazir-Thin-WOL.woff') format('woff'),
-        url('Vazir-Thin-WOL.ttf') format('truetype');
-    font-weight: 100;
-    font-style: normal;
-}

assets/themes/default/light.scss

@@ -1,14 +1,12 @@
 /* color palette: https://coolors.co/23f0c7-ef767a-7765e3-6457a6-ffe347 */
 
-@import url("./feather.css");
-@import url("./fonts/Route159/Route159.css");
-@import url("./fonts/Lora/Lora.css");
-@import url("./fonts/Playfair_Display/PlayfairDisplay.css");
-@import url("./fonts/Vazir_WOL/Vazir_WOL.css");
-@import url("./fonts/Shabnam_WOL/Shabnam_WOL.css");
+@import url('./feather.css');
+@import url('./fonts/Route159/Route159.css');
+@import url('./fonts/Lora/Lora.css');
+@import url('./fonts/Playfair_Display/PlayfairDisplay.css');
 
-@import "variables";
-@import "global";
-@import "header";
-@import "article";
-@import "forms";
+@import 'variables';
+@import 'global';
+@import 'header';
+@import 'article';
+@import 'forms';

build.rs

@@ -48,13 +48,19 @@ fn main() {
     create_dir_all(&Path::new("static").join("media")).expect("Couldn't init media directory");
 
     let cache_id = &compute_static_hash()[..8];
-    println!("cargo:rerun-if-changed=plume-front/pkg/plume_front_bg.wasm");
-    copy(
-        "plume-front/pkg/plume_front_bg.wasm",
-        "static/plume_front_bg.wasm",
-    )
-    .and_then(|_| copy("plume-front/pkg/plume_front.js", "static/plume_front.js"))
-    .ok();
+    println!("cargo:rerun-if-changed=target/deploy/plume-front.wasm");
+    copy("target/deploy/plume-front.wasm", "static/plume-front.wasm")
+        .and_then(|_| read_to_string("target/deploy/plume-front.js"))
+        .and_then(|js| {
+            write(
+                "static/plume-front.js",
+                js.replace(
+                    "\"plume-front.wasm\"",
+                    &format!("\"/static/cached/{}/plume-front.wasm\"", cache_id),
+                ),
+            )
+        })
+        .ok();
 
     println!("cargo:rustc-env=CACHE_ID={}", cache_id)
 }

crowdin.yml

@@ -1,5 +1,5 @@
-"project_id": 352097
-"api_token_env": "CROWDIN_API_KEY"
+"project_identifier": "plume"
+"api_key_env": CROWDIN_API_KEY
 preserve_hierarchy: true
 files:
   - source: /po/plume/plume.pot

migrations/postgres/2021-02-23-153402_medias_index_file_path/down.sql

@@ -1 +0,0 @@
-DROP INDEX medias_index_file_path;

migrations/postgres/2021-02-23-153402_medias_index_file_path/up.sql

@@ -1 +0,0 @@
-CREATE INDEX medias_index_file_path ON medias (file_path);

migrations/sqlite/2021-02-23-153402_medias_index_file_path/down.sql

@@ -1 +0,0 @@
-DROP INDEX medias_index_file_path;

migrations/sqlite/2021-02-23-153402_medias_index_file_path/up.sql

@@ -1 +0,0 @@
-CREATE INDEX medias_index_file_path ON medias (file_path);

plume-api/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "plume-api"
-version = "0.6.1-dev"
+version = "0.4.0"
 authors = ["Plume contributors"]
 edition = "2018"
 

plume-api/release.toml

@@ -1,2 +0,0 @@
-pre-release-hook = ["cargo", "fmt"]
-pre-release-replacements = []

plume-cli/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "plume-cli"
-version = "0.6.1-dev"
+version = "0.4.0"
 authors = ["Plume contributors"]
 edition = "2018"
 
@@ -11,11 +11,11 @@ path = "src/main.rs"
 [dependencies]
 clap = "2.33"
 dotenv = "0.14"
-rpassword = "5.0.0"
+rpassword = "4.0"
 
 [dependencies.diesel]
 features = ["r2d2", "chrono"]
-version = "1.4.5"
+version = "*"
 
 [dependencies.plume-models]
 path = "../plume-models"
@@ -23,4 +23,3 @@ path = "../plume-models"
 [features]
 postgres = ["plume-models/postgres", "diesel/postgres"]
 sqlite = ["plume-models/sqlite", "diesel/sqlite"]
-search-lindera = ["plume-models/search-lindera"]

plume-cli/release.toml

@@ -1,2 +0,0 @@
-pre-release-hook = ["cargo", "fmt"]
-pre-release-replacements = []

plume-cli/src/main.rs

@@ -1,3 +1,5 @@
+use dotenv;
+
 use clap::App;
 use diesel::Connection;
 use plume_models::{instance::Instance, Connection as Conn, CONFIG};

plume-cli/src/search.rs

@@ -82,7 +82,7 @@ fn init<'a>(args: &ArgMatches<'a>, conn: &Connection) {
         }
     };
     if can_do || force {
-        let searcher = Searcher::create(&path, &CONFIG.search_tokenizers).unwrap();
+        let searcher = Searcher::create(&path).unwrap();
         refill(args, conn, Some(searcher));
     } else {
         eprintln!(
@@ -98,15 +98,14 @@ fn refill<'a>(args: &ArgMatches<'a>, conn: &Connection, searcher: Option<Searche
         Some(path) => Path::new(path).join("search_index"),
         None => Path::new(&CONFIG.search_index).to_path_buf(),
     };
-    let searcher =
-        searcher.unwrap_or_else(|| Searcher::open(&path, &CONFIG.search_tokenizers).unwrap());
+    let searcher = searcher.unwrap_or_else(|| Searcher::open(&path).unwrap());
 
     searcher.fill(conn).expect("Couldn't import post");
     println!("Commiting result");
     searcher.commit();
 }
 
-fn unlock(args: &ArgMatches) {
+fn unlock<'a>(args: &ArgMatches<'a>) {
     let path = match args.value_of("path") {
         None => Path::new(&CONFIG.search_index),
         Some(x) => Path::new(x),

plume-cli/src/users.rs

@@ -1,6 +1,7 @@
 use clap::{App, Arg, ArgMatches, SubCommand};
 
 use plume_models::{instance::Instance, users::*, Connection};
+use rpassword;
 use std::io::{self, Write};
 
 pub fn command<'a, 'b>() -> App<'a, 'b> {
@@ -131,7 +132,7 @@ fn new<'a>(args: &ArgMatches<'a>, conn: &Connection) {
         role,
         &bio,
         email,
-        Some(User::hash_pass(&password).expect("Couldn't hash password")),
+        User::hash_pass(&password).expect("Couldn't hash password"),
     )
     .expect("Couldn't save new user");
 }

plume-common/Cargo.toml

@@ -1,29 +1,28 @@
 [package]
 name = "plume-common"
-version = "0.6.1-dev"
+version = "0.4.0"
 authors = ["Plume contributors"]
 edition = "2018"
 
 [dependencies]
 activitypub = "0.1.1"
-activitystreams-derive = "0.1.1"
+activitystreams-derive = "0.2"
 activitystreams-traits = "0.1.0"
 array_tool = "1.0"
 base64 = "0.10"
+futures-util = "*"
 heck = "0.3.0"
 hex = "0.3"
-hyper = "0.12.33"
+hyper = "0.13"
 openssl = "0.10.22"
-rocket = "=0.4.6"
-reqwest = { version = "0.9", features = ["socks"] }
+rocket = { git = "https://github.com/SergioBenitez/Rocket", rev = "async" }
 serde = "1.0"
 serde_derive = "1.0"
-serde_json = "< 1.0.70"
-shrinkwraprs = "0.3.0"
-syntect = "4.5.0"
-tokio = "0.1.22"
+serde_json = "1.0"
+shrinkwraprs = "0.2.1"
+syntect = "3.3"
+tokio = "0.2"
 regex-syntax = { version = "0.6.17", default-features = false, features = ["unicode-perl"] }
-tracing = "0.1.22"
 
 [dependencies.chrono]
 features = ["serde"]
@@ -31,5 +30,8 @@ version = "0.4"
 
 [dependencies.pulldown-cmark]
 default-features = false
-git = "https://git.joinplu.me/Plume/pulldown-cmark"
-branch = "bidi-plume"
+version = "0.2.0"
+
+[dependencies.reqwest]
+features = ["json", "blocking"]
+version = "0.10"

plume-common/release.toml

@@ -1,2 +0,0 @@
-pre-release-hook = ["cargo", "fmt"]
-pre-release-replacements = []

plume-common/src/activity_pub/inbox.rs

@@ -71,8 +71,8 @@ use std::fmt::Debug;
 /// # let conn = ();
 /// #
 /// let result: Result<(), ()> = Inbox::handle(&conn, activity_json)
-///    .with::<User, Announce, Message>(None)
-///    .with::<User, Create,   Message>(None)
+///    .with::<User, Announce, Message>()
+///    .with::<User, Create,   Message>()
 ///    .done();
 /// ```
 pub enum Inbox<'a, C, E, R>
@@ -86,7 +86,7 @@ where
     /// - the context to be passed to each handler.
     /// - the activity
     /// - the reason it has not been handled yet
-    NotHandled(&'a C, serde_json::Value, InboxError<E>),
+    NotHandled(&'a mut C, serde_json::Value, InboxError<E>),
 
     /// A matching handler have been found but failed
     ///
@@ -139,16 +139,16 @@ where
     ///
     /// - `ctx`: the context to pass to each handler
     /// - `json`: the JSON representation of the incoming activity
-    pub fn handle(ctx: &'a C, json: serde_json::Value) -> Inbox<'a, C, E, R> {
+    pub fn handle(ctx: &'a mut C, json: serde_json::Value) -> Inbox<'a, C, E, R> {
         Inbox::NotHandled(ctx, json, InboxError::NoMatch)
     }
 
     /// Registers an handler on this Inbox.
-    pub fn with<A, V, M>(self, proxy: Option<&reqwest::Proxy>) -> Inbox<'a, C, E, R>
+    pub fn with<A, V, M>(self) -> Inbox<'a, C, E, R>
     where
-        A: AsActor<&'a C> + FromId<C, Error = E>,
+        A: AsActor<&'a mut C> + FromId<C, Error = E>,
         V: activitypub::Activity,
-        M: AsObject<A, V, &'a C, Error = E> + FromId<C, Error = E>,
+        M: AsObject<A, V, &'a mut C, Error = E> + FromId<C, Error = E>,
         M::Output: Into<R>,
     {
         if let Inbox::NotHandled(ctx, mut act, e) = self {
@@ -164,17 +164,11 @@ where
                     Some(x) => x,
                     None => return Inbox::NotHandled(ctx, act, InboxError::InvalidActor(None)),
                 };
-
-                if Self::is_spoofed_activity(&actor_id, &act) {
-                    return Inbox::NotHandled(ctx, act, InboxError::InvalidObject(None));
-                }
-
                 // Transform this actor to a model (see FromId for details about the from_id function)
                 let actor = match A::from_id(
                     ctx,
                     &actor_id,
                     serde_json::from_value(act["actor"].clone()).ok(),
-                    proxy,
                 ) {
                     Ok(a) => a,
                     // If the actor was not found, go to the next handler
@@ -195,7 +189,6 @@ where
                     ctx,
                     &obj_id,
                     serde_json::from_value(act["object"].clone()).ok(),
-                    proxy,
                 ) {
                     Ok(o) => o,
                     Err((json, e)) => {
@@ -229,26 +222,6 @@ where
             Inbox::Failed(err) => Err(err),
         }
     }
-
-    fn is_spoofed_activity(actor_id: &str, act: &serde_json::Value) -> bool {
-        use serde_json::Value::{Array, Object, String};
-
-        let attributed_to = act["object"].get("attributedTo");
-        if attributed_to.is_none() {
-            return false;
-        }
-        let attributed_to = attributed_to.unwrap();
-        match attributed_to {
-            Array(v) => v.iter().all(|i| match i {
-                String(s) => s != actor_id,
-                Object(obj) => obj.get("id").map_or(true, |s| s != actor_id),
-                _ => false,
-            }),
-            String(s) => s != actor_id,
-            Object(obj) => obj.get("id").map_or(true, |s| s != actor_id),
-            _ => false,
-        }
-    }
 }
 
 /// Get the ActivityPub ID of a JSON value.
@@ -291,62 +264,54 @@ pub trait FromId<C>: Sized {
     /// - `object`: optional object that will be used if the object was not found in the database
     ///   If absent, the ID will be dereferenced.
     fn from_id(
-        ctx: &C,
+        ctx: &mut C,
         id: &str,
         object: Option<Self::Object>,
-        proxy: Option<&reqwest::Proxy>,
     ) -> Result<Self, (Option<serde_json::Value>, Self::Error)> {
         match Self::from_db(ctx, id) {
             Ok(x) => Ok(x),
             _ => match object {
                 Some(o) => Self::from_activity(ctx, o).map_err(|e| (None, e)),
-                None => Self::from_activity(ctx, Self::deref(id, proxy.cloned())?)
-                    .map_err(|e| (None, e)),
+                None => Self::from_activity(ctx, Self::deref(id)?).map_err(|e| (None, e)),
             },
         }
     }
 
     /// Dereferences an ID
-    fn deref(
-        id: &str,
-        proxy: Option<reqwest::Proxy>,
-    ) -> Result<Self::Object, (Option<serde_json::Value>, Self::Error)> {
-        if let Some(proxy) = proxy {
-            reqwest::ClientBuilder::new().proxy(proxy)
-        } else {
-            reqwest::ClientBuilder::new()
-        }
-        .connect_timeout(Some(std::time::Duration::from_secs(5)))
-        .build()
-        .map_err(|_| (None, InboxError::DerefError.into()))?
-        .get(id)
-        .header(
-            ACCEPT,
-            HeaderValue::from_str(
-                &super::ap_accept_header()
-                    .into_iter()
-                    .collect::<Vec<_>>()
-                    .join(", "),
+    fn deref(id: &str) -> Result<Self::Object, (Option<serde_json::Value>, Self::Error)> {
+        // Use blocking reqwest API here, since defer cannot be async (yet)
+        reqwest::blocking::Client::builder()
+            .connect_timeout(std::time::Duration::from_secs(5))
+            .build()
+            .map_err(|_| (None, InboxError::DerefError.into()))?
+            .get(id)
+            .header(
+                ACCEPT,
+                HeaderValue::from_str(
+                    &super::ap_accept_header()
+                        .into_iter()
+                        .collect::<Vec<_>>()
+                        .join(", "),
+                )
+                .map_err(|_| (None, InboxError::DerefError.into()))?,
             )
-            .map_err(|_| (None, InboxError::DerefError.into()))?,
-        )
-        .send()
-        .map_err(|_| (None, InboxError::DerefError))
-        .and_then(|mut r| {
-            let json: serde_json::Value = r
-                .json()
-                .map_err(|_| (None, InboxError::InvalidObject(None)))?;
-            serde_json::from_value(json.clone())
-                .map_err(|_| (Some(json), InboxError::InvalidObject(None)))
-        })
-        .map_err(|(json, e)| (json, e.into()))
+            .send()
+            .map_err(|_| (None, InboxError::DerefError))
+            .and_then(|r| {
+                let json: serde_json::Value = r
+                    .json()
+                    .map_err(|_| (None, InboxError::InvalidObject(None)))?;
+                serde_json::from_value(json.clone())
+                    .map_err(|_| (Some(json), InboxError::InvalidObject(None)))
+            })
+            .map_err(|(json, e)| (json, e.into()))
     }
 
     /// Builds a `Self` from its ActivityPub representation
-    fn from_activity(ctx: &C, activity: Self::Object) -> Result<Self, Self::Error>;
+    fn from_activity(ctx: &mut C, activity: Self::Object) -> Result<Self, Self::Error>;
 
     /// Tries to find a `Self` with a given ID (`id`), using `ctx` (a database)
-    fn from_db(ctx: &C, id: &str) -> Result<Self, Self::Error>;
+    fn from_db(ctx: &mut C, id: &str) -> Result<Self, Self::Error>;
 }
 
 /// Should be implemented by anything representing an ActivityPub actor.
@@ -561,7 +526,7 @@ mod tests {
     fn test_inbox_basic() {
         let act = serde_json::to_value(build_create()).unwrap();
         let res: Result<(), ()> = Inbox::handle(&(), act)
-            .with::<MyActor, Create, MyObject>(None)
+            .with::<MyActor, Create, MyObject>()
             .done();
         assert!(res.is_ok());
     }
@@ -570,10 +535,10 @@ mod tests {
     fn test_inbox_multi_handlers() {
         let act = serde_json::to_value(build_create()).unwrap();
         let res: Result<(), ()> = Inbox::handle(&(), act)
-            .with::<MyActor, Announce, MyObject>(None)
-            .with::<MyActor, Delete, MyObject>(None)
-            .with::<MyActor, Create, MyObject>(None)
-            .with::<MyActor, Like, MyObject>(None)
+            .with::<MyActor, Announce, MyObject>()
+            .with::<MyActor, Delete, MyObject>()
+            .with::<MyActor, Create, MyObject>()
+            .with::<MyActor, Like, MyObject>()
             .done();
         assert!(res.is_ok());
     }
@@ -583,8 +548,8 @@ mod tests {
         let act = serde_json::to_value(build_create()).unwrap();
         // Create is not handled by this inbox
         let res: Result<(), ()> = Inbox::handle(&(), act)
-            .with::<MyActor, Announce, MyObject>(None)
-            .with::<MyActor, Like, MyObject>(None)
+            .with::<MyActor, Announce, MyObject>()
+            .with::<MyActor, Like, MyObject>()
             .done();
         assert!(res.is_err());
     }
@@ -632,13 +597,13 @@ mod tests {
         let act = serde_json::to_value(build_create()).unwrap();
 
         let res: Result<(), ()> = Inbox::handle(&(), act.clone())
-            .with::<FailingActor, Create, MyObject>(None)
+            .with::<FailingActor, Create, MyObject>()
             .done();
         assert!(res.is_err());
 
         let res: Result<(), ()> = Inbox::handle(&(), act.clone())
-            .with::<FailingActor, Create, MyObject>(None)
-            .with::<MyActor, Create, MyObject>(None)
+            .with::<FailingActor, Create, MyObject>()
+            .with::<MyActor, Create, MyObject>()
             .done();
         assert!(res.is_ok());
     }

plume-common/src/activity_pub/mod.rs

@@ -1,14 +1,12 @@
 use activitypub::{Activity, Link, Object};
 use array_tool::vec::Uniq;
-use reqwest::{header::HeaderValue, r#async::ClientBuilder, Url};
+use reqwest::ClientBuilder;
 use rocket::{
     http::Status,
     request::{FromRequest, Request},
-    response::{Responder, Response},
+    response::{Responder, Response, Result},
     Outcome,
 };
-use tokio::prelude::*;
-use tracing::{debug, warn};
 
 use self::sign::Signable;
 
@@ -62,39 +60,45 @@ impl<T> ActivityStream<T> {
         ActivityStream(t)
     }
 }
-
-impl<'r, O: Object> Responder<'r> for ActivityStream<O> {
-    fn respond_to(self, request: &Request<'_>) -> Result<Response<'r>, Status> {
+#[rocket::async_trait]
+impl<'r, O: Object + Send + 'r> Responder<'r> for ActivityStream<O> {
+    async fn respond_to(self, request: &'r Request<'_>) -> Result<'r> {
         let mut json = serde_json::to_value(&self.0).map_err(|_| Status::InternalServerError)?;
         json["@context"] = context();
-        serde_json::to_string(&json).respond_to(request).map(|r| {
-            Response::build_from(r)
+        let result = serde_json::to_string(&json).map_err(rocket::response::Debug);
+        match result.respond_to(request).await {
+            Ok(r) => Response::build_from(r)
                 .raw_header("Content-Type", "application/activity+json")
-                .finalize()
-        })
+                .ok(),
+            Err(e) => Err(e),
+        }
     }
 }
 
 #[derive(Clone)]
 pub struct ApRequest;
+#[rocket::async_trait]
 impl<'a, 'r> FromRequest<'a, 'r> for ApRequest {
     type Error = ();
 
-    fn from_request(request: &'a Request<'r>) -> Outcome<Self, (Status, Self::Error), ()> {
+    async fn from_request(request: &'a Request<'r>) -> Outcome<Self, (Status, Self::Error), ()> {
         request
             .headers()
             .get_one("Accept")
             .map(|header| {
                 header
                     .split(',')
-                    .map(|ct| match ct.trim() {
-                        // bool for Forward: true if found a valid Content-Type for Plume first (HTML), false otherwise
-                        "application/ld+json; profile=\"https://w3.org/ns/activitystreams\""
-                        | "application/ld+json;profile=\"https://w3.org/ns/activitystreams\""
-                        | "application/activity+json"
-                        | "application/ld+json" => Outcome::Success(ApRequest),
-                        "text/html" => Outcome::Forward(true),
-                        _ => Outcome::Forward(false),
+                    .map(|ct| {
+                        match ct.trim() {
+                            // bool for Forward: true if found a valid Content-Type for Plume first (HTML),
+                            // false otherwise
+                            "application/ld+json; profile=\"https://w3.org/ns/activitystreams\""
+                            | "application/ld+json;profile=\"https://w3.org/ns/activitystreams\""
+                            | "application/activity+json"
+                            | "application/ld+json" => Outcome::Success(ApRequest),
+                            "text/html" => Outcome::Forward(true),
+                            _ => Outcome::Forward(false),
+                        }
                     })
                     .fold(Outcome::Forward(false), |out, ct| {
                         if out.clone().forwarded().unwrap_or_else(|| out.is_success()) {
@@ -108,7 +112,7 @@ impl<'a, 'r> FromRequest<'a, 'r> for ApRequest {
             .unwrap_or(Outcome::Forward(()))
     }
 }
-pub fn broadcast<S, A, T, C>(sender: &S, act: A, to: Vec<T>, proxy: Option<reqwest::Proxy>)
+pub fn broadcast<S, A, T, C>(sender: &S, act: A, to: Vec<T>)
 where
     S: sign::Signer,
     A: Activity,
@@ -130,59 +134,38 @@ where
         .sign(sender)
         .expect("activity_pub::broadcast: signature error");
 
-    let mut rt = tokio::runtime::current_thread::Runtime::new()
+    let rt = tokio::runtime::Builder::new()
+        .threaded_scheduler()
+        .build()
         .expect("Error while initializing tokio runtime for federation");
     for inbox in boxes {
         let body = signed.to_string();
         let mut headers = request::headers();
-        let url = Url::parse(&inbox);
-        if url.is_err() {
-            warn!("Inbox is invalid URL: {:?}", &inbox);
-            continue;
-        }
-        let url = url.unwrap();
-        if !url.has_host() {
-            warn!("Inbox doesn't have host: {:?}", &inbox);
-            continue;
-        };
-        let host_header_value = HeaderValue::from_str(&url.host_str().expect("Unreachable"));
-        if host_header_value.is_err() {
-            warn!("Header value is invalid: {:?}", url.host_str());
-            continue;
-        }
-        headers.insert("Host", host_header_value.unwrap());
         headers.insert("Digest", request::Digest::digest(&body));
-        rt.spawn(
-            if let Some(proxy) = proxy.clone() {
-                ClientBuilder::new().proxy(proxy)
-            } else {
-                ClientBuilder::new()
-            }
+        let sig = request::signature(sender, &headers)
+            .expect("activity_pub::broadcast: request signature error");
+        let client = ClientBuilder::new()
             .connect_timeout(std::time::Duration::from_secs(5))
             .build()
-            .expect("Can't build client")
-            .post(&inbox)
-            .headers(headers.clone())
-            .header(
-                "Signature",
-                request::signature(sender, &headers, ("post", url.path(), url.query()))
-                    .expect("activity_pub::broadcast: request signature error"),
-            )
-            .body(body)
-            .send()
-            .and_then(move |r| {
-                if r.status().is_success() {
-                    debug!("Successfully sent activity to inbox ({})", &inbox);
-                } else {
-                    warn!("Error while sending to inbox ({:?})", &r)
-                }
-                r.into_body().concat2()
-            })
-            .map(move |response| debug!("Response: \"{:?}\"\n", response))
-            .map_err(|e| warn!("Error while sending to inbox ({:?})", e)),
-        );
+            .expect("Can't build client");
+        rt.spawn(async move {
+            client
+                .post(&inbox)
+                .headers(headers.clone())
+                .header("Signature", sig)
+                .body(body)
+                .send()
+                .await
+                .unwrap()
+                .text()
+                .await
+                .map(move |response| {
+                    println!("Successfully sent activity to inbox ({})", inbox);
+                    println!("Response: \"{:?}\"\n", response)
+                })
+                .map_err(|e| println!("Error while sending to inbox ({:?})", e))
+        });
     }
-    rt.run().unwrap();
 }
 
 #[derive(Shrinkwrap, Clone, Serialize, Deserialize)]
@@ -226,8 +209,7 @@ pub struct PublicKey {
     pub public_key_pem: Option<serde_json::Value>,
 }
 
-#[derive(Clone, Debug, Default, UnitString)]
-#[activitystreams(Hashtag)]
+#[derive(Clone, Debug, Default, Deserialize, Serialize)]
 pub struct HashtagType;
 
 #[derive(Clone, Debug, Default, Deserialize, Serialize, Properties)]

plume-common/src/activity_pub/request.rs

@@ -3,16 +3,12 @@ use openssl::hash::{Hasher, MessageDigest};
 use reqwest::header::{HeaderMap, HeaderValue, ACCEPT, CONTENT_TYPE, DATE, USER_AGENT};
 use std::ops::Deref;
 use std::time::SystemTime;
-use tracing::warn;
 
 use crate::activity_pub::sign::Signer;
 use crate::activity_pub::{ap_accept_header, AP_CONTENT_TYPE};
 
 const PLUME_USER_AGENT: &str = concat!("Plume/", env!("CARGO_PKG_VERSION"));
 
-#[derive(Debug)]
-pub struct Error();
-
 pub struct Digest(String);
 
 impl Digest {
@@ -65,16 +61,16 @@ impl Digest {
         base64::decode(&self.0[pos..]).expect("Digest::value: invalid encoding error")
     }
 
-    pub fn from_header(dig: &str) -> Result<Self, Error> {
+    pub fn from_header(dig: &str) -> Result<Self, ()> {
         if let Some(pos) = dig.find('=') {
             let pos = pos + 1;
             if base64::decode(&dig[pos..]).is_ok() {
                 Ok(Digest(dig.to_owned()))
             } else {
-                Err(Error())
+                Err(())
             }
         } else {
-            Err(Error())
+            Err(())
         }
     }
 
@@ -113,47 +109,27 @@ pub fn headers() -> HeaderMap {
     headers
 }
 
-type Method<'a> = &'a str;
-type Path<'a> = &'a str;
-type Query<'a> = &'a str;
-type RequestTarget<'a> = (Method<'a>, Path<'a>, Option<Query<'a>>);
-
-pub fn signature<S: Signer>(
-    signer: &S,
-    headers: &HeaderMap,
-    request_target: RequestTarget,
-) -> Result<HeaderValue, Error> {
-    let (method, path, query) = request_target;
-    let origin_form = if let Some(query) = query {
-        format!("{}?{}", path, query)
-    } else {
-        path.to_string()
-    };
-
-    let mut headers_vec = Vec::with_capacity(headers.len());
-    for (h, v) in headers.iter() {
-        let v = v.to_str();
-        if v.is_err() {
-            warn!("invalid header error: {:?}", v.unwrap_err());
-            return Err(Error());
-        }
-        headers_vec.push((h.as_str().to_lowercase(), v.expect("Unreachable")));
-    }
-    let request_target = format!("{} {}", method.to_lowercase(), origin_form);
-    headers_vec.push(("(request-target)".to_string(), &request_target));
-
-    let signed_string = headers_vec
+pub fn signature<S: Signer>(signer: &S, headers: &HeaderMap) -> Result<HeaderValue, ()> {
+    let signed_string = headers
         .iter()
-        .map(|(h, v)| format!("{}: {}", h, v))
+        .map(|(h, v)| {
+            format!(
+                "{}: {}",
+                h.as_str().to_lowercase(),
+                v.to_str()
+                    .expect("request::signature: invalid header error")
+            )
+        })
         .collect::<Vec<String>>()
         .join("\n");
-    let signed_headers = headers_vec
+    let signed_headers = headers
         .iter()
-        .map(|(h, _)| h.as_ref())
+        .map(|(h, _)| h.as_str())
         .collect::<Vec<&str>>()
-        .join(" ");
+        .join(" ")
+        .to_lowercase();
 
-    let data = signer.sign(&signed_string).map_err(|_| Error())?;
+    let data = signer.sign(&signed_string).map_err(|_| ())?;
     let sign = base64::encode(&data);
 
     HeaderValue::from_str(&format!(
@@ -161,63 +137,5 @@ pub fn signature<S: Signer>(
         key_id = signer.get_key_id(),
         signed_headers = signed_headers,
         signature = sign
-    )).map_err(|_| Error())
-}
-
-#[cfg(test)]
-mod tests {
-    use super::{signature, Error};
-    use crate::activity_pub::sign::{gen_keypair, Signer};
-    use openssl::{hash::MessageDigest, pkey::PKey, rsa::Rsa};
-    use reqwest::header::HeaderMap;
-
-    struct MySigner {
-        public_key: String,
-        private_key: String,
-    }
-
-    impl MySigner {
-        fn new() -> Self {
-            let (pub_key, priv_key) = gen_keypair();
-            Self {
-                public_key: String::from_utf8(pub_key).unwrap(),
-                private_key: String::from_utf8(priv_key).unwrap(),
-            }
-        }
-    }
-
-    impl Signer for MySigner {
-        type Error = Error;
-
-        fn get_key_id(&self) -> String {
-            "mysigner".into()
-        }
-
-        fn sign(&self, to_sign: &str) -> Result<Vec<u8>, Self::Error> {
-            let key = PKey::from_rsa(Rsa::private_key_from_pem(self.private_key.as_ref()).unwrap())
-                .unwrap();
-            let mut signer = openssl::sign::Signer::new(MessageDigest::sha256(), &key).unwrap();
-            signer.update(to_sign.as_bytes()).unwrap();
-            signer.sign_to_vec().map_err(|_| Error())
-        }
-
-        fn verify(&self, data: &str, signature: &[u8]) -> Result<bool, Self::Error> {
-            let key = PKey::from_rsa(Rsa::public_key_from_pem(self.public_key.as_ref()).unwrap())
-                .unwrap();
-            let mut verifier = openssl::sign::Verifier::new(MessageDigest::sha256(), &key).unwrap();
-            verifier.update(data.as_bytes()).unwrap();
-            verifier.verify(&signature).map_err(|_| Error())
-        }
-    }
-
-    #[test]
-    fn test_signature_request_target() {
-        let signer = MySigner::new();
-        let headers = HeaderMap::new();
-        let result = signature(&signer, &headers, ("post", "/inbox", None)).unwrap();
-        let fields: Vec<&str> = result.to_str().unwrap().split(",").collect();
-        assert_eq!(r#"headers="(request-target)""#, fields[2]);
-        let sign = &fields[3][11..(fields[3].len() - 1)];
-        assert!(signer.verify("post /inbox", sign.as_bytes()).is_ok());
-    }
+    )).map_err(|_| ())
 }

plume-common/src/activity_pub/sign.rs

@@ -17,9 +17,6 @@ pub fn gen_keypair() -> (Vec<u8>, Vec<u8>) {
     )
 }
 
-#[derive(Debug)]
-pub struct Error();
-
 pub trait Signer {
     type Error;
 
@@ -32,7 +29,7 @@ pub trait Signer {
 }
 
 pub trait Signable {
-    fn sign<T>(&mut self, creator: &T) -> Result<&mut Self, Error>
+    fn sign<T>(&mut self, creator: &T) -> Result<&mut Self, ()>
     where
         T: Signer;
     fn verify<T>(self, creator: &T) -> bool
@@ -46,7 +43,7 @@ pub trait Signable {
 }
 
 impl Signable for serde_json::Value {
-    fn sign<T: Signer>(&mut self, creator: &T) -> Result<&mut serde_json::Value, Error> {
+    fn sign<T: Signer>(&mut self, creator: &T) -> Result<&mut serde_json::Value, ()> {
         let creation_date = Utc::now().to_rfc3339();
         let mut options = json!({
             "type": "RsaSignature2017",
@@ -64,7 +61,7 @@ impl Signable for serde_json::Value {
         let document_hash = Self::hash(&self.to_string());
         let to_be_signed = options_hash + &document_hash;
 
-        let signature = base64::encode(&creator.sign(&to_be_signed).map_err(|_| Error())?);
+        let signature = base64::encode(&creator.sign(&to_be_signed).map_err(|_| ())?);
 
         options["signatureValue"] = serde_json::Value::String(signature);
         self["signature"] = options;

plume-common/src/lib.rs

@@ -2,6 +2,7 @@
 
 #[macro_use]
 extern crate activitystreams_derive;
+
 #[macro_use]
 extern crate shrinkwraprs;
 #[macro_use]

plume-common/src/utils.rs

@@ -1,13 +1,14 @@
 use heck::CamelCase;
 use openssl::rand::rand_bytes;
-use pulldown_cmark::{html, CodeBlockKind, CowStr, Event, LinkType, Options, Parser, Tag};
+use pulldown_cmark::{html, Event, Options, Parser, Tag};
 use regex_syntax::is_word_character;
 use rocket::{
     http::uri::Uri,
     response::{Flash, Redirect},
 };
+use std::borrow::Cow;
 use std::collections::HashSet;
-use syntect::html::{ClassStyle, ClassedHTMLGenerator};
+use syntect::html::ClassedHTMLGenerator;
 use syntect::parsing::SyntaxSet;
 
 /// Generates an hexadecimal representation of 32 bytes of random data
@@ -27,59 +28,6 @@ pub fn make_actor_id(name: &str) -> String {
         .collect()
 }
 
-/**
- * Percent-encode characters which are not allowed in IRI path segments.
- *
- * Intended to be used for generating Post ap_url.
- */
-pub fn iri_percent_encode_seg(segment: &str) -> String {
-    segment.chars().map(iri_percent_encode_seg_char).collect()
-}
-
-pub fn iri_percent_encode_seg_char(c: char) -> String {
-    if c.is_alphanumeric() {
-        c.to_string()
-    } else {
-        match c {
-            '-'
-            | '.'
-            | '_'
-            | '~'
-            | '\u{A0}'..='\u{D7FF}'
-            | '\u{20000}'..='\u{2FFFD}'
-            | '\u{30000}'..='\u{3FFFD}'
-            | '\u{40000}'..='\u{4FFFD}'
-            | '\u{50000}'..='\u{5FFFD}'
-            | '\u{60000}'..='\u{6FFFD}'
-            | '\u{70000}'..='\u{7FFFD}'
-            | '\u{80000}'..='\u{8FFFD}'
-            | '\u{90000}'..='\u{9FFFD}'
-            | '\u{A0000}'..='\u{AFFFD}'
-            | '\u{B0000}'..='\u{BFFFD}'
-            | '\u{C0000}'..='\u{CFFFD}'
-            | '\u{D0000}'..='\u{DFFFD}'
-            | '\u{E0000}'..='\u{EFFFD}'
-            | '!'
-            | '$'
-            | '&'
-            | '\''
-            | '('
-            | ')'
-            | '*'
-            | '+'
-            | ','
-            | ';'
-            | '='
-            | ':'
-            | '@' => c.to_string(),
-            _ => {
-                let s = c.to_string();
-                Uri::percent_encode(&s).to_string()
-            }
-        }
-    }
-}
-
 /**
 * Redirects to the login page with a given message.
 *
@@ -103,61 +51,46 @@ enum State {
 
 fn to_inline(tag: Tag<'_>) -> Tag<'_> {
     match tag {
-        Tag::Heading(_) | Tag::Table(_) | Tag::TableHead | Tag::TableRow | Tag::TableCell => {
+        Tag::Header(_) | Tag::Table(_) | Tag::TableHead | Tag::TableRow | Tag::TableCell => {
             Tag::Paragraph
         }
-        Tag::Image(typ, url, title) => Tag::Link(typ, url, title),
+        Tag::Image(url, title) => Tag::Link(url, title),
         t => t,
     }
 }
 struct HighlighterContext {
     content: Vec<String>,
 }
-#[allow(clippy::unnecessary_wraps)]
 fn highlight_code<'a>(
     context: &mut Option<HighlighterContext>,
     evt: Event<'a>,
 ) -> Option<Vec<Event<'a>>> {
     match evt {
-        Event::Start(Tag::CodeBlock(kind)) => {
-            match &kind {
-                CodeBlockKind::Fenced(lang) if !lang.is_empty() => {
-                    *context = Some(HighlighterContext { content: vec![] });
-                }
-                _ => {}
+        Event::Start(Tag::CodeBlock(lang)) => {
+            if lang.is_empty() {
+                Some(vec![Event::Start(Tag::CodeBlock(lang))])
+            } else {
+                *context = Some(HighlighterContext { content: vec![] });
+                Some(vec![Event::Start(Tag::CodeBlock(lang))])
             }
-            Some(vec![Event::Start(Tag::CodeBlock(kind))])
         }
-        Event::End(Tag::CodeBlock(kind)) => {
+        Event::End(Tag::CodeBlock(x)) => {
             let mut result = vec![];
             if let Some(ctx) = context.take() {
-                let lang = if let CodeBlockKind::Fenced(lang) = &kind {
-                    if lang.is_empty() {
-                        unreachable!();
-                    } else {
-                        lang
-                    }
-                } else {
-                    unreachable!();
-                };
                 let syntax_set = SyntaxSet::load_defaults_newlines();
-                let syntax = syntax_set.find_syntax_by_token(&lang).unwrap_or_else(|| {
+                let syntax = syntax_set.find_syntax_by_token(&x).unwrap_or_else(|| {
                     syntax_set
-                        .find_syntax_by_name(&lang)
+                        .find_syntax_by_name(&x)
                         .unwrap_or_else(|| syntax_set.find_syntax_plain_text())
                 });
-                let mut html = ClassedHTMLGenerator::new_with_class_style(
-                    &syntax,
-                    &syntax_set,
-                    ClassStyle::Spaced,
-                );
+                let mut html = ClassedHTMLGenerator::new(&syntax, &syntax_set);
                 for line in ctx.content {
-                    html.parse_html_for_line_which_includes_newline(&line);
+                    html.parse_html_for_line(&line);
                 }
                 let q = html.finalize();
                 result.push(Event::Html(q.into()));
             }
-            result.push(Event::End(Tag::CodeBlock(kind)));
+            result.push(Event::End(Tag::CodeBlock(x)));
             *context = None;
             Some(result)
         }
@@ -173,7 +106,6 @@ fn highlight_code<'a>(
         _ => Some(vec![evt]),
     }
 }
-#[allow(clippy::unnecessary_wraps)]
 fn flatten_text<'a>(state: &mut Option<String>, evt: Event<'a>) -> Option<Vec<Event<'a>>> {
     let (s, res) = match evt {
         Event::Text(txt) => match state.take() {
@@ -181,10 +113,10 @@ fn flatten_text<'a>(state: &mut Option<String>, evt: Event<'a>) -> Option<Vec<Ev
                 prev_txt.push_str(&txt);
                 (Some(prev_txt), vec![])
             }
-            None => (Some(txt.into_string()), vec![]),
+            None => (Some(txt.into_owned()), vec![]),
         },
         e => match state.take() {
-            Some(prev) => (None, vec![Event::Text(CowStr::Boxed(prev.into())), e]),
+            Some(prev) => (None, vec![Event::Text(Cow::Owned(prev)), e]),
             None => (None, vec![e]),
         },
     };
@@ -192,7 +124,6 @@ fn flatten_text<'a>(state: &mut Option<String>, evt: Event<'a>) -> Option<Vec<Ev
     Some(res)
 }
 
-#[allow(clippy::unnecessary_wraps)]
 fn inline_tags<'a>(
     (state, inline): &mut (Vec<Tag<'a>>, bool),
     evt: Event<'a>,
@@ -225,45 +156,42 @@ fn process_image<'a, 'b>(
 ) -> Event<'a> {
     if let Some(ref processor) = *processor {
         match evt {
-            Event::Start(Tag::Image(typ, id, title)) => {
+            Event::Start(Tag::Image(id, title)) => {
                 if let Some((url, cw)) = id.parse::<i32>().ok().and_then(processor.as_ref()) {
                     if let (Some(cw), false) = (cw, inline) {
                         // there is a cw, and where are not inline
-                        Event::Html(CowStr::Boxed(
-                            format!(
-                                r#"<label for="postcontent-cw-{id}">
+                        Event::Html(Cow::Owned(format!(
+                            r#"<label for="postcontent-cw-{id}">
   <input type="checkbox" id="postcontent-cw-{id}" checked="checked" class="cw-checkbox">
   <span class="cw-container">
     <span class="cw-text">
         {cw}
     </span>
   <img src="{url}" alt=""#,
-                                id = random_hex(),
-                                cw = cw,
-                                url = url
-                            )
-                            .into(),
-                        ))
+                            id = random_hex(),
+                            cw = cw,
+                            url = url
+                        )))
                     } else {
-                        Event::Start(Tag::Image(typ, CowStr::Boxed(url.into()), title))
+                        Event::Start(Tag::Image(Cow::Owned(url), title))
                     }
                 } else {
-                    Event::Start(Tag::Image(typ, id, title))
+                    Event::Start(Tag::Image(id, title))
                 }
             }
-            Event::End(Tag::Image(typ, id, title)) => {
+            Event::End(Tag::Image(id, title)) => {
                 if let Some((url, cw)) = id.parse::<i32>().ok().and_then(processor.as_ref()) {
                     if inline || cw.is_none() {
-                        Event::End(Tag::Image(typ, CowStr::Boxed(url.into()), title))
+                        Event::End(Tag::Image(Cow::Owned(url), title))
                     } else {
-                        Event::Html(CowStr::Borrowed(
+                        Event::Html(Cow::Borrowed(
                             r#""/>
   </span>
 </label>"#,
                         ))
                     }
                 } else {
-                    Event::End(Tag::Image(typ, id, title))
+                    Event::End(Tag::Image(id, title))
                 }
             }
             e => e,
@@ -303,19 +231,19 @@ pub fn md_to_html<'a>(
         // Ignore headings, images, and tables if inline = true
         .scan((vec![], inline), inline_tags)
         .scan(&mut DocumentContext::default(), |ctx, evt| match evt {
-            Event::Start(Tag::CodeBlock(_)) => {
+            Event::Start(Tag::CodeBlock(_)) | Event::Start(Tag::Code) => {
                 ctx.in_code = true;
                 Some((vec![evt], vec![], vec![]))
             }
-            Event::End(Tag::CodeBlock(_)) => {
+            Event::End(Tag::CodeBlock(_)) | Event::End(Tag::Code) => {
                 ctx.in_code = false;
                 Some((vec![evt], vec![], vec![]))
             }
-            Event::Start(Tag::Link(_, _, _)) => {
+            Event::Start(Tag::Link(_, _)) => {
                 ctx.in_link = true;
                 Some((vec![evt], vec![], vec![]))
             }
-            Event::End(Tag::Link(_, _, _)) => {
+            Event::End(Tag::Link(_, _)) => {
                 ctx.in_link = false;
                 Some((vec![evt], vec![], vec![]))
             }
@@ -336,7 +264,6 @@ pub fn md_to_html<'a>(
                                     let mention = text_acc;
                                     let short_mention = mention.splitn(1, '@').next().unwrap_or("");
                                     let link = Tag::Link(
-                                        LinkType::Inline,
                                         format!("{}@/{}/", base_url, &mention).into(),
                                         short_mention.to_owned().into(),
                                     );
@@ -367,8 +294,8 @@ pub fn md_to_html<'a>(
                                     }
                                     let hashtag = text_acc;
                                     let link = Tag::Link(
-                                        LinkType::Inline,
-                                        format!("{}tag/{}", base_url, &hashtag).into(),
+                                        format!("{}tag/{}", base_url, &hashtag.to_camel_case())
+                                            .into(),
                                         hashtag.to_owned().into(),
                                     );
 
@@ -515,7 +442,6 @@ mod tests {
             ("not_a#hashtag", vec![]),
             ("#نرم‌افزار_آزاد", vec!["نرم‌افزار_آزاد"]),
             ("[#hash in link](https://example.org/)", vec![]),
-            ("#zwsp\u{200b}inhash", vec!["zwsp"]),
         ];
 
         for (md, mentions) in tests {
@@ -529,29 +455,15 @@ mod tests {
         }
     }
 
-    #[test]
-    fn test_iri_percent_encode_seg() {
-        assert_eq!(
-            &iri_percent_encode_seg("including whitespace"),
-            "including%20whitespace"
-        );
-        assert_eq!(&iri_percent_encode_seg("%20"), "%2520");
-        assert_eq!(&iri_percent_encode_seg("é"), "é");
-        assert_eq!(
-            &iri_percent_encode_seg("空白入り 日本語"),
-            "空白入り%20日本語"
-        );
-    }
-
     #[test]
     fn test_inline() {
         assert_eq!(
             md_to_html("# Hello", None, false, None).0,
-            String::from("<h1 dir=\"auto\">Hello</h1>\n")
+            String::from("<h1>Hello</h1>\n")
         );
         assert_eq!(
             md_to_html("# Hello", None, true, None).0,
-            String::from("<p dir=\"auto\">Hello</p>\n")
+            String::from("<p>Hello</p>\n")
         );
     }
 }

plume-front/Cargo.toml

@@ -1,52 +1,15 @@
 [package]
 name = "plume-front"
-version = "0.6.1-dev"
+version = "0.4.0"
 authors = ["Plume contributors"]
 edition = "2018"
 
-[lib]
-crate-type = ["cdylib"]
-
 [dependencies]
+stdweb = "=0.4.18"
+stdweb-internal-runtime = "=0.1.4"
 gettext = { git = "https://github.com/Plume-org/gettext/", rev = "294c54d74c699fbc66502b480a37cc66c1daa7f3" }
 gettext-macros = { git = "https://github.com/Plume-org/gettext-macros/", rev = "a7c605f7edd6bfbfbfe7778026bfefd88d82db10" }
 gettext-utils = { git = "https://github.com/Plume-org/gettext-macros/", rev = "a7c605f7edd6bfbfbfe7778026bfefd88d82db10" }
 lazy_static = "1.3"
 serde = "1.0"
 serde_json = "1.0"
-wasm-bindgen = "0.2.70"
-js-sys = "0.3.47"
-serde_derive = "1.0.123"
-console_error_panic_hook = "0.1.6"
-
-[dependencies.web-sys]
-version = "0.3.47"
-features = [
-  'console',
-  'ClipboardEvent',
-  'CssStyleDeclaration',
-  'DataTransfer',
-  'Document',
-  'DomStringMap',
-  'DomTokenList',
-  'Element',
-  'EventTarget',
-  'FocusEvent',
-  'History',
-  'HtmlAnchorElement',
-  'HtmlDocument',
-  'HtmlFormElement',
-  'HtmlInputElement',
-  'HtmlSelectElement',
-  'HtmlTextAreaElement',
-  'KeyboardEvent',
-  'Storage',
-  'Location',
-  'MouseEvent',
-  'Navigator',
-  'Node',
-  'NodeList',
-  'Text',
-  'TouchEvent',
-  'Window'
-]

plume-front/release.toml

@@ -1,2 +0,0 @@
-pre-release-hook = ["cargo", "fmt"]
-pre-release-replacements = []

plume-front/src/editor.rs

@@ -1,12 +1,10 @@
-use crate::{document, CATALOG};
-use js_sys::{encode_uri_component, Date, RegExp};
-use serde_derive::{Deserialize, Serialize};
-use std::{convert::TryInto, sync::Mutex};
-use wasm_bindgen::{prelude::*, JsCast, JsValue};
-use web_sys::{
-    console, window, ClipboardEvent, Element, Event, FocusEvent, HtmlAnchorElement, HtmlDocument,
-    HtmlElement, HtmlFormElement, HtmlInputElement, HtmlSelectElement, HtmlTextAreaElement,
-    KeyboardEvent, MouseEvent, Node,
+use crate::CATALOG;
+use serde::{Deserialize, Serialize};
+use serde_json;
+use std::sync::Mutex;
+use stdweb::{
+    unstable::{TryFrom, TryInto},
+    web::{event::*, html_element::*, *},
 };
 
 macro_rules! mv {
@@ -20,29 +18,30 @@ macro_rules! mv {
 
 fn get_elt_value(id: &'static str) -> String {
     let elt = document().get_element_by_id(id).unwrap();
-    let inp: Option<&HtmlInputElement> = elt.dyn_ref();
-    let textarea: Option<&HtmlTextAreaElement> = elt.dyn_ref();
-    let select: Option<&HtmlSelectElement> = elt.dyn_ref();
-    inp.map(|i| i.value()).unwrap_or_else(|| {
+    let inp: Result<InputElement, _> = elt.clone().try_into();
+    let textarea: Result<TextAreaElement, _> = elt.clone().try_into();
+    let select: Result<SelectElement, _> = elt.try_into();
+    inp.map(|i| i.raw_value()).unwrap_or_else(|_| {
         textarea
             .map(|t| t.value())
-            .unwrap_or_else(|| select.unwrap().value())
+            .unwrap_or_else(|_| select.unwrap().raw_value())
     })
 }
 
 fn set_value<S: AsRef<str>>(id: &'static str, val: S) {
     let elt = document().get_element_by_id(id).unwrap();
-    let inp: Option<&HtmlInputElement> = elt.dyn_ref();
-    let textarea: Option<&HtmlTextAreaElement> = elt.dyn_ref();
-    let select: Option<&HtmlSelectElement> = elt.dyn_ref();
-    inp.map(|i| i.set_value(val.as_ref())).unwrap_or_else(|| {
-        textarea
-            .map(|t| t.set_value(val.as_ref()))
-            .unwrap_or_else(|| select.unwrap().set_value(val.as_ref()))
-    })
+    let inp: Result<InputElement, _> = elt.clone().try_into();
+    let textarea: Result<TextAreaElement, _> = elt.clone().try_into();
+    let select: Result<SelectElement, _> = elt.try_into();
+    inp.map(|i| i.set_raw_value(val.as_ref()))
+        .unwrap_or_else(|_| {
+            textarea
+                .map(|t| t.set_value(val.as_ref()))
+                .unwrap_or_else(|_| select.unwrap().set_raw_value(val.as_ref()))
+        })
 }
 
-fn no_return(evt: KeyboardEvent) {
+fn no_return(evt: KeyDownEvent) {
     if evt.key() == "Enter" {
         evt.prevent_default();
     }
@@ -52,6 +51,7 @@ fn no_return(evt: KeyboardEvent) {
 pub enum EditorError {
     NoneError,
     DOMError,
+    TypeError,
 }
 
 impl From<std::option::NoneError> for EditorError {
@@ -59,7 +59,22 @@ impl From<std::option::NoneError> for EditorError {
         EditorError::NoneError
     }
 }
-const AUTOSAVE_DEBOUNCE_TIME: i32 = 5000;
+impl From<stdweb::web::error::InvalidCharacterError> for EditorError {
+    fn from(_: stdweb::web::error::InvalidCharacterError) -> Self {
+        EditorError::DOMError
+    }
+}
+impl From<stdweb::private::TODO> for EditorError {
+    fn from(_: stdweb::private::TODO) -> Self {
+        EditorError::DOMError
+    }
+}
+impl From<stdweb::private::ConversionError> for EditorError {
+    fn from(_: stdweb::private::ConversionError) -> Self {
+        EditorError::TypeError
+    }
+}
+const AUTOSAVE_DEBOUNCE_TIME: u32 = 5000;
 #[derive(Serialize, Deserialize)]
 struct AutosaveInformation {
     contents: String,
@@ -70,16 +85,10 @@ struct AutosaveInformation {
     tags: String,
     title: String,
 }
+js_serializable!(AutosaveInformation);
 fn is_basic_editor() -> bool {
-    if let Some(basic_editor) = window()
-        .unwrap()
-        .local_storage()
-        .unwrap()
-        .unwrap()
-        .get("basic-editor")
-        .unwrap()
-    {
-        &basic_editor == "true"
+    if let Some(basic_editor) = window().local_storage().get("basic-editor") {
+        basic_editor == "true"
     } else {
         false
     }
@@ -88,58 +97,65 @@ fn get_title() -> String {
     if is_basic_editor() {
         get_elt_value("title")
     } else {
-        document()
-            .query_selector("#plume-editor > h1")
-            .unwrap()
-            .unwrap()
-            .dyn_ref::<HtmlElement>()
-            .unwrap()
-            .inner_text()
+        let title_field = HtmlElement::try_from(
+            document()
+                .query_selector("#plume-editor > h1")
+                .ok()
+                .unwrap()
+                .unwrap(),
+        )
+        .ok()
+        .unwrap();
+        title_field.inner_text()
     }
 }
 fn get_autosave_id() -> String {
     format!(
         "editor_contents={}",
-        window().unwrap().location().pathname().unwrap()
+        window().location().unwrap().pathname().unwrap()
     )
 }
 fn get_editor_contents() -> String {
     if is_basic_editor() {
         get_elt_value("editor-content")
     } else {
-        let editor = document().query_selector("article").unwrap().unwrap();
-        let child_nodes = editor.child_nodes();
-        let mut md = String::new();
-        for i in 0..child_nodes.length() {
-            let ch = child_nodes.get(i).unwrap();
+        let editor =
+            HtmlElement::try_from(document().query_selector("article").ok().unwrap().unwrap())
+                .ok()
+                .unwrap();
+        editor.child_nodes().iter().fold(String::new(), |md, ch| {
             let to_append = match ch.node_type() {
-                Node::ELEMENT_NODE => {
-                    let elt = ch.dyn_ref::<Element>().unwrap();
-                    if elt.tag_name() == "DIV" {
-                        elt.inner_html()
+                NodeType::Element => {
+                    if js! { return @{&ch}.tagName; } == "DIV" {
+                        (js! { return @{&ch}.innerHTML; })
+                            .try_into()
+                            .unwrap_or_default()
                     } else {
-                        elt.outer_html()
+                        (js! { return @{&ch}.outerHTML; })
+                            .try_into()
+                            .unwrap_or_default()
                     }
                 }
-                Node::TEXT_NODE => ch.node_value().unwrap_or_default(),
+                NodeType::Text => ch.node_value().unwrap_or_default(),
                 _ => unreachable!(),
             };
-            md = format!("{}\n\n{}", md, to_append);
-        }
-        md
+            format!("{}\n\n{}", md, to_append)
+        })
     }
 }
 fn get_subtitle() -> String {
     if is_basic_editor() {
         get_elt_value("subtitle")
     } else {
-        document()
-            .query_selector("#plume-editor > h2")
-            .unwrap()
-            .unwrap()
-            .dyn_ref::<HtmlElement>()
-            .unwrap()
-            .inner_text()
+        let subtitle_element = HtmlElement::try_from(
+            document()
+                .query_selector("#plume-editor > h2")
+                .unwrap()
+                .unwrap(),
+        )
+        .ok()
+        .unwrap();
+        subtitle_element.inner_text()
     }
 }
 fn autosave() {
@@ -154,31 +170,27 @@ fn autosave() {
     };
     let id = get_autosave_id();
     match window()
-        .unwrap()
         .local_storage()
-        .unwrap()
-        .unwrap()
-        .set(&id, &serde_json::to_string(&info).unwrap())
+        .insert(&id, &serde_json::to_string(&info).unwrap())
     {
         Ok(_) => {}
-        _ => console::log_1(&"Autosave failed D:".into()),
+        _ => console!(log, "Autosave failed D:"),
     }
 }
+//This is only necessary until we go to stdweb 4.20 at least
+fn confirm(message: &str) -> bool {
+    let result: bool = js! {return confirm(@{message});} == true;
+    result
+}
 fn load_autosave() {
-    if let Ok(Some(autosave_str)) = window()
-        .unwrap()
-        .local_storage()
-        .unwrap()
-        .unwrap()
-        .get(&get_autosave_id())
-    {
+    if let Some(autosave_str) = window().local_storage().get(&get_autosave_id()) {
         let autosave_info: AutosaveInformation = serde_json::from_str(&autosave_str).ok().unwrap();
         let message = i18n!(
             CATALOG,
             "Do you want to load the local autosave last edited at {}?";
-            Date::new(&JsValue::from_f64(autosave_info.last_saved)).to_date_string().as_string().unwrap()
+            Date::from_time(autosave_info.last_saved).to_date_string()
         );
-        if let Ok(true) = window().unwrap().confirm_with_message(&message) {
+        if confirm(&message) {
             set_value("editor-content", &autosave_info.contents);
             set_value("title", &autosave_info.title);
             set_value("subtitle", &autosave_info.subtitle);
@@ -191,33 +203,18 @@ fn load_autosave() {
     }
 }
 fn clear_autosave() {
-    window()
-        .unwrap()
-        .local_storage()
-        .unwrap()
-        .unwrap()
-        .remove_item(&get_autosave_id())
-        .unwrap();
-    console::log_1(&&format!("Saved to {}", &get_autosave_id()).into());
+    window().local_storage().remove(&get_autosave_id());
+    console!(log, &format!("Saved to {}", &get_autosave_id()));
 }
-type TimeoutHandle = i32;
 lazy_static! {
     static ref AUTOSAVE_TIMEOUT: Mutex<Option<TimeoutHandle>> = Mutex::new(None);
 }
 fn autosave_debounce() {
-    let window = window().unwrap();
     let timeout = &mut AUTOSAVE_TIMEOUT.lock().unwrap();
     if let Some(timeout) = timeout.take() {
-        window.clear_timeout_with_handle(timeout);
+        timeout.clear();
     }
-    let callback = Closure::once(autosave);
-    **timeout = window
-        .set_timeout_with_callback_and_timeout_and_arguments_0(
-            callback.as_ref().unchecked_ref(),
-            AUTOSAVE_DEBOUNCE_TIME,
-        )
-        .ok();
-    callback.forget();
+    **timeout = Some(window().set_clearable_timeout(autosave, AUTOSAVE_DEBOUNCE_TIME));
 }
 fn init_widget(
     parent: &Element,
@@ -226,33 +223,19 @@ fn init_widget(
     content: String,
     disable_return: bool,
 ) -> Result<HtmlElement, EditorError> {
-    let widget = placeholder(
-        make_editable(tag).dyn_into::<HtmlElement>().unwrap(),
-        &placeholder_text,
-    );
+    let widget = placeholder(make_editable(tag).try_into()?, &placeholder_text);
     if !content.is_empty() {
-        widget
-            .dataset()
-            .set("edited", "true")
-            .map_err(|_| EditorError::DOMError)?;
+        widget.dataset().insert("edited", "true")?;
     }
-    widget
-        .append_child(&document().create_text_node(&content))
-        .map_err(|_| EditorError::DOMError)?;
+    widget.append_child(&document().create_text_node(&content));
     if disable_return {
-        let callback = Closure::wrap(Box::new(no_return) as Box<dyn FnMut(KeyboardEvent)>);
-        widget
-            .add_event_listener_with_callback("keydown", callback.as_ref().unchecked_ref())
-            .map_err(|_| EditorError::DOMError)?;
-        callback.forget();
+        widget.add_event_listener(no_return);
     }
 
-    parent
-        .append_child(&widget)
-        .map_err(|_| EditorError::DOMError)?;
+    parent.append_child(&widget);
     // We need to do that to make sure the placeholder is correctly rendered
-    widget.focus().map_err(|_| EditorError::DOMError)?;
-    widget.blur().map_err(|_| EditorError::DOMError)?;
+    widget.focus();
+    widget.blur();
 
     filter_paste(&widget);
 
@@ -261,88 +244,42 @@ fn init_widget(
 
 fn filter_paste(elt: &HtmlElement) {
     // Only insert text when pasting something
-    let insert_text = Closure::wrap(Box::new(|evt: ClipboardEvent| {
-        evt.prevent_default();
-        if let Some(data) = evt.clipboard_data() {
-            if let Ok(data) = data.get_data("text") {
-                document()
-                    .dyn_ref::<HtmlDocument>()
-                    .unwrap()
-                    .exec_command_with_show_ui_and_value("insertText", false, &data)
-                    .unwrap();
-            }
-        }
-    }) as Box<dyn FnMut(ClipboardEvent)>);
-    elt.add_event_listener_with_callback("paste", insert_text.as_ref().unchecked_ref())
-        .unwrap();
-    insert_text.forget();
+    js! {
+        @{&elt}.addEventListener("paste", function (evt) {
+            evt.preventDefault();
+            document.execCommand("insertText", false, evt.clipboardData.getData("text"));
+        });
+    };
 }
 
 pub fn init() -> Result<(), EditorError> {
     if let Some(ed) = document().get_element_by_id("plume-fallback-editor") {
         load_autosave();
-        let callback = Closure::wrap(Box::new(|_| clear_autosave()) as Box<dyn FnMut(Event)>);
-        ed.add_event_listener_with_callback("submit", callback.as_ref().unchecked_ref())
-            .map_err(|_| EditorError::DOMError)?;
-        callback.forget();
+        ed.add_event_listener(|_: SubmitEvent| clear_autosave());
     }
     // Check if the user wants to use the basic editor
     if window()
-        .unwrap()
         .local_storage()
-        .unwrap()
-        .unwrap()
         .get("basic-editor")
-        .map(|x| x.is_some() && x.unwrap() == "true")
+        .map(|x| x == "true")
         .unwrap_or(true)
     {
         if let Some(editor) = document().get_element_by_id("plume-fallback-editor") {
             if let Ok(Some(title_label)) = document().query_selector("label[for=title]") {
-                let editor_button = document()
-                    .create_element("a")
-                    .map_err(|_| EditorError::DOMError)?;
-                editor_button
-                    .dyn_ref::<HtmlAnchorElement>()
-                    .unwrap()
-                    .set_href("#");
-                let disable_basic_editor = Closure::wrap(Box::new(|_| {
-                    let window = window().unwrap();
-                    if window
-                        .local_storage()
-                        .unwrap()
-                        .unwrap()
-                        .set("basic-editor", "false")
-                        .is_err()
-                    {
-                        console::log_1(&"Failed to write into local storage".into());
-                    }
-                    window.history().unwrap().go_with_delta(0).ok(); // refresh
-                })
-                    as Box<dyn FnMut(MouseEvent)>);
-                editor_button
-                    .add_event_listener_with_callback(
-                        "click",
-                        disable_basic_editor.as_ref().unchecked_ref(),
-                    )
-                    .map_err(|_| EditorError::DOMError)?;
-                disable_basic_editor.forget();
-                editor_button
-                    .append_child(
-                        &document().create_text_node(&i18n!(CATALOG, "Open the rich text editor")),
-                    )
-                    .map_err(|_| EditorError::DOMError)?;
-                editor
-                    .insert_before(&editor_button, Some(&title_label))
-                    .ok();
-                let callback = Closure::wrap(
-                    Box::new(|_| autosave_debounce()) as Box<dyn FnMut(KeyboardEvent)>
+                let editor_button = document().create_element("a")?;
+                js! { @{&editor_button}.href = "#"; }
+                editor_button.add_event_listener(|_: ClickEvent| {
+                    window().local_storage().remove("basic-editor");
+                    window().history().go(0).ok(); // refresh
+                });
+                editor_button.append_child(
+                    &document().create_text_node(&i18n!(CATALOG, "Open the rich text editor")),
                 );
+                editor.insert_before(&editor_button, &title_label).ok();
                 document()
                     .get_element_by_id("editor-content")
                     .unwrap()
-                    .add_event_listener_with_callback("keydown", callback.as_ref().unchecked_ref())
-                    .map_err(|_| EditorError::DOMError)?;
-                callback.forget();
+                    .add_event_listener(|_: KeyDownEvent| autosave_debounce());
             }
         }
 
@@ -355,30 +292,14 @@ pub fn init() -> Result<(), EditorError> {
 fn init_editor() -> Result<(), EditorError> {
     if let Some(ed) = document().get_element_by_id("plume-editor") {
         // Show the editor
-        ed.dyn_ref::<HtmlElement>()
-            .unwrap()
-            .style()
-            .set_property("display", "block")
-            .map_err(|_| EditorError::DOMError)?;
+        js! { @{&ed}.style.display = "block"; };
         // And hide the HTML-only fallback
-        let old_ed = document().get_element_by_id("plume-fallback-editor");
-        if old_ed.is_none() {
-            return Ok(());
-        }
-        let old_ed = old_ed.unwrap();
+        let old_ed = document().get_element_by_id("plume-fallback-editor")?;
         let old_title = document().get_element_by_id("plume-editor-title")?;
-        old_ed
-            .dyn_ref::<HtmlElement>()
-            .unwrap()
-            .style()
-            .set_property("display", "none")
-            .map_err(|_| EditorError::DOMError)?;
-        old_title
-            .dyn_ref::<HtmlElement>()
-            .unwrap()
-            .style()
-            .set_property("display", "none")
-            .map_err(|_| EditorError::DOMError)?;
+        js! {
+            @{&old_ed}.style.display = "none";
+            @{&old_title}.style.display = "none";
+        };
 
         // Get content from the old editor (when editing an article for instance)
         let title_val = get_elt_value("title");
@@ -400,44 +321,35 @@ fn init_editor() -> Result<(), EditorError> {
             content_val.clone(),
             false,
         )?;
-        content.set_inner_html(&content_val);
+        js! { @{&content}.innerHTML = @{content_val}; };
 
         // character counter
-        let character_counter = Closure::wrap(Box::new(mv!(content => move |_| {
-            let update_char_count = Closure::wrap(Box::new(mv!(content => move || {
+        content.add_event_listener(mv!(content => move |_: KeyDownEvent| {
+            window().set_timeout(mv!(content => move || {
                 if let Some(e) = document().get_element_by_id("char-count") {
                     let count = chars_left("#plume-fallback-editor", &content).unwrap_or_default();
                     let text = i18n!(CATALOG, "Around {} characters left"; count);
-                    e.dyn_ref::<HtmlElement>().map(|e| {
-                        e.set_inner_text(&text);
-                    }).unwrap();
+                    HtmlElement::try_from(e).map(|e| {
+                        js!{@{e}.innerText = @{text}};
+                    }).ok();
                 };
-            })) as Box<dyn FnMut()>);
-            window().unwrap().set_timeout_with_callback_and_timeout_and_arguments(update_char_count.as_ref().unchecked_ref(), 0, &js_sys::Array::new()).unwrap();
-            update_char_count.forget();
+            }), 0);
             autosave_debounce();
-        })) as Box<dyn FnMut(KeyboardEvent)>);
-        content
-            .add_event_listener_with_callback("keydown", character_counter.as_ref().unchecked_ref())
-            .map_err(|_| EditorError::DOMError)?;
-        character_counter.forget();
+        }));
 
-        let show_popup = Closure::wrap(Box::new(mv!(title, subtitle, content, old_ed => move |_| {
-            let popup = document().get_element_by_id("publish-popup").or_else(||
-                                                                              init_popup(&title, &subtitle, &content, &old_ed).ok()
-            ).unwrap();
-            let bg = document().get_element_by_id("popup-bg").or_else(||
-                                                                      init_popup_bg().ok()
-            ).unwrap();
+        document().get_element_by_id("publish")?.add_event_listener(
+            mv!(title, subtitle, content, old_ed => move |_: ClickEvent| {
+                let popup = document().get_element_by_id("publish-popup").or_else(||
+                        init_popup(&title, &subtitle, &content, &old_ed).ok()
+                    ).unwrap();
+                let bg = document().get_element_by_id("popup-bg").or_else(||
+                        init_popup_bg().ok()
+                    ).unwrap();
 
-            popup.class_list().add_1("show").unwrap();
-            bg.class_list().add_1("show").unwrap();
-        })) as Box<dyn FnMut(MouseEvent)>);
-        document()
-            .get_element_by_id("publish")?
-            .add_event_listener_with_callback("click", show_popup.as_ref().unchecked_ref())
-            .map_err(|_| EditorError::DOMError)?;
-        show_popup.forget();
+                popup.class_list().add("show").unwrap();
+                bg.class_list().add("show").unwrap();
+            }),
+        );
 
         show_errors();
         setup_close_button();
@@ -447,47 +359,32 @@ fn init_editor() -> Result<(), EditorError> {
 
 fn setup_close_button() {
     if let Some(button) = document().get_element_by_id("close-editor") {
-        let close_editor = Closure::wrap(Box::new(|_| {
+        button.add_event_listener(|_: ClickEvent| {
             window()
-                .unwrap()
                 .local_storage()
-                .unwrap()
-                .unwrap()
-                .set("basic-editor", "true")
+                .insert("basic-editor", "true")
                 .unwrap();
-            window()
-                .unwrap()
-                .history()
-                .unwrap()
-                .go_with_delta(0)
-                .unwrap(); // Refresh the page
-        }) as Box<dyn FnMut(MouseEvent)>);
-        button
-            .add_event_listener_with_callback("click", close_editor.as_ref().unchecked_ref())
-            .unwrap();
-        close_editor.forget();
+            window().history().go(0).unwrap(); // Refresh the page
+        });
     }
 }
 
 fn show_errors() {
-    let document = document();
-    if let Ok(Some(header)) = document.query_selector("header") {
-        let list = document.create_element("header").unwrap();
-        list.class_list().add_1("messages").unwrap();
-        let errors = document.query_selector_all("p.error").unwrap();
-        for i in 0..errors.length() {
-            let error = errors.get(i).unwrap();
+    if let Ok(Some(header)) = document().query_selector("header") {
+        let list = document().create_element("header").unwrap();
+        list.class_list().add("messages").unwrap();
+        for error in document().query_selector_all("p.error").unwrap() {
             error
                 .parent_element()
                 .unwrap()
                 .remove_child(&error)
                 .unwrap();
-            let _ = list.append_child(&error);
+            list.append_child(&error);
         }
         header
             .parent_element()
             .unwrap()
-            .insert_before(&list, header.next_sibling().as_ref())
+            .insert_before(&list, &header.next_sibling().unwrap())
             .unwrap();
     }
 }
@@ -498,17 +395,9 @@ fn init_popup(
     content: &HtmlElement,
     old_ed: &Element,
 ) -> Result<Element, EditorError> {
-    let document = document();
-    let popup = document
-        .create_element("div")
-        .map_err(|_| EditorError::DOMError)?;
-    popup
-        .class_list()
-        .add_1("popup")
-        .map_err(|_| EditorError::DOMError)?;
-    popup
-        .set_attribute("id", "publish-popup")
-        .map_err(|_| EditorError::DOMError)?;
+    let popup = document().create_element("div")?;
+    popup.class_list().add("popup")?;
+    popup.set_attribute("id", "publish-popup")?;
 
     let tags = get_elt_value("tags")
         .split(',')
@@ -516,157 +405,112 @@ fn init_popup(
         .map(str::to_string)
         .collect::<Vec<_>>();
     let license = get_elt_value("license");
-    make_input(&i18n!(CATALOG, "Tags"), "popup-tags", &popup).set_value(&tags.join(", "));
-    make_input(&i18n!(CATALOG, "License"), "popup-license", &popup).set_value(&license);
+    make_input(&i18n!(CATALOG, "Tags"), "popup-tags", &popup).set_raw_value(&tags.join(", "));
+    make_input(&i18n!(CATALOG, "License"), "popup-license", &popup).set_raw_value(&license);
 
-    let cover_label = document
-        .create_element("label")
-        .map_err(|_| EditorError::DOMError)?;
-    cover_label
-        .append_child(&document.create_text_node(&i18n!(CATALOG, "Cover")))
-        .map_err(|_| EditorError::DOMError)?;
-    cover_label
-        .set_attribute("for", "cover")
-        .map_err(|_| EditorError::DOMError)?;
-    let cover = document.get_element_by_id("cover")?;
+    let cover_label = document().create_element("label")?;
+    cover_label.append_child(&document().create_text_node(&i18n!(CATALOG, "Cover")));
+    cover_label.set_attribute("for", "cover")?;
+    let cover = document().get_element_by_id("cover")?;
     cover.parent_element()?.remove_child(&cover).ok();
-    popup
-        .append_child(&cover_label)
-        .map_err(|_| EditorError::DOMError)?;
-    popup
-        .append_child(&cover)
-        .map_err(|_| EditorError::DOMError)?;
+    popup.append_child(&cover_label);
+    popup.append_child(&cover);
 
-    if let Some(draft_checkbox) = document.get_element_by_id("draft") {
-        let draft_checkbox = draft_checkbox.dyn_ref::<HtmlInputElement>().unwrap();
-        let draft_label = document
-            .create_element("label")
-            .map_err(|_| EditorError::DOMError)?;
-        draft_label
-            .set_attribute("for", "popup-draft")
-            .map_err(|_| EditorError::DOMError)?;
+    if let Some(draft_checkbox) = document().get_element_by_id("draft") {
+        let draft_label = document().create_element("label")?;
+        draft_label.set_attribute("for", "popup-draft")?;
 
-        let draft = document.create_element("input").unwrap();
-        draft.set_id("popup-draft");
-        let draft = draft.dyn_ref::<HtmlInputElement>().unwrap();
-        draft.set_name("popup-draft");
-        draft.set_type("checkbox");
-        draft.set_checked(draft_checkbox.checked());
+        let draft = document().create_element("input").unwrap();
+        js! {
+            @{&draft}.id = "popup-draft";
+            @{&draft}.name = "popup-draft";
+            @{&draft}.type = "checkbox";
+            @{&draft}.checked = @{&draft_checkbox}.checked;
+        };
 
-        draft_label
-            .append_child(&draft)
-            .map_err(|_| EditorError::DOMError)?;
-        draft_label
-            .append_child(&document.create_text_node(&i18n!(CATALOG, "This is a draft")))
-            .map_err(|_| EditorError::DOMError)?;
-        popup
-            .append_child(&draft_label)
-            .map_err(|_| EditorError::DOMError)?;
+        draft_label.append_child(&draft);
+        draft_label.append_child(&document().create_text_node(&i18n!(CATALOG, "This is a draft")));
+        popup.append_child(&draft_label);
     }
 
-    let button = document
-        .create_element("input")
-        .map_err(|_| EditorError::DOMError)?;
-    button
-        .append_child(&document.create_text_node(&i18n!(CATALOG, "Publish")))
-        .map_err(|_| EditorError::DOMError)?;
-    let button = button.dyn_ref::<HtmlInputElement>().unwrap();
-    button.set_type("submit");
-    button.set_value(&i18n!(CATALOG, "Publish"));
-    let callback = Closure::wrap(Box::new(mv!(title, subtitle, content, old_ed => move |_| {
-        let document = self::document();
-        title.focus().unwrap(); // Remove the placeholder before publishing
-        set_value("title", title.inner_text());
-        subtitle.focus().unwrap();
-        set_value("subtitle", subtitle.inner_text());
-        content.focus().unwrap();
-        let mut md = String::new();
-        let child_nodes = content.child_nodes();
-        for i in 0..child_nodes.length() {
-            let ch = child_nodes.get(i).unwrap();
-            let to_append = match ch.node_type() {
-                Node::ELEMENT_NODE => {
-                    let ch = ch.dyn_ref::<Element>().unwrap();
-                    if ch.tag_name() == "DIV" {
-                        ch.inner_html()
-                    } else {
-                        ch.outer_html()
-                    }
-                },
-                Node::TEXT_NODE => ch.node_value().unwrap_or_default(),
-                _ => unreachable!(),
-            };
-            md = format!("{}\n\n{}", md, to_append);
-        }
-        set_value("editor-content", md);
-        set_value("tags", get_elt_value("popup-tags"));
-        if let Some(draft) = document.get_element_by_id("popup-draft") {
-            if let Some(draft_checkbox) = document.get_element_by_id("draft") {
-                let draft_checkbox = draft_checkbox.dyn_ref::<HtmlInputElement>().unwrap();
-                let draft = draft.dyn_ref::<HtmlInputElement>().unwrap();
-                draft_checkbox.set_checked(draft.checked());
+    let button = document().create_element("input")?;
+    js! {
+        @{&button}.type = "submit";
+        @{&button}.value = @{i18n!(CATALOG, "Publish")};
+    };
+    button.append_child(&document().create_text_node(&i18n!(CATALOG, "Publish")));
+    button.add_event_listener(
+        mv!(title, subtitle, content, old_ed => move |_: ClickEvent| {
+            title.focus(); // Remove the placeholder before publishing
+            set_value("title", title.inner_text());
+            subtitle.focus();
+            set_value("subtitle", subtitle.inner_text());
+            content.focus();
+            set_value("editor-content", content.child_nodes().iter().fold(String::new(), |md, ch| {
+                let to_append = match ch.node_type() {
+                    NodeType::Element => {
+                        if js!{ return @{&ch}.tagName; } == "DIV" {
+                            (js!{ return @{&ch}.innerHTML; }).try_into().unwrap_or_default()
+                        } else {
+                            (js!{ return @{&ch}.outerHTML; }).try_into().unwrap_or_default()
+                        }
+                    },
+                    NodeType::Text => ch.node_value().unwrap_or_default(),
+                    _ => unreachable!(),
+                };
+                format!("{}\n\n{}", md, to_append)
+            }));
+            set_value("tags", get_elt_value("popup-tags"));
+            if let Some(draft) = document().get_element_by_id("popup-draft") {
+                js!{
+                    document.getElementById("draft").checked = @{draft}.checked;
+                };
             }
-        }
-        let cover = document.get_element_by_id("cover").unwrap();
-        cover.parent_element().unwrap().remove_child(&cover).ok();
-        old_ed.append_child(&cover).unwrap();
-        set_value("license", get_elt_value("popup-license"));
-        clear_autosave();
-        let old_ed = old_ed.dyn_ref::<HtmlFormElement>().unwrap();
-        old_ed.submit().unwrap();
-    })) as Box<dyn FnMut(MouseEvent)>);
-    button
-        .add_event_listener_with_callback("click", callback.as_ref().unchecked_ref())
-        .map_err(|_| EditorError::DOMError)?;
-    callback.forget();
-    popup
-        .append_child(&button)
-        .map_err(|_| EditorError::DOMError)?;
+            let cover = document().get_element_by_id("cover").unwrap();
+            cover.parent_element().unwrap().remove_child(&cover).ok();
+            old_ed.append_child(&cover);
+            set_value("license", get_elt_value("popup-license"));
+            clear_autosave();
+            js! {
+                @{&old_ed}.submit();
+            };
+        }),
+    );
+    popup.append_child(&button);
 
-    document
-        .body()?
-        .append_child(&popup)
-        .map_err(|_| EditorError::DOMError)?;
+    document().body()?.append_child(&popup);
     Ok(popup)
 }
 
 fn init_popup_bg() -> Result<Element, EditorError> {
-    let bg = document()
-        .create_element("div")
-        .map_err(|_| EditorError::DOMError)?;
-    bg.class_list()
-        .add_1("popup-bg")
-        .map_err(|_| EditorError::DOMError)?;
-    bg.set_attribute("id", "popup-bg")
-        .map_err(|_| EditorError::DOMError)?;
+    let bg = document().create_element("div")?;
+    bg.class_list().add("popup-bg")?;
+    bg.set_attribute("id", "popup-bg")?;
 
-    document()
-        .body()?
-        .append_child(&bg)
-        .map_err(|_| EditorError::DOMError)?;
-    let callback = Closure::wrap(Box::new(|_| close_popup()) as Box<dyn FnMut(MouseEvent)>);
-    bg.add_event_listener_with_callback("click", callback.as_ref().unchecked_ref())
-        .unwrap();
-    callback.forget();
+    document().body()?.append_child(&bg);
+    bg.add_event_listener(|_: ClickEvent| close_popup());
     Ok(bg)
 }
 
 fn chars_left(selector: &str, content: &HtmlElement) -> Option<i32> {
     match document().query_selector(selector) {
-        Ok(Some(form)) => form.dyn_ref::<HtmlElement>().and_then(|form| {
+        Ok(Some(form)) => HtmlElement::try_from(form).ok().and_then(|form| {
             if let Some(len) = form
                 .get_attribute("content-size")
                 .and_then(|s| s.parse::<i32>().ok())
             {
-                (encode_uri_component(&content.inner_html())
-                    .replace("%20", "+")
-                    .replace("%0A", "%0D0A")
-                    .replace_by_pattern(&RegExp::new("[!'*()]", "g"), "XXX")
-                    .length()
-                    + 2_u32)
-                    .try_into()
-                    .map(|c: i32| len - c)
-                    .ok()
+                (js! {
+                    let x = encodeURIComponent(@{content}.innerHTML)
+                        .replace(/%20/g, "+")
+                        .replace(/%0A/g, "%0D%0A")
+                        .replace(new RegExp("[!'*()]", "g"), "XXX") // replace exceptions of encodeURIComponent with placeholder
+                        .length + 2;
+                    console.log(x);
+                    return x;
+                })
+                .try_into()
+                .map(|c: i32| len - c)
+                .ok()
             } else {
                 None
             }
@@ -676,26 +520,26 @@ fn chars_left(selector: &str, content: &HtmlElement) -> Option<i32> {
 }
 
 fn close_popup() {
-    let hide = |x: Element| x.class_list().remove_1("show");
+    let hide = |x: Element| x.class_list().remove("show");
     document().get_element_by_id("publish-popup").map(hide);
     document().get_element_by_id("popup-bg").map(hide);
 }
 
-fn make_input(label_text: &str, name: &'static str, form: &Element) -> HtmlInputElement {
-    let document = document();
-    let label = document.create_element("label").unwrap();
-    label
-        .append_child(&document.create_text_node(label_text))
-        .unwrap();
+fn make_input(label_text: &str, name: &'static str, form: &Element) -> InputElement {
+    let label = document().create_element("label").unwrap();
+    label.append_child(&document().create_text_node(label_text));
     label.set_attribute("for", name).unwrap();
 
-    let inp = document.create_element("input").unwrap();
-    let inp = inp.dyn_into::<HtmlInputElement>().unwrap();
+    let inp: InputElement = document()
+        .create_element("input")
+        .unwrap()
+        .try_into()
+        .unwrap();
     inp.set_attribute("name", name).unwrap();
     inp.set_attribute("id", name).unwrap();
 
-    form.append_child(&label).unwrap();
-    form.append_child(&inp).unwrap();
+    form.append_child(&label);
+    form.append_child(&inp);
     inp
 }
 
@@ -709,46 +553,36 @@ fn make_editable(tag: &'static str) -> Element {
 }
 
 fn placeholder(elt: HtmlElement, text: &str) -> HtmlElement {
-    elt.dataset().set("placeholder", text).unwrap();
-    elt.dataset().set("edited", "false").unwrap();
+    elt.dataset().insert("placeholder", text).unwrap();
+    elt.dataset().insert("edited", "false").unwrap();
 
-    let callback = Closure::wrap(Box::new(mv!(elt => move |_: FocusEvent| {
+    elt.add_event_listener(mv!(elt => move |_: FocusEvent| {
         if elt.dataset().get("edited").unwrap().as_str() != "true" {
             clear_children(&elt);
         }
-    })) as Box<dyn FnMut(FocusEvent)>);
-    elt.add_event_listener_with_callback("focus", callback.as_ref().unchecked_ref())
-        .unwrap();
-    callback.forget();
-    let callback = Closure::wrap(Box::new(mv!(elt => move |_: Event| {
+    }));
+    elt.add_event_listener(mv!(elt => move |_: BlurEvent| {
         if elt.dataset().get("edited").unwrap().as_str() != "true" {
             clear_children(&elt);
 
             let ph = document().create_element("span").expect("Couldn't create placeholder");
-            ph.class_list().add_1("placeholder").expect("Couldn't add class");
-            ph.append_child(&document().create_text_node(&elt.dataset().get("placeholder").unwrap_or_default())).unwrap();
-            elt.append_child(&ph).unwrap();
+            ph.class_list().add("placeholder").expect("Couldn't add class");
+            ph.append_child(&document().create_text_node(&elt.dataset().get("placeholder").unwrap_or_default()));
+            elt.append_child(&ph);
         }
-    })) as Box<dyn FnMut(Event)>);
-    elt.add_event_listener_with_callback("blur", callback.as_ref().unchecked_ref())
-        .unwrap();
-    callback.forget();
-    let callback = Closure::wrap(Box::new(mv!(elt => move |_: KeyboardEvent| {
-        elt.dataset().set("edited", if elt.inner_text().trim_matches('\n').is_empty() {
+    }));
+    elt.add_event_listener(mv!(elt => move |_: KeyUpEvent| {
+        elt.dataset().insert("edited", if elt.inner_text().trim_matches('\n').is_empty() {
             "false"
         } else {
             "true"
         }).expect("Couldn't update edition state");
-    })) as Box<dyn FnMut(KeyboardEvent)>);
-    elt.add_event_listener_with_callback("keyup", callback.as_ref().unchecked_ref())
-        .unwrap();
-    callback.forget();
+    }));
     elt
 }
 
 fn clear_children(elt: &HtmlElement) {
-    let child_nodes = elt.child_nodes();
-    for _ in 0..child_nodes.length() {
-        elt.remove_child(&child_nodes.get(0).unwrap()).unwrap();
+    for child in elt.child_nodes() {
+        elt.remove_child(&child).unwrap();
     }
 }

plume-front/src/lib.rs

@@ -1,174 +0,0 @@
-#![recursion_limit = "128"]
-#![feature(decl_macro, proc_macro_hygiene, try_trait)]
-
-#[macro_use]
-extern crate gettext_macros;
-#[macro_use]
-extern crate lazy_static;
-
-use wasm_bindgen::{prelude::*, JsCast};
-use web_sys::{console, window, Document, Element, Event, HtmlInputElement, TouchEvent};
-
-init_i18n!(
-    "plume-front",
-    af,
-    ar,
-    bg,
-    ca,
-    cs,
-    cy,
-    da,
-    de,
-    el,
-    en,
-    eo,
-    es,
-    fa,
-    fi,
-    fr,
-    gl,
-    he,
-    hi,
-    hr,
-    hu,
-    it,
-    ja,
-    ko,
-    nb,
-    nl,
-    no,
-    pl,
-    pt,
-    ro,
-    ru,
-    sat,
-    si,
-    sk,
-    sl,
-    sr,
-    sv,
-    tr,
-    uk,
-    vi,
-    zh
-);
-
-mod editor;
-
-compile_i18n!();
-
-lazy_static! {
-    static ref CATALOG: gettext::Catalog = {
-        let catalogs = include_i18n!();
-        let lang = window().unwrap().navigator().language().unwrap();
-        let lang = lang.splitn(2, '-').next().unwrap_or("en");
-
-        let english_position = catalogs
-            .iter()
-            .position(|(language_code, _)| *language_code == "en")
-            .unwrap();
-        catalogs
-            .iter()
-            .find(|(l, _)| l == &lang)
-            .unwrap_or(&catalogs[english_position])
-            .clone()
-            .1
-    };
-}
-
-#[wasm_bindgen(start)]
-pub fn main() -> Result<(), JsValue> {
-    extern crate console_error_panic_hook;
-    use std::panic;
-    panic::set_hook(Box::new(console_error_panic_hook::hook));
-
-    menu();
-    search();
-    editor::init()
-        .map_err(|e| console::error_1(&&format!("Editor error: {:?}", e).into()))
-        .ok();
-    Ok(())
-}
-
-/// Toggle menu on mobile devices
-///
-/// It should normally be working fine even without this code
-/// But :focus-within is not yet supported by Webkit/Blink
-fn menu() {
-    let document = document();
-    if let Ok(Some(button)) = document.query_selector("#menu a") {
-        if let Some(menu) = document.get_element_by_id("content") {
-            let show_menu = Closure::wrap(Box::new(|_: TouchEvent| {
-                self::document()
-                    .get_element_by_id("menu")
-                    .map(|menu| {
-                        menu.set_attribute("aria-expanded", "true")
-                            .map(|_| menu.class_list().add_1("show"))
-                    })
-                    .unwrap()
-                    .unwrap()
-                    .unwrap();
-            }) as Box<dyn FnMut(TouchEvent)>);
-            button
-                .add_event_listener_with_callback("touchend", show_menu.as_ref().unchecked_ref())
-                .unwrap();
-            show_menu.forget();
-
-            let close_menu = Closure::wrap(Box::new(|evt: TouchEvent| {
-                if evt
-                    .target()
-                    .unwrap()
-                    .dyn_ref::<Element>()
-                    .unwrap()
-                    .closest("a")
-                    .unwrap()
-                    .is_some()
-                {
-                    return;
-                }
-                self::document()
-                    .get_element_by_id("menu")
-                    .map(|menu| {
-                        menu.set_attribute("aria-expanded", "false")
-                            .map(|_| menu.class_list().remove_1("show"))
-                    })
-                    .unwrap()
-                    .unwrap()
-                    .unwrap()
-            }) as Box<dyn FnMut(TouchEvent)>);
-            menu.add_event_listener_with_callback("touchend", close_menu.as_ref().unchecked_ref())
-                .unwrap();
-            close_menu.forget();
-        }
-    }
-}
-
-/// Clear the URL of the search page before submitting request
-fn search() {
-    if let Some(form) = document().get_element_by_id("form") {
-        let normalize_query = Closure::wrap(Box::new(|_: Event| {
-            document()
-                .query_selector_all("#form input")
-                .map(|inputs| {
-                    for i in 0..inputs.length() {
-                        let input = inputs.get(i).unwrap();
-                        let input = input.dyn_ref::<HtmlInputElement>().unwrap();
-                        if input.name().is_empty() {
-                            input.set_name(&input.dyn_ref::<Element>().unwrap().id());
-                        }
-                        if !input.name().is_empty() && input.value().is_empty() {
-                            input.set_name("");
-                        }
-                    }
-                })
-                .unwrap();
-        }) as Box<dyn FnMut(Event)>);
-        form.add_event_listener_with_callback("submit", normalize_query.as_ref().unchecked_ref())
-            .unwrap();
-        normalize_query.forget();
-    }
-}
-
-fn document() -> Document {
-    window().unwrap().document().unwrap()
-}

plume-front/src/main.rs

@@ -0,0 +1,111 @@
+#![recursion_limit = "128"]
+#![feature(decl_macro, proc_macro_hygiene, try_trait)]
+
+#[macro_use]
+extern crate gettext_macros;
+#[macro_use]
+extern crate lazy_static;
+#[macro_use]
+extern crate stdweb;
+use stdweb::web::{event::*, *};
+
+init_i18n!(
+    "plume-front",
+    ar,
+    bg,
+    ca,
+    cs,
+    de,
+    en,
+    eo,
+    es,
+    fr,
+    gl,
+    hi,
+    hr,
+    it,
+    ja,
+    nb,
+    pl,
+    pt,
+    ro,
+    ru,
+    sr,
+    sk,
+    sv
+);
+
+mod editor;
+
+compile_i18n!();
+
+lazy_static! {
+    static ref CATALOG: gettext::Catalog = {
+        let catalogs = include_i18n!();
+        let lang = js! { return navigator.language }.into_string().unwrap();
+        let lang = lang.splitn(2, '-').next().unwrap_or("en");
+
+        let english_position = catalogs
+            .iter()
+            .position(|(language_code, _)| *language_code == "en")
+            .unwrap();
+        catalogs
+            .iter()
+            .find(|(l, _)| l == &lang)
+            .unwrap_or(&catalogs[english_position])
+            .clone()
+            .1
+    };
+}
+
+fn main() {
+    menu();
+    search();
+    editor::init()
+        .map_err(|e| console!(error, format!("Editor error: {:?}", e)))
+        .ok();
+}
+
+/// Toggle menu on mobile devices
+///
+/// It should normally be working fine even without this code
+/// But :focus-within is not yet supported by Webkit/Blink
+fn menu() {
+    if let Some(button) = document().get_element_by_id("menu") {
+        if let Some(menu) = document().get_element_by_id("content") {
+            button.add_event_listener(|_: TouchEnd| {
+                document()
+                    .get_element_by_id("menu")
+                    .map(|menu| menu.class_list().add("show"));
+            });
+            menu.add_event_listener(|_: TouchEnd| {
+                document()
+                    .get_element_by_id("menu")
+                    .map(|menu| menu.class_list().remove("show"));
+            });
+        }
+    }
+}
+
+/// Clear the URL of the search page before submitting request
+fn search() {
+    if let Some(form) = document().get_element_by_id("form") {
+        form.add_event_listener(|_: SubmitEvent| {
+            document()
+                .query_selector_all("#form input")
+                .map(|inputs| {
+                    for input in inputs {
+                        js! {
+                            if (@{&input}.name === "") {
+                                @{&input}.name = @{&input}.id
+                            }
+                            if (@{&input}.name && !@{&input}.value) {
+                                @{&input}.name = "";
+                            }
+                        }
+                    }
+                })
+                .ok();
+        });
+    }
+}

plume-macro/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "plume-macro"
-version = "0.6.1-dev"
+version = "0.4.0"
 authors = ["Trinity Pointard <trinity.pointard@insa-rennes.fr>"]
 edition = "2018"
 description = "Plume procedural macros"

plume-macro/release.toml

@@ -1,2 +0,0 @@
-pre-release-hook = ["cargo", "fmt"]
-pre-release-replacements = []

plume-macro/src/lib.rs

@@ -89,12 +89,12 @@ fn file_to_migration(file: &str) -> TokenStream2 {
     let mut actions = vec![];
     for line in file.lines() {
         if sql {
-            if let Some(acc_str) = line.strip_prefix("--#!") {
+            if line.starts_with("--#!") {
                 if !acc.trim().is_empty() {
                     actions.push(quote!(Action::Sql(#acc)));
                 }
                 sql = false;
-                acc = acc_str.to_string();
+                acc = line[4..].to_string();
                 acc.push('\n');
             } else if line.starts_with("--") {
                 continue;
@@ -102,8 +102,8 @@ fn file_to_migration(file: &str) -> TokenStream2 {
                 acc.push_str(line);
                 acc.push('\n');
             }
-        } else if let Some(acc_str) = line.strip_prefix("--#!") {
-            acc.push_str(&acc_str);
+        } else if line.starts_with("--#!") {
+            acc.push_str(&line[4..]);
             acc.push('\n');
         } else if line.starts_with("--") {
             continue;