settings page

.github/workflows/deploy.yml

@@ -28,10 +28,11 @@ jobs:
 
       - name: Copy additional files
         run: |
-          cp -r static/* dist || true
+          cp -r previews/* dist || true
           cp README.md dist/README.md
           printf -- "---\npermalink: /404.html\n---\n" > dist/404.md
           printf -- "> **Note:** You accessed a link that returned a 404, probably by clicking one of the plugin links. You're supposed to copy the link address and add it into shelter.\n\n" >> dist/404.md
+          printf -- "remote_theme: jameshamann/jekyll-material-theme\n" > dist/_config.yml
           cat README.md >> dist/404.md
 
         # Documentation: https://github.com/peaceiris/actions-gh-pages

plugins/gpt/index.jsx

@@ -90,7 +90,6 @@ export function onLoad() {
 
   let closeModal = null;
   const openGenerationModal = async () => {
-    let hasValidKey = store.openaiKey?.startsWith("sk-");
     let savedModel = store.model || "gpt-3.5-turbo";
 
     let model = savedModel;
@@ -195,18 +194,6 @@ export function onLoad() {
             >
               Generate
             </Button>
-            <Button
-              look={ButtonLooks.LINK}
-              grow={true}
-              onClick={() => {
-                // i am not designing this...
-                const key = window.prompt("Enter your OpenAI key");
-                store.openaiKey = key;
-                hasValidKey = true;
-              }}
-            >
-              {hasValidKey ? "Change" : "Set"} OpenAI key
-            </Button>
           </div>
         </ModalFooter>
       </ModalRoot>
@@ -249,3 +236,5 @@ export function onUnload() {
   unobserve();
   popupButton?.remove();
 }
+
+export { default as settings } from "./settings";

plugins/gpt/settings.jsx

@@ -0,0 +1,17 @@
+const {
+  plugin: { store },
+  ui: { TextBox, Text },
+} = shelter;
+
+export default () => (
+  <>
+    <Text>OpenAI Key</Text>
+    <TextBox
+      placeholder="sk-..."
+      value={store.openaiKey}
+      onInput={(value) => {
+        store.openaiKey = value;
+      }}
+    />
+  </>
+);