https://electricui.com/component---src-templates-template-docs-pag…-upgrading-index-md-c1d67d36363d246292a5.js

1"use strict";(self.webpackChunk_electricui_blog=self.webpackChunk_electricui_blog||[]).push([[7136],{11669:function(e,t){var n="angle-right",r=[8250],a="f105",c="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z";t.DF={prefix:"fas",iconName:n,icon:[320,512,r,a,c]},t.yO=t.DF},95246:function(e,t,n){n.r(t),n.d(t,{default:function(){return E}});var r=n(45392),a=n(2784);function c(e){const t=Object.assign({p:"p",h2:"h2",code:"code",a:"a",em:"em"},(0,r.ah)(),e.components);return a.createElement(a.Fragment,null,a.createElement(t.p,null,"As the Electric UI improves over time, you may want to update your application to make use of newer features."),"\n",a.createElement(t.h2,null,"Updating"),"\n",a.createElement(t.p,null,"We strongly recommend you have a copy of your project as backup (in Git or similar). While the upgrade process is pretty reliable in our testing, its often useful to rollback changes and check previous versions."),"\n",a.createElement(t.p,null,"From the project directory, invoke ",a.createElement(t.code,null,"arc upgrade"),"."),"\n",a.createElement(t.p,null,"This will compare the template version against the most recent template, and intelligently modifies the sourcecode to bring your project up to the latest version. Your changes to the template aren't modified, as ",a.createElement(t.code,null,"arc")," diffs against the newer template at the ",a.createElement(t.a,{href:"https://en.wikipedia.org/wiki/Abstract_syntax_tree",target:"_blank",rel:"noopener noreferrer"},"AST level")," to ensure the underlying ",a.createElement(t.em,null,"functionality")," upgrade, whilst adapting to syntactical conflicts or project reorganisation."),"\n",a.createElement(t.p,null,"Once complete, try launching the project's dev environment with a normal ",a.createElement(t.code,null,"arc start"),"."),"\n",a.createElement(t.h2,null,"Troubleshooting"),"\n",a.createElement(t.p,null,"Get in contact with us, we've not seen this go horribly wrong yet."))}var l=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,r.ah)(),e.components);return t?a.createElement(t,e,a.createElement(c,e)):c(e)},i=(n(63281),n(95303)),o=n(94229),s=n(10484),u=n(41170),m=(n(68270),n(9876)),d=n(59111),p=n(8711),h=n(6192),g=n(2598);function f(e){const{pageContext:t,data:n}=e;if(!n)return console.error(e,"no data"),null;const c=t,{data:{mdx:{tableOfContents:l}}}=e,f=l.items&&0!==l.items.length?a.createElement("div",null,a.createElement(d.Z,{items:l.items})):null;return a.createElement(u.Z,{location:e.location},a.createElement(s.A,{title:c.frontmatter.title+" - Electric UI",keywords:c.frontmatter.keywords,description:c.frontmatter.description,type:"guide"===c.frontmatter.category?"article":"website",image:c.image,imageHeight:c.imageHeight,imageWidth:c.imageWidth}),a.createElement(o.Z,{location:e.location,currentTitle:c.frontmatter.title,toc:f},c.breadcrumbs?a.createElement(g.O,{breadcrumbs:c.breadcrumbs}):null,a.createElement("h1",{id:(0,h.Z)(c.frontmatter.title)},c.frontmatter.title),a.createElement("main",{style:{display:"block",marginBottom:(0,i.qZ)(1),marginTop:(0,i.qZ)(1)}},a.createElement(m.Z.Provider,{value:t},a.createElement(r.Zo,{components:p.Z},e.children)))))}function E(e){return a.createElement(f,e,a.createElement(l,e))}},2598:function(e,t,n){n.d(t,{O:function(){return o}});var r=n(2784),a=n(68270),c=n(68251),l=n(11669),i=n(17370);function o(e){return r.createElement("div",{className:"breadcrumbs"},e.breadcrumbs.map(((t,n)=>n===e.breadcrumbs.length-1?r.createElement(r.Fragment,null):r.createElement(r.Fragment,null," ",r.createElement(a.rU,{to:t.slug},t.title)," ",r.createElement(i.G,{icon:l.yO,size:"xs"})))),e.breadcrumbs.length>=2?r.createElement(c.BreadcrumbJsonLd,{itemListElements:e.breadcrumbs.map(((e,t)=>({position:t+1,name:e.title,item:"https://electricui.com"+e.slug})))}):null)}},9876:function(e,t,n){const r=n(2784).createContext(null);t.Z=r},8711:function(e,t,n){n.d(t,{Z:function(){return l}});var r=n(90803),a=n(2784);function c(e){const t=(0,a.useRef)(null),n=(0,a.useRef)(null),r=(0,a.useRef)(null),c=(0,a.useCallback)((e=>{if(!t.current)return;if(!n.current)return;if(!r.current)return;const a=e.target;if("DATA-LSP"!==a.nodeName)return;const c=a.getAttribute("lsp");let l=a.getBoundingClientRect(),i=t.current.getBoundingClientRect(),o=l.left-i.left;n.current.style.display="block",n.current.style.top=l.top+20-i.top+"px",n.current.style.left=o+"px",n.current.style.maxWidth=Math.min(3*i.width/4,i.width-o-2)+"px",c&&(r.current.innerHTML=c)}),[]),l=(0,a.useCallback)((e=>{n.current&&(n.current.style.display="none")}),[]);return a.createElement("div",{className:"code-container"},a.createElement("div",{className:"eui-syntax-highlighting line-numbers"},a.createElement("pre",{className:"shiki twoslash"},a.createElement("code",{className:"code-container",onMouseOver:c,onMouseOut:l,ref:t},e.children)),a.createElement("div",{className:"shiki-twoslash-tooltip",ref:n},a.createElement("pre",{className:"shiki twoslash"},a.createElement("code",{ref:r})))))}var l={h1:e=>a.createElement(r.Z,Object.assign({is:"h1"},e)),h2:e=>a.createElement(r.Z,Object.assign({is:"h2"},e)),h3:e=>a.createElement(r.Z,Object.assign({is:"h3"},e)),h4:e=>a.createElement(r.Z,Object.assign({is:"h4"},e)),h5:e=>a.createElement(r.Z,Object.assign({is:"h5"},e)),h6:e=>a.createElement(r.Z,Object.assign({is:"h6"},e)),pre:e=>a.createElement(c,e),code:e=>a.createElement("code",e),table:e=>a.createElement("div",{className:"table-wrapper"},a.createElement("table",e)),CodeBlock:e=>a.createElement(c,e)}},6192:function(e,t){t.Z=function(e){return e.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}},45392:function(e,t,n){n.d(t,{Zo:function(){return i},ah:function(){return c}});var r=n(2784);const a=r.createContext({});function c(e){const t=r.useContext(a);return r.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const l={};function i({components:e,children:t,disableParentContext:n}){let i;return i=n?"function"==typeof e?e({}):e||l:c(e),r.createElement(a.Provider,{value:i},t)}}}]);
2//# sourceMappingURL=component---src-templates-template-docs-page-js-content-file-path-src-pages-docs-interface-upgrading-index-md-c1d67d36363d246292a5.js.map