codicent-app-sdk 0.3.112 → 0.3.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -95,6 +95,15 @@ USE_REALTIME_SESSION_ENDPOINT: boolean // Use secure session endpoint (default:
95
95
 
96
96
  For AI voice configuration and security, see the [Voice Upgrade Guide](VOICE_UPGRADE_GUIDE.md).
97
97
 
98
+ ### CRUD Operations
99
+
100
+ The SDK provides comprehensive CRUD (Create, Read, Update, Delete) methods for managing structured data. For detailed documentation and examples, see:
101
+
102
+ 📄 **[CRUD Method Usage Guide](../CRUD_METHOD_USAGE.md)** - Complete guide covering:
103
+ - CodicentService CRUD methods
104
+ - Usage patterns for project/task management and business records
105
+ - JavaScript library (codicentjs) API
106
+ - Best practices and complete examples
98
107
 
99
108
  ### Example: Simple Chat App
100
109
 
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("react-router-dom");require("../services/codicent.js"),require("./Markdown.js"),require("./Textarea.js"),require("./Button.js"),require("./CompoundButton.js"),require("./Spinner.js"),require("./TextHeader.js"),require("./TypingIndicator.js"),require("./Dialog.js"),require("./ChatInput.js"),require("./CombinedPlaceholderDialog.js"),require("./ChatMessage.js"),require("./Header.js"),require("../utils/MessageContent.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_virtual/index.js");var i=require("../config/index.js");require("../utils/cacheManager.js"),require("../lib/wavtools/lib/wav_packer.js"),require("../lib/wavtools/lib/analysis/audio_analysis.js"),require("../lib/wavtools/lib/wav_stream_player.js"),require("../lib/wavtools/lib/wav_recorder.js"),require("./FileThumbnail.js"),require("./MessageInput.js"),require("./UploadFile.js"),require("./SnapFooter.js"),require("./Profile.js"),require("./MessageItem.js"),require("./Content.js"),require("./AiInput.js"),require("./SearchBox.js"),require("./HtmlView.js"),require("./Page.js"),require("../pages/AppFrame.js"),require("../pages/Chat.js"),require("../pages/Compose.js"),require("../pages/Snap.js"),require("../pages/Search.js"),require("../pages/Login.js"),require("../pages/CrmPage.js"),require("../pages/CrmPagePersistent.js"),require("../pages/ImageView.js"),require("../pages/FormInvite.js"),require("../pages/FormAccept.js"),require("../pages/Sales.js"),require("../pages/Purchase.js");var o=require("../hooks/useLocalization.js");require("../hooks/useAppStyles.js");var n=require("../node_modules/@griffel/react/makeStyles.esm.js"),a=require("../node_modules/@griffel/core/index.esm.js"),t=require("../node_modules/@fluentui/tokens/lib/tokens.js"),l=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-8.js"),u=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-3.js"),c=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-0.js"),d=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-4.js"),j=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-14.js"),g=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-18.js");const p=n.makeStyles({footer:{...a.shorthands.padding("14px"),textAlign:"center",display:"flex",justifyContent:"space-around",alignItems:"center",position:"sticky",bottom:0,zIndex:1e3,paddingBottom:"22px",width:"100%"},container:{display:"flex",justifyContent:"space-around",alignItems:"center",maxWidth:"480px",width:"100%"},button:{color:t.tokens.colorNeutralForegroundOnBrand,height:"24px",width:"24px",...a.shorthands.borderWidth("0")},link:{textDecoration:"none",color:"inherit",display:"flex",flexDirection:"column",alignItems:"center","&.selected":{border:"none"},"&:hover":{textDecoration:"none"}},buttonText:{fontSize:"12px"}}),m=()=>{const n=p(),a=r.useLocation(),[m,x]=s.useState(null),{t:h}=o.default(),q={backgroundColor:i.getConfigValue("APP_FOOTER_COLOR")||t.tokens.colorBrandBackground,color:i.getConfigValue("APP_FOOTER_TEXT_COLOR")||t.tokens.colorNeutralForegroundOnBrand},k=i.getConfigValue("APP_FOOTER_SELECTED_COLOR")||void 0;return s.useEffect((()=>{const e=a.pathname;"/"===e?x("home"):"/chat"===e?x("chat"):"/new"===e?x("save"):"/menu"===e?x("menu"):"/log"===e?x("log"):"/canvas"===e?x("canvas"):"/snap"===e&&x("snap")}),[a]),s.useEffect((()=>{m&&console.log(`footer-button: ${m}`)}),[m]),e.jsx("footer",{className:n.footer,style:q,children:e.jsxs("div",{className:n.container,children:[e.jsxs(r.Link,{to:"/",className:`${n.link} ${"home"===m?"selected":""}`,onClick:()=>x("home"),style:"home"===m?{color:k}:void 0,children:["home"===m?e.jsx(l.Home24Filled,{}):e.jsx(l.Home24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Hem")})]}),!i.getConfigValue("HIDE_CHAT_BUTTON")&&e.jsxs(r.Link,{to:"/chat",className:`${n.link} ${"chat"===m?"selected":""}`,onClick:()=>x("chat"),style:"chat"===m?{color:k}:void 0,children:["chat"===m?e.jsx(u.Chat24Filled,{}):e.jsx(u.Chat24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Chatt")})]}),!i.getConfigValue("HIDE_SAVE_BUTTON")&&e.jsxs(r.Link,{to:"/new",className:`${n.link} ${"save"===m?"selected":""}`,onClick:()=>x("save"),style:"save"===m?{color:k}:void 0,children:["save"===m?e.jsx(c.AddSquare24Filled,{}):e.jsx(c.AddSquare24Regular,{}),e.jsx("p",{className:n.buttonText,children:h(i.getConfigValue("APP_SAVE_TITLE")||"Spara")})]}),i.getConfigValue("SHOW_SNAP_BUTTON")&&e.jsxs(r.Link,{to:"/snap",className:`${n.link} ${"snap"===m?"selected":""}`,onClick:()=>x("snap"),style:"snap"===m?{color:k}:void 0,children:["snap"===m?e.jsx(d.ClipboardDay24Filled,{}):e.jsx(d.ClipboardDay24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Snap")})]}),i.getConfigValue("SHOW_LOGBOOK_BUTTON")&&e.jsxs(r.Link,{to:"/log",className:`${n.link} ${"log"===m?"selected":""}`,onClick:()=>x("log"),style:"log"===m?{color:k}:void 0,children:["log"===m?e.jsx(j.SlideText24Filled,{}):e.jsx(j.SlideText24Regular,{}),e.jsx("p",{className:n.buttonText,children:h(i.getConfigValue("APP_LOGBOOK_TITLE")||"Loggbok")})]}),i.getConfigValue("SHOW_CANVAS_BUTTON")&&e.jsxs(r.Link,{to:"/canvas",className:`${n.link} ${"canvas"===m?"selected":""}`,onClick:()=>x("canvas"),style:"canvas"===m?{color:k}:void 0,children:["canvas"===m?e.jsx(g.Whiteboard24Filled,{}):e.jsx(g.Whiteboard24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Kanvas")})]}),!i.getConfigValue("HIDE_MENU_BUTTON")&&e.jsxs(r.Link,{to:"/menu",className:`${n.link} ${"menu"===m?"selected":""}`,onClick:()=>x("menu"),style:"menu"===m?{color:k}:void 0,children:["menu"===m?e.jsx(c.Apps24Filled,{}):e.jsx(c.Apps24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Meny")})]})]})})};exports.Footer=m,exports.default=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("react-router-dom");require("../services/codicent.js"),require("./Markdown.js"),require("./Textarea.js"),require("./Button.js"),require("./CompoundButton.js"),require("./Spinner.js"),require("./TextHeader.js"),require("./TypingIndicator.js"),require("./Dialog.js"),require("./ChatInput.js"),require("./CombinedPlaceholderDialog.js"),require("./ChatMessage.js"),require("./Header.js"),require("../utils/MessageContent.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_virtual/index.js");var i=require("../config/index.js");require("../utils/cacheManager.js"),require("../lib/wavtools/lib/wav_packer.js"),require("../lib/wavtools/lib/analysis/audio_analysis.js"),require("../lib/wavtools/lib/wav_stream_player.js"),require("../lib/wavtools/lib/wav_recorder.js"),require("./FileThumbnail.js"),require("./MessageInput.js"),require("./UploadFile.js"),require("./SnapFooter.js"),require("./Profile.js"),require("./MessageItem.js"),require("./Content.js"),require("./AiInput.js"),require("./SearchBox.js"),require("./HtmlView.js"),require("./Page.js"),require("../pages/AppFrame.js"),require("../pages/Chat.js"),require("../pages/Compose.js"),require("../pages/Snap.js"),require("../pages/Search.js"),require("../pages/Login.js"),require("../pages/CrmPage.js"),require("../pages/CrmPagePersistent.js"),require("../pages/ImageView.js"),require("../pages/FormInvite.js"),require("../pages/FormAccept.js"),require("../pages/Sales.js"),require("../pages/Purchase.js");var o=require("../hooks/useLocalization.js");require("../hooks/useAppStyles.js");var n=require("../node_modules/@griffel/react/makeStyles.esm.js"),a=require("../node_modules/@griffel/core/index.esm.js"),t=require("../node_modules/@fluentui/tokens/lib/tokens.js"),l=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-8.js"),u=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-3.js"),c=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-0.js"),d=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-4.js"),j=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-14.js"),g=require("../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-18.js");const p=n.makeStyles({footer:{...a.shorthands.padding("14px"),textAlign:"center",display:"flex",justifyContent:"space-around",alignItems:"center",position:"sticky",bottom:0,zIndex:1e3,paddingBottom:"22px",width:"100%"},container:{display:"flex",justifyContent:"space-around",alignItems:"center",maxWidth:"480px",width:"100%"},button:{color:t.tokens.colorNeutralForegroundOnBrand,height:"24px",width:"24px",...a.shorthands.borderWidth("0")},link:{textDecoration:"none",color:"inherit",display:"flex",flexDirection:"column",alignItems:"center","&.selected":{border:"none"},"&:hover":{textDecoration:"none"}},buttonText:{fontSize:"12px"}}),m=()=>{const n=p(),a=r.useLocation(),[m,x]=s.useState(null),{t:h}=o.default(),q={backgroundColor:i.getConfigValue("APP_FOOTER_COLOR")||t.tokens.colorBrandBackground,color:i.getConfigValue("APP_FOOTER_TEXT_COLOR")||t.tokens.colorNeutralForegroundOnBrand},C=i.getConfigValue("APP_FOOTER_SELECTED_COLOR")||void 0;return s.useEffect((()=>{const e=a.pathname;"/"===e?x("home"):"/chat"===e?x("chat"):"/new"===e?x("save"):"/menu"===e?x("menu"):"/log"===e?x("log"):"/canvas"===e?x("canvas"):"/snap"===e&&x("snap")}),[a]),s.useEffect((()=>{m&&console.log(`footer-button: ${m}`)}),[m]),e.jsx("footer",{className:n.footer,style:q,children:e.jsxs("div",{className:n.container,children:[e.jsxs(r.Link,{to:"/",className:`${n.link} ${"home"===m?"selected":""}`,onClick:()=>x("home"),style:"home"===m?{color:C}:void 0,children:["home"===m?e.jsx(l.Home24Filled,{}):e.jsx(l.Home24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Hem")})]}),!i.getConfigValue("HIDE_CHAT_BUTTON")&&e.jsxs(r.Link,{to:"/chat",className:`${n.link} ${"chat"===m?"selected":""}`,onClick:()=>x("chat"),style:"chat"===m?{color:C}:void 0,children:["chat"===m?e.jsx(u.Chat24Filled,{}):e.jsx(u.Chat24Regular,{}),e.jsx("p",{className:n.buttonText,children:h(i.getConfigValue("APP_CHAT_TITLE")||"Chatt")})]}),!i.getConfigValue("HIDE_SAVE_BUTTON")&&e.jsxs(r.Link,{to:"/new",className:`${n.link} ${"save"===m?"selected":""}`,onClick:()=>x("save"),style:"save"===m?{color:C}:void 0,children:["save"===m?e.jsx(c.AddSquare24Filled,{}):e.jsx(c.AddSquare24Regular,{}),e.jsx("p",{className:n.buttonText,children:h(i.getConfigValue("APP_SAVE_TITLE")||"Spara")})]}),i.getConfigValue("SHOW_SNAP_BUTTON")&&e.jsxs(r.Link,{to:"/snap",className:`${n.link} ${"snap"===m?"selected":""}`,onClick:()=>x("snap"),style:"snap"===m?{color:C}:void 0,children:["snap"===m?e.jsx(d.ClipboardDay24Filled,{}):e.jsx(d.ClipboardDay24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Snap")})]}),i.getConfigValue("SHOW_LOGBOOK_BUTTON")&&e.jsxs(r.Link,{to:"/log",className:`${n.link} ${"log"===m?"selected":""}`,onClick:()=>x("log"),style:"log"===m?{color:C}:void 0,children:["log"===m?e.jsx(j.SlideText24Filled,{}):e.jsx(j.SlideText24Regular,{}),e.jsx("p",{className:n.buttonText,children:h(i.getConfigValue("APP_LOGBOOK_TITLE")||"Loggbok")})]}),i.getConfigValue("SHOW_CANVAS_BUTTON")&&e.jsxs(r.Link,{to:"/canvas",className:`${n.link} ${"canvas"===m?"selected":""}`,onClick:()=>x("canvas"),style:"canvas"===m?{color:C}:void 0,children:["canvas"===m?e.jsx(g.Whiteboard24Filled,{}):e.jsx(g.Whiteboard24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Kanvas")})]}),!i.getConfigValue("HIDE_MENU_BUTTON")&&e.jsxs(r.Link,{to:"/menu",className:`${n.link} ${"menu"===m?"selected":""}`,onClick:()=>x("menu"),style:"menu"===m?{color:C}:void 0,children:["menu"===m?e.jsx(c.Apps24Filled,{}):e.jsx(c.Apps24Regular,{}),e.jsx("p",{className:n.buttonText,children:h("Meny")})]})]})})};exports.Footer=m,exports.default=m;
@@ -1 +1 @@
1
- import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{useLocation as i,Link as n}from"react-router-dom";import"../services/codicent.js";import"./Markdown.js";import"./Textarea.js";import"./Button.js";import"./CompoundButton.js";import"./Spinner.js";import"./TextHeader.js";import"./TypingIndicator.js";import"./Dialog.js";import"./ChatInput.js";import"./CombinedPlaceholderDialog.js";import"./ChatMessage.js";import"./Header.js";import"../utils/MessageContent.js";import"../node_modules/tinycolor2/esm/tinycolor.js";import"../_virtual/index.js";import{getConfigValue as r}from"../config/index.js";import"../utils/cacheManager.js";import"../lib/wavtools/lib/wav_packer.js";import"../lib/wavtools/lib/analysis/audio_analysis.js";import"../lib/wavtools/lib/wav_stream_player.js";import"../lib/wavtools/lib/wav_recorder.js";import"./FileThumbnail.js";import"./MessageInput.js";import"./UploadFile.js";import"./SnapFooter.js";import"./Profile.js";import"./MessageItem.js";import"./Content.js";import"./AiInput.js";import"./SearchBox.js";import"./HtmlView.js";import"./Page.js";import"../pages/AppFrame.js";import"../pages/Chat.js";import"../pages/Compose.js";import"../pages/Snap.js";import"../pages/Search.js";import"../pages/Login.js";import"../pages/CrmPage.js";import"../pages/CrmPagePersistent.js";import"../pages/ImageView.js";import"../pages/FormInvite.js";import"../pages/FormAccept.js";import"../pages/Sales.js";import"../pages/Purchase.js";import a from"../hooks/useLocalization.js";import"../hooks/useAppStyles.js";import{makeStyles as l}from"../node_modules/@griffel/react/makeStyles.esm.js";import{shorthands as c}from"../node_modules/@griffel/core/index.esm.js";import{tokens as m}from"../node_modules/@fluentui/tokens/lib/tokens.js";import{Home24Filled as p,Home24Regular as d}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-8.js";import{Chat24Filled as u,Chat24Regular as j}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-3.js";import{AddSquare24Filled as h,AddSquare24Regular as g,Apps24Filled as _,Apps24Regular as f}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-0.js";import{ClipboardDay24Filled as T,ClipboardDay24Regular as v}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-4.js";import{SlideText24Filled as b,SlideText24Regular as k}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-14.js";import{Whiteboard24Filled as x,Whiteboard24Regular as O}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-18.js";const C=l({footer:{...c.padding("14px"),textAlign:"center",display:"flex",justifyContent:"space-around",alignItems:"center",position:"sticky",bottom:0,zIndex:1e3,paddingBottom:"22px",width:"100%"},container:{display:"flex",justifyContent:"space-around",alignItems:"center",maxWidth:"480px",width:"100%"},button:{color:m.colorNeutralForegroundOnBrand,height:"24px",width:"24px",...c.borderWidth("0")},link:{textDecoration:"none",color:"inherit",display:"flex",flexDirection:"column",alignItems:"center","&.selected":{border:"none"},"&:hover":{textDecoration:"none"}},buttonText:{fontSize:"12px"}}),N=()=>{const l=C(),c=i(),[N,y]=t(null),{t:I}=a(),S={backgroundColor:r("APP_FOOTER_COLOR")||m.colorBrandBackground,color:r("APP_FOOTER_TEXT_COLOR")||m.colorNeutralForegroundOnBrand},P=r("APP_FOOTER_SELECTED_COLOR")||void 0;return s((()=>{const o=c.pathname;"/"===o?y("home"):"/chat"===o?y("chat"):"/new"===o?y("save"):"/menu"===o?y("menu"):"/log"===o?y("log"):"/canvas"===o?y("canvas"):"/snap"===o&&y("snap")}),[c]),s((()=>{N&&console.log(`footer-button: ${N}`)}),[N]),o("footer",{className:l.footer,style:S,children:e("div",{className:l.container,children:[e(n,{to:"/",className:`${l.link} ${"home"===N?"selected":""}`,onClick:()=>y("home"),style:"home"===N?{color:P}:void 0,children:[o("home"===N?p:d,{}),o("p",{className:l.buttonText,children:I("Hem")})]}),!r("HIDE_CHAT_BUTTON")&&e(n,{to:"/chat",className:`${l.link} ${"chat"===N?"selected":""}`,onClick:()=>y("chat"),style:"chat"===N?{color:P}:void 0,children:[o("chat"===N?u:j,{}),o("p",{className:l.buttonText,children:I("Chatt")})]}),!r("HIDE_SAVE_BUTTON")&&e(n,{to:"/new",className:`${l.link} ${"save"===N?"selected":""}`,onClick:()=>y("save"),style:"save"===N?{color:P}:void 0,children:[o("save"===N?h:g,{}),o("p",{className:l.buttonText,children:I(r("APP_SAVE_TITLE")||"Spara")})]}),r("SHOW_SNAP_BUTTON")&&e(n,{to:"/snap",className:`${l.link} ${"snap"===N?"selected":""}`,onClick:()=>y("snap"),style:"snap"===N?{color:P}:void 0,children:[o("snap"===N?T:v,{}),o("p",{className:l.buttonText,children:I("Snap")})]}),r("SHOW_LOGBOOK_BUTTON")&&e(n,{to:"/log",className:`${l.link} ${"log"===N?"selected":""}`,onClick:()=>y("log"),style:"log"===N?{color:P}:void 0,children:[o("log"===N?b:k,{}),o("p",{className:l.buttonText,children:I(r("APP_LOGBOOK_TITLE")||"Loggbok")})]}),r("SHOW_CANVAS_BUTTON")&&e(n,{to:"/canvas",className:`${l.link} ${"canvas"===N?"selected":""}`,onClick:()=>y("canvas"),style:"canvas"===N?{color:P}:void 0,children:[o("canvas"===N?x:O,{}),o("p",{className:l.buttonText,children:I("Kanvas")})]}),!r("HIDE_MENU_BUTTON")&&e(n,{to:"/menu",className:`${l.link} ${"menu"===N?"selected":""}`,onClick:()=>y("menu"),style:"menu"===N?{color:P}:void 0,children:[o("menu"===N?_:f,{}),o("p",{className:l.buttonText,children:I("Meny")})]})]})})};export{N as Footer,N as default};
1
+ import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useState as t,useEffect as s}from"react";import{useLocation as i,Link as n}from"react-router-dom";import"../services/codicent.js";import"./Markdown.js";import"./Textarea.js";import"./Button.js";import"./CompoundButton.js";import"./Spinner.js";import"./TextHeader.js";import"./TypingIndicator.js";import"./Dialog.js";import"./ChatInput.js";import"./CombinedPlaceholderDialog.js";import"./ChatMessage.js";import"./Header.js";import"../utils/MessageContent.js";import"../node_modules/tinycolor2/esm/tinycolor.js";import"../_virtual/index.js";import{getConfigValue as r}from"../config/index.js";import"../utils/cacheManager.js";import"../lib/wavtools/lib/wav_packer.js";import"../lib/wavtools/lib/analysis/audio_analysis.js";import"../lib/wavtools/lib/wav_stream_player.js";import"../lib/wavtools/lib/wav_recorder.js";import"./FileThumbnail.js";import"./MessageInput.js";import"./UploadFile.js";import"./SnapFooter.js";import"./Profile.js";import"./MessageItem.js";import"./Content.js";import"./AiInput.js";import"./SearchBox.js";import"./HtmlView.js";import"./Page.js";import"../pages/AppFrame.js";import"../pages/Chat.js";import"../pages/Compose.js";import"../pages/Snap.js";import"../pages/Search.js";import"../pages/Login.js";import"../pages/CrmPage.js";import"../pages/CrmPagePersistent.js";import"../pages/ImageView.js";import"../pages/FormInvite.js";import"../pages/FormAccept.js";import"../pages/Sales.js";import"../pages/Purchase.js";import a from"../hooks/useLocalization.js";import"../hooks/useAppStyles.js";import{makeStyles as l}from"../node_modules/@griffel/react/makeStyles.esm.js";import{shorthands as c}from"../node_modules/@griffel/core/index.esm.js";import{tokens as m}from"../node_modules/@fluentui/tokens/lib/tokens.js";import{Home24Filled as p,Home24Regular as d}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-8.js";import{Chat24Filled as u,Chat24Regular as j}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-3.js";import{AddSquare24Filled as h,AddSquare24Regular as g,Apps24Filled as _,Apps24Regular as f}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-0.js";import{ClipboardDay24Filled as T,ClipboardDay24Regular as v}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-4.js";import{SlideText24Filled as b,SlideText24Regular as k}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-14.js";import{Whiteboard24Filled as x,Whiteboard24Regular as O}from"../node_modules/@fluentui/react-icons/lib/sizedIcons/chunk-18.js";const C=l({footer:{...c.padding("14px"),textAlign:"center",display:"flex",justifyContent:"space-around",alignItems:"center",position:"sticky",bottom:0,zIndex:1e3,paddingBottom:"22px",width:"100%"},container:{display:"flex",justifyContent:"space-around",alignItems:"center",maxWidth:"480px",width:"100%"},button:{color:m.colorNeutralForegroundOnBrand,height:"24px",width:"24px",...c.borderWidth("0")},link:{textDecoration:"none",color:"inherit",display:"flex",flexDirection:"column",alignItems:"center","&.selected":{border:"none"},"&:hover":{textDecoration:"none"}},buttonText:{fontSize:"12px"}}),N=()=>{const l=C(),c=i(),[N,y]=t(null),{t:I}=a(),P={backgroundColor:r("APP_FOOTER_COLOR")||m.colorBrandBackground,color:r("APP_FOOTER_TEXT_COLOR")||m.colorNeutralForegroundOnBrand},S=r("APP_FOOTER_SELECTED_COLOR")||void 0;return s((()=>{const o=c.pathname;"/"===o?y("home"):"/chat"===o?y("chat"):"/new"===o?y("save"):"/menu"===o?y("menu"):"/log"===o?y("log"):"/canvas"===o?y("canvas"):"/snap"===o&&y("snap")}),[c]),s((()=>{N&&console.log(`footer-button: ${N}`)}),[N]),o("footer",{className:l.footer,style:P,children:e("div",{className:l.container,children:[e(n,{to:"/",className:`${l.link} ${"home"===N?"selected":""}`,onClick:()=>y("home"),style:"home"===N?{color:S}:void 0,children:[o("home"===N?p:d,{}),o("p",{className:l.buttonText,children:I("Hem")})]}),!r("HIDE_CHAT_BUTTON")&&e(n,{to:"/chat",className:`${l.link} ${"chat"===N?"selected":""}`,onClick:()=>y("chat"),style:"chat"===N?{color:S}:void 0,children:[o("chat"===N?u:j,{}),o("p",{className:l.buttonText,children:I(r("APP_CHAT_TITLE")||"Chatt")})]}),!r("HIDE_SAVE_BUTTON")&&e(n,{to:"/new",className:`${l.link} ${"save"===N?"selected":""}`,onClick:()=>y("save"),style:"save"===N?{color:S}:void 0,children:[o("save"===N?h:g,{}),o("p",{className:l.buttonText,children:I(r("APP_SAVE_TITLE")||"Spara")})]}),r("SHOW_SNAP_BUTTON")&&e(n,{to:"/snap",className:`${l.link} ${"snap"===N?"selected":""}`,onClick:()=>y("snap"),style:"snap"===N?{color:S}:void 0,children:[o("snap"===N?T:v,{}),o("p",{className:l.buttonText,children:I("Snap")})]}),r("SHOW_LOGBOOK_BUTTON")&&e(n,{to:"/log",className:`${l.link} ${"log"===N?"selected":""}`,onClick:()=>y("log"),style:"log"===N?{color:S}:void 0,children:[o("log"===N?b:k,{}),o("p",{className:l.buttonText,children:I(r("APP_LOGBOOK_TITLE")||"Loggbok")})]}),r("SHOW_CANVAS_BUTTON")&&e(n,{to:"/canvas",className:`${l.link} ${"canvas"===N?"selected":""}`,onClick:()=>y("canvas"),style:"canvas"===N?{color:S}:void 0,children:[o("canvas"===N?x:O,{}),o("p",{className:l.buttonText,children:I("Kanvas")})]}),!r("HIDE_MENU_BUTTON")&&e(n,{to:"/menu",className:`${l.link} ${"menu"===N?"selected":""}`,onClick:()=>y("menu"),style:"menu"===N?{color:S}:void 0,children:[o("menu"===N?_:f,{}),o("p",{className:l.buttonText,children:I("Meny")})]})]})})};export{N as Footer,N as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "codicent-app-sdk",
3
- "version": "0.3.112",
3
+ "version": "0.3.113",
4
4
  "description": "SDK for building AI-powered applications with Codicent",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",