calendar-notes-plugin 1.0.0

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/mcp.json

@@ -0,0 +1,9 @@
+{
+  // For more information, visit: https://angular.dev/ai/mcp
+  "mcpServers": {
+    "angular-cli": {
+      "command": "npx",
+      "args": ["-y", "@angular/cli", "mcp"]
+    }
+  }
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Changes detected"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation (complete|failed)"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Changes detected"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation (complete|failed)"
+          }
+        }
+      }
+    }
+  ]
+}

package/backend/policies/RLS.sql

@@ -0,0 +1 @@
+alter table notes enable row level security;

package/backend/policies/delete.sql

@@ -0,0 +1,6 @@
+create policy "Users can delete own notes"
+on "public"."notes"
+to authenticated
+using (
+(auth.uid() = user_id)
+);

package/backend/policies/insert.sql

@@ -0,0 +1,6 @@
+create policy "Users can insert their own notes"
+on "public"."notes"
+to authenticated
+with check (
+ (auth.uid() = user_id)
+);

package/backend/policies/select.sql

@@ -0,0 +1,4 @@
+create policy "Users can read their own notes"
+on notes
+for select
+using (auth.uid() = user_id);

package/backend/policies/update.sql

@@ -0,0 +1,8 @@
+create policy "Users can update their own notes"
+on "public"."notes"
+to authenticated
+using (
+(auth.uid() = user_id)
+) with check (
+(auth.uid() = user_id)
+);

package/backend/table.sql

@@ -0,0 +1,9 @@
+create table notes (
+  id uuid primary key default gen_random_uuid(),
+  user_id uuid not null,
+  title text not null,
+  content text,
+  note_date date not null,
+  reminder_at timestamp,
+  created_at timestamp default now()
+);

package/calendar-notes-plugin/.editorconfig

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/calendar-notes-plugin/.hintrc

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "development"
+  ]
+}

package/calendar-notes-plugin/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/calendar-notes-plugin/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/calendar-notes-plugin/.vscode/mcp.json

@@ -0,0 +1,9 @@
+{
+  // For more information, visit: https://angular.dev/ai/mcp
+  "mcpServers": {
+    "angular-cli": {
+      "command": "npx",
+      "args": ["-y", "@angular/cli", "mcp"]
+    }
+  }
+}

package/calendar-notes-plugin/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Changes detected"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation (complete|failed)"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "Changes detected"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation (complete|failed)"
+          }
+        }
+      }
+    }
+  ]
+}

package/calendar-notes-plugin/README.md

