From e89d939b53863185cb7b9117bbea61d1a0329858 Mon Sep 17 00:00:00 2001 From: Matthew Butcher Date: Mon, 22 Sep 2025 12:50:49 -0700 Subject: [PATCH 1/5] this is the beginning of the manifest file to allow a chrome addon to override where the new tab key sends the user --- manifest.json | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 manifest.json diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..e69de29 From 86d0ff1bfd706c72767d1ac4e55c3dbe3cd223d4 Mon Sep 17 00:00:00 2001 From: Matthew Butcher Date: Mon, 6 Oct 2025 12:51:47 -0700 Subject: [PATCH 2/5] adding a sample and a first attempt for a widget calling the calander git --- manifest.json | 10 ++++++++++ src/calandersample.tsk | 16 ++++++++++++++++ src/calanderwidget.tsk | 9 +++++++++ 3 files changed, 35 insertions(+) create mode 100644 src/calandersample.tsk create mode 100644 src/calanderwidget.tsk diff --git a/manifest.json b/manifest.json index e69de29..e473864 100644 --- a/manifest.json +++ b/manifest.json @@ -0,0 +1,10 @@ +{ + "name": "New Tab - CustomP", + "description": "this is to override the normal create tab command and start the build process", + "version": "1.0.0", + "manifest_version": 3 + "chrome_url_overrides" : { + "newtab": " to be determined" + } + "permissions": ["storage"] +} \ No newline at end of file diff --git a/src/calandersample.tsk b/src/calandersample.tsk new file mode 100644 index 0000000..1d460a7 --- /dev/null +++ b/src/calandersample.tsk @@ -0,0 +1,16 @@ +import { useState } from 'react'; +import Calendar from 'react-calendar'; + +type ValuePiece = Date | null; + +type Value = ValuePiece | [ValuePiece, ValuePiece]; + +function MyApp() { + const [value, onChange] = useState(new Date()); + + return ( +
+ +
+ ); +} \ No newline at end of file diff --git a/src/calanderwidget.tsk b/src/calanderwidget.tsk new file mode 100644 index 0000000..992e0a0 --- /dev/null +++ b/src/calanderwidget.tsk @@ -0,0 +1,9 @@ +import Calendar from 'react-calendar'; +import 'react-calendar/dist/Calendar.css'; + +function MyCalendar() { + const [date, setDate] = useState(new Date());return ( +
+
+ ); +} \ No newline at end of file From 5719db352aaaa03b20a8e3978be1ecf9b8aac495 Mon Sep 17 00:00:00 2001 From: Matthew Butcher Date: Wed, 8 Oct 2025 12:16:24 -0700 Subject: [PATCH 3/5] attempt to add this prototype widget to github attempt 2 --- src/calanderwidget.tsx | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 src/calanderwidget.tsx diff --git a/src/calanderwidget.tsx b/src/calanderwidget.tsx new file mode 100644 index 0000000..992e0a0 --- /dev/null +++ b/src/calanderwidget.tsx @@ -0,0 +1,9 @@ +import Calendar from 'react-calendar'; +import 'react-calendar/dist/Calendar.css'; + +function MyCalendar() { + const [date, setDate] = useState(new Date());return ( +
+
+ ); +} \ No newline at end of file From ad9fb802b48a99979d25f36e69711b246d5c276a Mon Sep 17 00:00:00 2001 From: Matthew Butcher Date: Wed, 8 Oct 2025 12:47:12 -0700 Subject: [PATCH 4/5] created a calander widget that calls react-calandar, does work in widget form --- src/widgets/calanderwidget.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 src/widgets/calanderwidget.tsx diff --git a/src/widgets/calanderwidget.tsx b/src/widgets/calanderwidget.tsx new file mode 100644 index 0000000..701d9bc --- /dev/null +++ b/src/widgets/calanderwidget.tsx @@ -0,0 +1,10 @@ +import React, { useState} from 'react'; +import Calendar from 'react-calendar'; +import 'react-calendar/dist/Calendar.css'; + +export function MyCalendar() { + const [date, setDate] = useState(new Date());return ( +
+
+ ); +} \ No newline at end of file From 61e4254e3835404ed74ecc1e913ad57940c5d502 Mon Sep 17 00:00:00 2001 From: Matthew Butcher Date: Mon, 13 Oct 2025 12:48:08 -0700 Subject: [PATCH 5/5] adding the prototype notepad widget --- src/widgets/notepadwidget.tsx | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 src/widgets/notepadwidget.tsx diff --git a/src/widgets/notepadwidget.tsx b/src/widgets/notepadwidget.tsx new file mode 100644 index 0000000..bdf0a7f --- /dev/null +++ b/src/widgets/notepadwidget.tsx @@ -0,0 +1,30 @@ +import React, { useState} from 'react'; + +// set to export +export const NoteForm = ({ onSaveNote }) => { + const [noteText, setNoteText] = useState(''); + const handleChange = (event) => { + setNoteText(event.target.value); + }; + // use trim + const handleSave = () => { + if (noteText.trim()) { + onSaveNote(noteText); + setNoteText(''); + } + }; + //set the note area with a save button + return ( +
+