Setting to Enable Samples (#70)

Add a setting to enable samples.

src/components/ButtonOpenMenu.tsx

@@ -24,11 +24,12 @@ import { DrawerSnips } from "./DrawerSnips";
 import { getId, idEditButtonOpen, idEditButtonOpenSnip } from "./id";
 import { DrawerSamples } from "./DrawerSamples";
 import { DrawerEmbed } from "./DrawerEmbed";
-import { enableEmbed } from "../core/enableEmbed";
+import { enableEmbed } from "../core/settings/enableEmbed";
 import { newDefaultSnip } from "../core/newDefaultSnip";
 import { LogTag, log } from "../core/log";
 import { DrawerGists } from "./DrawerGists";
-import { enableGists } from "../core/enableGists";
+import { enableGists } from "../core/settings/enableGists";
+import { enableSamples } from "../core/settings/enableSamples";
 
 export function ButtonOpenMenu({
     openSnip,
@@ -89,9 +90,14 @@ export function ButtonOpenMenu({
                         ) : (
                             <></>
                         )}
-                        <MenuItem icon={<BookDefault28Regular />} onClick={() => setIsOpenDrawerSamples(true)}>
-                            Sample
-                        </MenuItem>
+
+                        {enableSamples() ? (
+                            <MenuItem icon={<BookDefault28Regular />} onClick={() => setIsOpenDrawerSamples(true)}>
+                                Sample
+                            </MenuItem>
+                        ) : (
+                            <></>
+                        )}
 
                         <MenuDivider />
 

src/components/PageEdit.tsx

@@ -25,10 +25,10 @@ import { copyTextToClipboard } from "../core/copyTextToClipboard";
 import { LogTag, log } from "../core/log";
 import { ButtonEmbedCopy } from "./ButtonEmbedCopy";
 import { ButtonOpenMenu } from "./ButtonOpenMenu";
-import { enableEmbed } from "../core/enableEmbed";
+import { enableEmbed } from "../core/settings/enableEmbed";
 import { idEditButtonCopyToClipboard } from "./id";
 import { getSetting } from "../core/setting";
-import { enableEditImport } from "../core/enableEditImport";
+import { enableEditImport } from "../core/settings/enableEditImport";
 
 function buttonRun() {
     window.location.href = "./run.html#back";
@@ -145,7 +145,7 @@ export function PageEdit({ initialSnip }: { initialSnip: SnipWithSource }) {
                 <TooltipButton tip="Delete" icon={<DeleteRegular />} onClick={buttonDeleteSnip} />
 
                 {/** Label */}
-                {getSourceBadge(snip)}
+                {enableEmbed() ? getSourceBadge(snip) : <></>}
 
                 {/** Settings */}
                 <TooltipButton tip="Settings" icon={<SettingsRegular />} onClick={buttonSettings} />

src/core/setting.ts

@@ -17,13 +17,22 @@ export const settingsMetadata = {
         defaultValue: "",
     } as SettingString,
 
+    /**
+     * Show the samples in the open menu.
+     */
+    enableSamples: {
+        name: "Enable Samples",
+        type: "boolean",
+        defaultValue: false,
+    } as SettingBoolean,
+
     /**
      * Show the embed button on the edit page and in the open menu.
      */
     enableEmbed: {
         name: "Enable Embed",
         type: "boolean",
-        defaultValue: true,
+        defaultValue: false,
     } as SettingBoolean,
 
     /**

src/core/enableEditImport.ts → src/core/settings/enableEditImport.ts

@@ -1,4 +1,4 @@
-import { getSetting } from "./setting";
+import { getSetting } from "../setting";
 
 /**
  * Enable the import button on the edit page

src/core/enableEmbed.ts → src/core/settings/enableEmbed.ts

@@ -1,5 +1,5 @@
-import { getHost } from "./globals";
-import { getSetting } from "./setting";
+import { getHost } from "../globals";
+import { getSetting } from "../setting";
 
 export function enableEmbed(): boolean {
     const host = getHost();

src/core/enableGists.ts → src/core/settings/enableGists.ts

@@ -1,4 +1,4 @@
-import { getSetting } from "./setting";
+import { getSetting } from "../setting";
 
 /**
  * Enable creating a local copy of a gist.

src/core/settings/enableSamples.ts

@@ -0,0 +1,9 @@
+import { getSetting } from "../setting";
+
+/**
+ * Enable open menu samples button.
+ */
+export function enableSamples(): boolean {
+    const enable = getSetting("enableSamples");
+    return enable;
+}