@@ -0,0 +1,226 @@
+📅 Calendar Notes Widget
+A lightweight embeddable calendar + personal notes widget that can be integrated into any website.
+Users can:
+•	📅 View a calendar
+•	📝 Create personal notes for specific dates
+•	🔔 Set reminders
+•	☁️ Store notes securely in Supabase
+•	🔐 Keep notes private per user
+The widget is designed to be embedded via a simple script tag and integrated with the host website's authentication system.
+________________________________________
+✨ Features
+•	📆 Interactive calendar
+•	📝 Add / update / delete notes
+•	🔔 Reminder support
+•	☁️ Supabase database storage
+•	🔐 User-based note isolation
+•	⚡ Lightweight embeddable widget
+•	🔌 Easy integration with existing websites
+•	🧩 Works with any framework (Angular, React, Vue, Vanilla JS)
+________________________________________
+📦 Installation
+ CDN (Recommended)
+Add the widget script to your website.
+ <script src="http://localhost:4200/widget.js"></script>
+
+
+
+
+⚡ Quick Start
+1. Include the widget script.
+<script src="widget.js"></script>
+2. Configure the widget.
+window.CalendarNotesConfig = {
+  loadNotes: async () => { },
+  saveNote: async (note) => { },
+  updateNote: async (note) => { },
+  deleteNote: async (id) => { }
+};
+3. The widget will automatically load on the page.
+________________________________________
+🔌 Host Website Integration
+The host website must provide four functions to interact with the database.
+These functions allow the widget to remain backend-agnostic.
+Example configuration:
+window.CalendarNotesConfig = {
+
+  loadNotes: async () => {
+    if (!window.currentUserId) return [];
+    const { data } =
+      await supabaseService.getNotes(window.currentUserId);
+    return data || [];
+  },
+
+  saveNote: async (note) => {
+    note.user_id = window.currentUserId;
+    const { data } =
+      await supabaseService.saveNote([note]);
+    return data?.[0];
+  },
+
+  updateNote: async (note) => {
+    const { data } =
+      await supabaseService.updateNote(note.id, note);
+    return data?.[0];
+  },
+
+
+
+  deleteNote: async (id) => {
+    await supabaseService.deleteNote(id);
+  }
+
+};
+________________________________________
+🔐 User Authentication Integration
+When a user logs in, the host website must notify the plugin.
+Example:
+window.currentUserId = userId;
+
+window.postMessage(
+  { type: "USER_LOGIN", userId: userId },
+  "*"
+);
+This allows the widget to load user-specific notes.
+________________________________________
+☁️ Supabase Integration
+The widget does not directly access Supabase.
+Instead, the host website handles Supabase communication.
+Example Supabase service:
+const { data } = await supabase
+  .from("notes")
+  .select("*")
+  .eq("user_id", userId);
+________________________________________
+
+
+🗄 Database Schema
+Create a notes table in Supabase.
+
+Column	     Type	        Description
+id	         uuid	        Primary key
+user_id	     uuid	        User ID
+title	     text	        Note title
+content	     text	        Note content
+note_date	 date	        Note date
+reminder_at	 timestamp	    Reminder time
+created_at	 timestamp	    Created time
+________________________________________
+🔒 Row Level Security Policies
+Enable Row Level Security.
+
+Policy example:
+Select policy
+CREATE POLICY "Users can view their notes"
+ON notes
+FOR SELECT
+
+Insert policy
+CREATE POLICY "Users can insert notes"
+ON notes
+FOR INSERT
+WITH CHECK (auth.uid() = user_id);
+
+Update policy
+CREATE POLICY "Users can update their notes"
+ON notes
+FOR UPDATE
+USING (auth.uid() = user_id);
+
+Delete policy
+CREATE POLICY "Users can delete their notes"
+ON notes
+FOR DELETE
+USING (auth.uid() = user_id);
+________________________________________
+📡 API Reference
+The plugin expects the following configuration API.
+loadNotes()
+Fetch notes for the logged-in user.
+Returns:
+Array<Note>
+________________________________________
+saveNote(note)
+Create a new note.
+Example note:
+{
+  title: "Exam preparation",
+  content: "Study chapter 3",
+  note_date: "2026-03-14"
+}
+Returns:
+Note
+________________________________________
+updateNote(note)
+Update an existing note.
+Requires:
+note.id
+________________________________________
+deleteNote(id)
+Delete a note.
+Parameter:
+noteId
+________________________________________
+
+
+
+📄 Note Object Structure
+{
+  id: string
+  user_id: string
+  title: string
+  content?: string
+  note_date: string
+  reminder_at?: string
+}
+________________________________________
+💡 Usage Example
+Example login integration.
+async login() {
+
+  const { data } =
+    await supabase.auth.signInWithPassword({
+      email,
+      password
+    });
+
+  const userId = data.user.id;
+
+  window.currentUserId = userId;
+
+  window.postMessage({
+    type: "USER_LOGIN",
+    userId: userId
+  });
+
+}
+________________________________________
+🛠 Troubleshooting
+Notes not loading
+Check:
+CalendarNotesConfig.loadNotes
+________________________________________
+Notes not saving
+Verify:
+currentUserId is set
+________________________________________
+Supabase permission errors
+Check:
+Row Level Security policies
+________________________________________
+❓ FAQ
+Does the plugin require Supabase?
+No.
+You can connect it to any backend as long as the required functions are implemented.
+________________________________________
+Can multiple users use the plugin?
+Yes.
+Each user's notes are isolated using user_id.
+________________________________________
+Can this plugin work with React or Vue?
+Yes.
+It works with any framework because it uses a simple script tag.
+________________________________________
+👨‍💻 Author
+Developed by Vidunaya Technologies
+

package/calendar-notes-plugin/angular.json

@@ -0,0 +1,74 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "cli": {
+    "packageManager": "npm"
+  },
+  "newProjectRoot": "projects",
+  "projects": {
+    "notes_plugin": {
+      "projectType": "application",
+      "schematics": {},
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "browser": "src/main.ts",
+            "tsConfig": "tsconfig.app.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.css"
+            ]
+            
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "none"
+            },
+            "development": {
+              "optimization": true,
+              "extractLicenses": false,
+              "sourceMap": false
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "notes_plugin:build:production"
+            },
+            "development": {
+              "buildTarget": "notes_plugin:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "test": {
+          "builder": "@angular/build:unit-test"
+        }
+      }
+    }
+  }
+}