From 254f831542d384e56e6ee00fabf80d0f5ef77f76 Mon Sep 17 00:00:00 2001
From: Philip Mundt <philip.mundt@uni-bielefeld.de>
Date: Sun, 29 Sep 2024 05:07:14 +0200
Subject: [PATCH] eng mech

---
 src/contents/engineering.tsx | 82 ++++++++++++++++++++++++++++++++----
 1 file changed, 73 insertions(+), 9 deletions(-)

diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx
index 1dbcf3f7..9ae342c2 100644
--- a/src/contents/engineering.tsx
+++ b/src/contents/engineering.tsx
@@ -2,7 +2,7 @@
 import { ButtonOneEngineering } from "../components/Buttons";
 import { LoremShort } from "../components/Loremipsum";
 import { openElement } from "../utils/openElement";
-import { H3, H4 } from "../components/Headings";
+import { H3, H4, H5 } from "../components/Headings";
 import { useTabNavigation } from "../utils/TabNavigation";
 import { Collapsible } from "../components/Collapsible";
 import { useNavigation } from "../utils";
@@ -119,18 +119,68 @@ export function Engineering() {
                      <p>
                         Since we aim to develop a therapy delivered to the human body, we wanted to obtain high editing efficiency while risking as little off-targets as possible and also reducing the size for improved packability.
                      </p>
-                     <InfoBox title="Prime Editing" id="prime-editing">
+                     <InfoBox title="Prime Editing" id="pe-systeme">
                         <details>
                            <summary>
                               
                            </summary>
-                           <p><b>PE1</b>[1], the first version of the Prime Editor features a Cas9(H840A), a Streptococcus pyogenes Cas9 (SpCas9, hereafter just referred to as Cas9) mutant that only cuts the non-target strand of the DNA template[2], and a wildtype reverse transcriptase from the Moloney Murine Leukaemia Virus (M-MLV RT) connected by a serine and glycine rich flexible linker.</p>
-                           <p><b>PE2</b>[1] improves on this concept by incorporating an improved RT with five mutations improving affinity to the template RNA, enzyme processivity and thermostability (D200N/L603W/T330P/T306K/W313F). This version of the prime editor showed varying improvement of editing efficiency over all tested loci and edits with no apparent downsides. Building on the PE2 system, a smaller version of the M-MLV RT was introduced by Gao et al. (2022)[3]. The RT was truncated by 621 bp through deletion of the RNaseH domain, which originally degrades the RNA template, but is not needed for prime editing. The codon optimized version of this truncated RT prime editor (in literature usually called PE2∆RNaseH) was named <b>PE<sup>CO</sup>-Mini</b> in the paper and will be addressed as such here.</p>
-                           <p>The <b>PE3</b>[1] system, described in the same paper as PE1 and PE2, introduces the use of a second single guide RNA besides the pegRNA which leads to a nick in the strand opposite to the edited strand. This is supposed to improve integration of edits by directing cellular DNA repair systems to use the edited strand as a template for resolving base mismatches. Nicks positioned 3‘ of the edit about 40–90 base pairs from the pegRNA-induced nick were able to further increase editing efficiencies about threefold when compared to PE2, but with a higher range of on-target indels  , meaning random Insertions and/or Deletions that appear after faulty repair of double strand breaks in the DNA. PE3b, where the protospacer for the nicking sgRNA lies within the edited regions, decreased the indel rate greatly compared to PE3.</p>
-                           <p><b>PE4</b> and <b>PE5</b>[4] expand the PE2 and PE3 systems, respectively, by co-expressing a dominant negative MLH1 protein (MLH1(Δ754–756), hereafter referred to as MLH1dn). The MLH1 protein plays a crucial role in the mismatch repair (MMR) mechanism of the human cell[5] by recruiting other repair proteins and facilitating catalytic function. The mutant still recruits other factors but is impaired in its endonuclease function, disrupting function of the entire repair mechanism. This leads to an average 7.7-fold and 2.0-fold increase in editing efficiency, respectively, compared to PE2 and PE3. This is possibly due to slower repair of mismatches and thus more time for the proteins encoded by LIG1 and FEN1 genes to excise the non-edited 5’ flap and ligate the nick in the edited strand. Additionally, MLH1dn co-expression slightly reduced on-target indels as well as unintended editing outcomes in PE3 systems and did not lead to higher off-target indel rates or overall mutation rates.</p>
-                           <p>With <b>PEmax</b>[4], the structure of PE2 is further enhanced by using human codon-optimized RT, a new linker containing a bipartite SV40 nuclear localization sequence (NLS)[[6]], an additional C-terminal c-Myc NLS[7] and R221K N394K mutations in SpCas9 previously shown to improve Cas9 nuclease activity[8]. These changes led to moderate improvements in editing efficiency compared to previous editor architectures.</p>
-                           <p><b>PE6</b>[9] was made by improving the reverse transcriptase domain of the prime editor using Phage-Assisted Continuous Evolution (PACE). Multiple RT mutants (PE6a-d), derived from RTs of Escherichia coli Ec48 retron, Schizosaccharomyces pombe Tf1 retrotransposon and Moloney Murine Leukaemia Virus,   were identified to increase editing efficiency over and/or were smaller than the M-MLV RT used in previous PE systems. Especially <b>PE6c</b> (evolved Tf1 RT) and <b>PE6d</b> (evolved M-MLV RT) showed significantly higher editing efficiencies than even PEmax depending on the targeted loci, with PE6d showing benefits especially in loci forming more complex secondary structures. Recent advancements in prime editing targeting the CFTR F508Δ mutation showed that PE6c was the most promising for editing in this loci[10]. Improvements of nCas9 on the other hand (PE6e-g) were only marginal and highly site specific. All PE6 systems use nicking gRNAs (PE3) by default, but do not co-express MLH1dn.</p>
-                           <p><b>PE7</b>[11] adds an additional RNA binding domain to the Prime Editor. The domain is derived from the La Protein (La(1-194)), an endogenous eukaryotic protein involved RNA metabolism and known for its role in binding polyuridine (polyU) tails at the 3’ ends of nascent transcripts, thus protecting them from exonuclease activity. PE7 showed considerable improvements over PEmax at different loci and different types of edits when used with the PE2 strategy (no nicking gRNAs, no MLH1dn co-expression). Notably, PE7 did perform worse when used with engineered pegRNAs than with regular ones (see pegRNA design).</p>
+                           <div className='row align-items-center'>
+                              <div className='col'>
+                                 <p>
+                                    <b>PE1</b>[1], the first version of the Prime Editor features a Cas9(H840A), a Streptococcus pyogenes Cas9 (SpCas9, hereafter just referred to as Cas9) mutant that only cuts the non-target strand of the DNA template[2], and a wildtype reverse transcriptase from the Moloney Murine Leukaemia Virus (M-MLV RT) connected by a serine and glycine rich flexible linker.
+                                 </p>
+                                 <p>
+                                    <b>PE2</b>[1] improves on this concept by incorporating an improved RT with five mutations improving affinity to the template RNA, enzyme processivity and thermostability (D200N/L603W/T330P/T306K/W313F). This version of the prime editor showed varying improvement of editing efficiency over all tested loci and edits with no apparent downsides. Building on the PE2 system, a smaller version of the M-MLV RT was introduced by Gao et al. (2022)[3]. The RT was truncated by 621 bp through deletion of the RNaseH domain, which originally degrades the RNA template, but is not needed for prime editing. The codon optimized version of this truncated RT prime editor (in literature usually called PE2∆RNaseH) was named <b>PE<sup>CO</sup>-Mini</b> in the paper and will be addressed as such here.
+                                 </p>
+                              </div>
+                              <div className='col-4'>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/pe2-open.svg" alt="PE2 Prime Editor"/>  
+                              </div>
+                           </div>
+                           <div className='row align-items-center'>
+                              <div className='col'>
+                                 <p>
+                                    The <b>PE3</b>[1] system, described in the same paper as PE1 and PE2, introduces the use of a second single guide RNA besides the pegRNA which leads to a nick in the strand opposite to the edited strand. This is supposed to improve integration of edits by directing cellular DNA repair systems to use the edited strand as a template for resolving base mismatches. Nicks positioned 3‘ of the edit about 40–90 base pairs from the pegRNA-induced nick were able to further increase editing efficiencies about threefold when compared to PE2, but with a higher range of on-target indels  , meaning random Insertions and/or Deletions that appear after faulty repair of double strand breaks in the DNA. PE3b, where the protospacer for the nicking sgRNA lies within the edited regions, decreased the indel rate greatly compared to PE3.
+                                 </p>
+                              </div>
+                              <div className='col-4'>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/pe3-open.svg" alt="PE3 Prime Editor"/>  
+                              </div>
+                           </div>
+                           <div className='row align-items-center'>
+                              <div className='col'>
+                                 <p>
+                                    <b>PE4</b> and <b>PE5</b>[4] expand the PE2 and PE3 systems, respectively, by co-expressing a dominant negative MLH1 protein (MLH1(Δ754–756), hereafter referred to as MLH1dn). The MLH1 protein plays a crucial role in the mismatch repair (MMR) mechanism of the human cell[5] by recruiting other repair proteins and facilitating catalytic function. The mutant still recruits other factors but is impaired in its endonuclease function, disrupting function of the entire repair mechanism. This leads to an average 7.7-fold and 2.0-fold increase in editing efficiency, respectively, compared to PE2 and PE3. This is possibly due to slower repair of mismatches and thus more time for the proteins encoded by LIG1 and FEN1 genes to excise the non-edited 5’ flap and ligate the nick in the edited strand. Additionally, MLH1dn co-expression slightly reduced on-target indels as well as unintended editing outcomes in PE3 systems and did not lead to higher off-target indel rates or overall mutation rates.
+                                 </p>
+                                 <p>
+                                    With <b>PEmax</b>[4], the structure of PE2 is further enhanced by using human codon-optimized RT, a new linker containing a bipartite SV40 nuclear localization sequence (NLS)[[6]], an additional C-terminal c-Myc NLS[7] and R221K N394K mutations in SpCas9 previously shown to improve Cas9 nuclease activity[8]. These changes led to moderate improvements in editing efficiency compared to previous editor architectures.
+                                 </p>
+                              </div>
+                              <div className='col-4'>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/pe4-open.svg" alt="PE4 Prime Editor"/>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/pe5-open.svg" alt="PE5 Prime Editor"/>  
+                              </div>
+                           </div>
+                           <div className='row align-items-center'>
+                              <div className='col'>
+                                 <p>
+                                    <b>PE6</b>[9] was made by improving the reverse transcriptase domain of the prime editor using Phage-Assisted Continuous Evolution (PACE). Multiple RT mutants (PE6a-d), derived from RTs of Escherichia coli Ec48 retron, Schizosaccharomyces pombe Tf1 retrotransposon and Moloney Murine Leukaemia Virus,   were identified to increase editing efficiency over and/or were smaller than the M-MLV RT used in previous PE systems. Especially <b>PE6c</b> (evolved Tf1 RT) and <b>PE6d</b> (evolved M-MLV RT) showed significantly higher editing efficiencies than even PEmax depending on the targeted loci, with PE6d showing benefits especially in loci forming more complex secondary structures. Recent advancements in prime editing targeting the CFTR F508Δ mutation showed that PE6c was the most promising for editing in this loci[10]. Improvements of nCas9 on the other hand (PE6e-g) were only marginal and highly site specific. All PE6 systems use nicking gRNAs (PE3) by default, but do not co-express MLH1dn.
+                                 </p>
+                              </div>
+                              <div className='col-4'>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/pe6c-open.svg" alt="PE6c Prime Editor"/> 
+                              </div>
+                           </div>
+                           <div className='row align-items-center'>
+                              <div className='col'>
+                                 <p>
+                                    <b>PE7</b>[11] adds an additional RNA binding domain to the Prime Editor. The domain is derived from the La Protein (La(1-194)), an endogenous eukaryotic protein involved RNA metabolism and known for its role in binding polyuridine (polyU) tails at the 3’ ends of nascent transcripts, thus protecting them from exonuclease activity. PE7 showed considerable improvements over PEmax at different loci and different types of edits when used with the PE2 strategy (no nicking gRNAs, no MLH1dn co-expression). Notably, PE7 did perform worse when used with engineered pegRNAs than with regular ones (see pegRNA design).
+                                 </p>
+                              </div>
+                              <div className='col-4'>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/pe7-open.svg" alt="PE7 Prime Editor"/> 
+                              </div>
+                           </div>
                         </details>
                      </InfoBox> 
                   </div>
@@ -190,6 +240,20 @@ export function Engineering() {
                         <p>
                            The PreCyse cassette comes in three versions: PreCyseA, the most basic version, comprises of a T7 promoter and an open reading frame, which includes NLS and one typeIIS restriction enzyme cloning site for a nickase and a reverse transcriptase each. For possible future additions like e. g. selection markers, a BamHI restriction site at the end of the coding sequence allows for easy in-frame Gibson cloning. Building on this basis, PreCyseB expands PreCyseA by the La Poly(U)-binding motif. PreCyseC additionally introduces the co-expressed MLH1dn. The cassettes were ordered in three individual parts to be put together with a pCMV-PE6c backbone via Gibson Cloning in different configurations to create the three variants. In the plasmid the cassette is expressed under a CMV promoter and followed by a polyadenylation signal. The PreCyse Casettes themselves can be used as a BioBrick RFC[10] standard compatible composite part can thus be freely combined with other parts. The nickase and RT slots can be used for inserting any basic or composite part compatible with the Type IIS RCF[1000] standard for fusion proteins. The PreCyse Casette is meant to be a contribution to the iGEM community and a base for other teams to join us and researchers around the world to innovate in the exciting field of prime editing.
                         </p>
+                        <div className='row align-items-top'>
+                           <div className='col align-items-center'>
+                              <H5 text="PreCyseA" id="PreCyseA"/>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysea-casette.svg" alt="PreCyseA modular PE casette" style={{height: "80pt"}}/>  
+                           </div>
+                           <div className='col align-items-center'>
+                              <H5 text="PreCyseB" id="PreCyseB"/>
+                              <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precyseb-casette.svg" alt="PreCyseB modular PE casetter" style={{height: "80pt"}}/>  
+                           </div>
+                        </div>
+                        <div className='row align-items-center'>
+                           <H5 text="PreCyseC" id="PreCyseC"/>
+                           <img src="https://static.igem.wiki/teams/5247/engineering-cycle/precysec-casette.svg" alt="PreCyseC modular PE casette" style={{height: "80pt"}}/>  
+                        </div>
                         {/* <H4 text="Test" id="text"/>
                         <p></p>
                         <H4 text="Learn" id="text"/>
-- 
GitLab