@tscircuit/fake-snippets 0.0.40 → 0.0.41

package/dist/index.d.ts

@@ -365,6 +365,7 @@ declare const packageSchema: z.ZodObject<{
     website: z.ZodDefault<z.ZodNullable<z.ZodString>>;
     star_count: z.ZodDefault<z.ZodNumber>;
     ai_description: z.ZodNullable<z.ZodString>;
+    latest_license: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     ai_usage_instructions: z.ZodNullable<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     name: string;
@@ -393,6 +394,7 @@ declare const packageSchema: z.ZodObject<{
     ai_description: string | null;
     ai_usage_instructions: string | null;
     snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
+    latest_license?: string | null | undefined;
 }, {
     name: string;
     unscoped_name: string;
@@ -420,6 +422,7 @@ declare const packageSchema: z.ZodObject<{
     is_footprint?: boolean | undefined;
     is_source_from_github?: boolean | undefined;
     website?: string | null | undefined;
+    latest_license?: string | null | undefined;
 }>;
 type Package = z.infer<typeof packageSchema>;
 declare const jlcpcbOrderStateSchema: z.ZodObject<{
@@ -626,6 +629,7 @@ declare const createDatabase: ({ seed }?: {
         ai_description: string | null;
         ai_usage_instructions: string | null;
         snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
+        latest_license?: string | null | undefined;
     }[];
     orders: {
         error: z.objectOutputType<{
@@ -901,6 +905,7 @@ declare const createDatabase: ({ seed }?: {
         ai_description: string | null;
         ai_usage_instructions: string | null;
         snippet_type?: "board" | "package" | "model" | "footprint" | undefined;
+        latest_license?: string | null | undefined;
     }[];
     orders: {
         error: z.objectOutputType<{

package/dist/index.js

@@ -179,6 +179,7 @@ var packageSchema = z.object({
   website: z.string().nullable().default(null),
   star_count: z.number().default(0),
   ai_description: z.string().nullable(),
+  latest_license: z.string().nullable().optional(),
   ai_usage_instructions: z.string().nullable()
 });
 var jlcpcbOrderStateSchema = z.object({

package/fake-snippets-api/lib/db/schema.ts

@@ -206,6 +206,7 @@ export const packageSchema = z.object({
   website: z.string().nullable().default(null),
   star_count: z.number().default(0),
   ai_description: z.string().nullable(),
+  latest_license: z.string().nullable().optional(),
   ai_usage_instructions: z.string().nullable(),
 })
 export type Package = z.infer<typeof packageSchema>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/fake-snippets",
-  "version": "0.0.40",
+  "version": "0.0.41",
   "type": "module",
   "repository": {
     "type": "git",

package/src/components/ViewPackagePage/components/mobile-sidebar.tsx

@@ -6,36 +6,35 @@ import { usePreviewImages } from "@/hooks/use-preview-images"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { Button } from "@/components/ui/button"
 import { useEditPackageDetailsDialog } from "@/components/dialogs/edit-package-details-dialog"
-import { useState, useEffect } from "react"
+import { useState, useEffect, useMemo } from "react"
 import { useCurrentPackageInfo } from "@/hooks/use-current-package-info"
-
-interface PackageInfo {
-  name: string
-  package_id: string
-  unscoped_name: string
-  owner_github_username: string
-  star_count: string
-  latest_version?: string
-  description: string
-  ai_description: string
-  creator_account_id?: string
-  owner_org_id?: string
-  is_package?: boolean
-  website?: string
-}
+import { PackageInfo } from "./sidebar-about-section"
+import { usePackageFile } from "@/hooks/use-package-files"
+import { getLicenseFromLicenseContent } from "@/lib/getLicenseFromLicenseContent"
 
 interface MobileSidebarProps {
-  packageInfo?: PackageInfo
   isLoading?: boolean
   onViewChange: (view: "schematic" | "pcb" | "3d") => void
 }
 
 export default function MobileSidebar({
-  packageInfo,
   isLoading = false,
   onViewChange,
 }: MobileSidebarProps) {
-  const { refetch: refetchPackageInfo } = useCurrentPackageInfo()
+  const { packageInfo, refetch: refetchPackageInfo } = useCurrentPackageInfo()
+  const { data: licenseFileMeta } = usePackageFile({
+    package_release_id: packageInfo?.latest_package_release_id ?? "",
+    file_path: "LICENSE",
+  })
+  const currentLicense = useMemo(() => {
+    if (packageInfo?.latest_license) {
+      return packageInfo?.latest_license
+    }
+    if (licenseFileMeta?.content_text) {
+      return getLicenseFromLicenseContent(licenseFileMeta?.content_text)
+    }
+    return undefined
+  }, [licenseFileMeta?.content_text])
   const topics = packageInfo?.is_package ? ["Package"] : ["Board"]
   const isLoggedIn = useGlobalStore((s) => Boolean(s.session))
   const isOwner =
@@ -192,12 +191,16 @@ export default function MobileSidebar({
       </div>
       {packageInfo && (
         <EditPackageDetailsDialog
+          packageReleaseId={packageInfo.latest_package_release_id}
           packageId={packageInfo.package_id}
           currentDescription={
             packageInfo.description || packageInfo?.ai_description || ""
           }
+          currentLicense={currentLicense}
+          packageAuthor={packageInfo.owner_github_username}
           currentWebsite={(packageInfo as any)?.website || ""}
           onUpdate={handlePackageUpdate}
+          packageName={packageInfo.name}
         />
       )}
     </div>

package/src/components/ViewPackagePage/components/repo-page-content.tsx

@@ -117,7 +117,6 @@ export default function RepoPageContent({
 
     return `${name}@${version}`
   }, [packageInfo, packageFiles])
-
   // Render the appropriate content based on the active view
   const renderContent = () => {
     switch (activeView) {
@@ -166,7 +165,6 @@ export default function RepoPageContent({
             // Update URL hash when view changes
             window.location.hash = view
           }}
-          packageInfo={packageInfo}
           isLoading={!packageInfo}
         />
       </div>
@@ -203,7 +201,6 @@ export default function RepoPageContent({
           {/* Sidebar - Hidden on mobile, shown on md and up */}
           <div className="hidden md:block md:w-[296px] flex-shrink-0">
             <Sidebar
-              packageInfo={packageInfo}
               isLoading={!packageInfo}
               onViewChange={(view) => {
                 setActiveView(view)

package/src/components/ViewPackagePage/components/sidebar-about-section.tsx

@@ -6,9 +6,11 @@ import { usePackageReleaseById } from "@/hooks/use-package-release"
 import { useGlobalStore } from "@/hooks/use-global-store"
 import { Button } from "@/components/ui/button"
 import { useEditPackageDetailsDialog } from "@/components/dialogs/edit-package-details-dialog"
-import { useState, useEffect } from "react"
+import { useState, useEffect, useMemo } from "react"
+import { usePackageFile } from "@/hooks/use-package-files"
+import { getLicenseFromLicenseContent } from "@/lib/getLicenseFromLicenseContent"
 
-interface PackageInfo {
+export interface PackageInfo {
   name: string
   unscoped_name: string
   owner_github_username: string
@@ -33,6 +35,20 @@ export default function SidebarAboutSection() {
   const { data: packageRelease } = usePackageReleaseById(
     packageInfo?.latest_package_release_id,
   )
+
+  const { data: licenseFileMeta, refetch: refetchLicense } = usePackageFile({
+    package_release_id: packageInfo?.latest_package_release_id ?? "",
+    file_path: "LICENSE",
+  })
+  const currentLicense = useMemo(() => {
+    if (packageInfo?.latest_license) {
+      return packageInfo?.latest_license
+    }
+    if (licenseFileMeta?.content_text) {
+      return getLicenseFromLicenseContent(licenseFileMeta?.content_text)
+    }
+    return null
+  }, [licenseFileMeta])
   const topics = packageInfo?.is_package ? ["Package"] : ["Board"]
   const isLoading = !packageInfo || !packageRelease
   const isLoggedIn = useGlobalStore((s) => Boolean(s.session))
@@ -136,21 +152,20 @@ export default function SidebarAboutSection() {
           ))}
         </div>
         <div className="space-y-2 text-sm">
-          {packageInfo?.license && (
-            <div className="flex items-center">
-              <svg
-                className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]"
-                viewBox="0 0 16 16"
-                fill="currentColor"
-              >
-                <path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.53.53-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.29.736c-.264.152-.563.231-.868.231h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.53.53-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.29-.736c.263-.15.561-.231.865-.231H7.25V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path>
-              </svg>
-              <span>{packageInfo.license} license</span>
-            </div>
-          )}
+          <div className="flex items-center">
+            <svg
+              className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]"
+              viewBox="0 0 16 16"
+              fill="currentColor"
+            >
+              <path d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.53.53-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.29.736c-.264.152-.563.231-.868.231h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.53.53-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.29-.736c.263-.15.561-.231.865-.231H7.25V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z"></path>
+            </svg>
+            <span>{currentLicense ?? "Unset"} license</span>
+          </div>
+
           <div className="flex items-center">
             <Star className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
-            <span>{packageInfo?.star_count} stars</span>
+            <span>{packageInfo?.star_count} stars </span>
           </div>
           <div className="flex items-center">
             <GitFork className="h-4 w-4 mr-2 text-gray-500 dark:text-[#8b949e]" />
@@ -161,12 +176,16 @@ export default function SidebarAboutSection() {
 
       {packageInfo && (
         <EditPackageDetailsDialog
+          packageReleaseId={packageInfo.latest_package_release_id}
           packageId={packageInfo.package_id}
           currentDescription={
             packageInfo.description || packageInfo?.ai_description || ""
           }
+          currentLicense={currentLicense}
+          packageAuthor={packageInfo.owner_github_username}
           currentWebsite={(packageInfo as any)?.website || ""}
           onUpdate={handlePackageUpdate}
+          packageName={packageInfo.name}
         />
       )}
     </>

package/src/components/ViewPackagePage/components/sidebar.tsx

@@ -4,6 +4,7 @@ import { useState } from "react"
 import SidebarAboutSection from "./sidebar-about-section"
 import SidebarReleasesSection from "./sidebar-releases-section"
 import PreviewImageSquares from "./preview-image-squares"
+import { PackageFile } from "fake-snippets-api/lib/db/schema"
 
 interface PackageInfo {
   name: string

package/src/components/ViewPackagePage/utils/get-license-content.ts

@@ -0,0 +1,119 @@
+/**
+ * Generate license content based on license type
+ * @param licenseType The type of license (e.g., "MIT")
+ * @param authorName The name of the package author
+ * @returns The license content as a string
+ */
+export type LicenseType =
+  | "MIT"
+  | "Apache-2.0"
+  | "BSD-3-Clause"
+  | "GPL-3.0"
+  | "unset"
+  | string
+
+export const getLicenseContent = (
+  licenseType: LicenseType,
+  authorName?: string | null,
+): string => {
+  const currentYear = new Date().getFullYear()
+  const author = authorName ?? ""
+
+  switch (licenseType) {
+    case "MIT": {
+      return `MIT License
+
+Copyright (c) ${currentYear} ${author}
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.`
+    }
+    case "Apache-2.0": {
+      return `                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+Copyright ${currentYear} ${author}
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.`
+    }
+    case "BSD-3-Clause": {
+      return `BSD 3-Clause License
+
+Copyright (c) ${currentYear}, ${author}
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.`
+    }
+    case "GPL-3.0": {
+      return `                    GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+Copyright (C) ${currentYear} ${author}
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.`
+    }
+    default: {
+      return ""
+    }
+  }
+}

package/src/components/dialogs/edit-package-details-dialog.tsx

@@ -6,7 +6,6 @@ import {
   DialogDescription,
 } from "../ui/dialog"
 import { Button } from "../ui/button"
-import { useState, useEffect, useMemo } from "react"
 import { useMutation, useQueryClient } from "react-query"
 import { createUseDialog } from "./create-use-dialog"
 import { useAxios } from "@/hooks/use-axios"
@@ -14,16 +13,15 @@ import { useToast } from "@/hooks/use-toast"
 import { Textarea } from "../ui/textarea"
 import { Input } from "../ui/input"
 import { Label } from "../ui/label"
-
-const isValidUrl = (url: string): boolean => {
-  if (!url) return true
-  try {
-    new URL(url)
-    return true
-  } catch (e) {
-    return false
-  }
-}
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import { getLicenseContent } from "../ViewPackagePage/utils/get-license-content"
+import { usePackageDetailsForm } from "@/hooks/use-package-details-form"
 
 export const EditPackageDetailsDialog = ({
   open,
@@ -31,45 +29,44 @@ export const EditPackageDetailsDialog = ({
   packageId,
   currentDescription,
   currentWebsite,
+  currentLicense,
   onUpdate,
+  packageName,
+  packageReleaseId,
+  packageAuthor,
 }: {
   open: boolean
   onOpenChange: (open: boolean) => void
   packageId: string
   currentDescription: string
   currentWebsite: string
-  onUpdate?: (newDescription: string, newWebsite: string) => void
+  currentLicense?: string | null
+  packageAuthor?: string | null
+  packageName: string
+  packageReleaseId: string | null
+  onUpdate?: (
+    newDescription: string,
+    newWebsite: string,
+    newLicense: string | null,
+  ) => void
 }) => {
-  const [description, setDescription] = useState(currentDescription)
-  const [website, setWebsite] = useState(currentWebsite)
-  const [websiteError, setWebsiteError] = useState<string | null>(null)
   const axios = useAxios()
   const { toast } = useToast()
   const qc = useQueryClient()
 
-  useEffect(() => {
-    if (open) {
-      setDescription(currentDescription)
-      setWebsite(currentWebsite)
-      setWebsiteError(null)
-    }
-  }, [open, currentDescription, currentWebsite])
-
-  useEffect(() => {
-    if (website && !isValidUrl(website)) {
-      setWebsiteError("Please enter a valid URL (e.g., https://tscircuit.com)")
-    } else {
-      setWebsiteError(null)
-    }
-  }, [website])
-
-  const hasChanges = useMemo(() => {
-    return description !== currentDescription || website !== currentWebsite
-  }, [description, website, currentDescription, currentWebsite])
-
-  const isFormValid = useMemo(() => {
-    return !websiteError
-  }, [websiteError])
+  const {
+    formData,
+    setFormData,
+    websiteError,
+    hasLicenseChanged,
+    hasChanges,
+    isFormValid,
+  } = usePackageDetailsForm({
+    initialDescription: currentDescription,
+    initialWebsite: currentWebsite,
+    initialLicense: currentLicense || null,
+    isDialogOpen: open,
+  })
 
   const updatePackageDetailsMutation = useMutation({
     mutationFn: async () => {
@@ -77,29 +74,83 @@ export const EditPackageDetailsDialog = ({
         throw new Error("Please fix the form errors before submitting")
       }
 
+      if (hasLicenseChanged) {
+        await axios.post("/package_releases/update", {
+          package_id: packageId,
+          description: formData.description,
+          package_release_id: packageReleaseId,
+          website: formData.website,
+          license: formData.license ?? "unset",
+        })
+      }
+
       const response = await axios.post("/packages/update", {
         package_id: packageId,
-        description: description,
-        website: website,
+        description: formData.description,
+        package_release_id: packageReleaseId,
+        website: formData.website,
       })
+
       if (response.status !== 200) {
         console.error("Failed to update package details:", response.data)
         throw new Error("Failed to update package details")
       }
-      return response.data
+
+      const packageFiles = []
+      const packageFilesResponse = await axios.post("/package_files/list", {
+        package_name_with_version: `${packageName}`,
+      })
+
+      if (packageFilesResponse.status === 200) {
+        packageFiles.push(
+          ...packageFilesResponse.data.package_files.map(
+            (x: { file_path: string }) => x.file_path,
+          ),
+        )
+      }
+
+      const licenseContent = getLicenseContent(
+        formData.license ?? "",
+        packageAuthor,
+      )
+      if (hasLicenseChanged) {
+        let concludedLicenseResult
+        if (packageFiles.includes("LICENSE") && !licenseContent) {
+          concludedLicenseResult = await axios.post("/package_files/delete", {
+            package_name_with_version: `${packageName}`,
+            file_path: "LICENSE",
+          })
+        }
+        if (licenseContent) {
+          concludedLicenseResult = await axios.post(
+            "/package_files/create_or_update",
+            {
+              package_name_with_version: `${packageName}`,
+              file_path: "LICENSE",
+              content_text: licenseContent,
+            },
+          )
+        }
+        try {
+          if (concludedLicenseResult) {
+            window?.location?.reload?.()
+          }
+        } catch {}
+      }
     },
     onMutate: async () => {
       await qc.cancelQueries({ queryKey: ["packages", packageId] })
       const previousPackage = qc.getQueryData(["packages", packageId])
       qc.setQueryData(["packages", packageId], (old: any) => ({
         ...old,
-        description: description,
-        website: website,
+        description: formData.description,
+        website: formData.website,
+        license: formData.license,
       }))
       return { previousPackage }
     },
     onSuccess: () => {
-      onUpdate?.(description, website)
+      onUpdate?.(formData.description, formData.website, formData.license)
       onOpenChange(false)
       toast({
         title: "Package details updated",
@@ -135,8 +186,10 @@ export const EditPackageDetailsDialog = ({
             <Label htmlFor="website">Website</Label>
             <Input
               id="website"
-              value={website}
-              onChange={(e) => setWebsite(e.target.value)}
+              value={formData.website}
+              onChange={(e) =>
+                setFormData((prev) => ({ ...prev, website: e.target.value }))
+              }
               placeholder="https://example.com"
               disabled={updatePackageDetailsMutation.isLoading}
               aria-invalid={!!websiteError}
@@ -146,12 +199,41 @@ export const EditPackageDetailsDialog = ({
               <p className="text-sm text-red-500 mt-1">{websiteError}</p>
             )}
           </div>
+          <div className="space-y-2">
+            <Label htmlFor="license">License</Label>
+            <Select
+              value={formData.license || "unset"}
+              onValueChange={(value) =>
+                setFormData((prev) => ({
+                  ...prev,
+                  license: value === "unset" ? null : value,
+                }))
+              }
+              disabled={updatePackageDetailsMutation.isLoading}
+            >
+              <SelectTrigger className="w-full">
+                <SelectValue placeholder="Select a license" />
+              </SelectTrigger>
+              <SelectContent className="!z-[999]">
+                <SelectItem value="MIT">MIT</SelectItem>
+                <SelectItem value="Apache-2.0">Apache-2.0</SelectItem>
+                <SelectItem value="BSD-3-Clause">BSD-3-Clause</SelectItem>
+                <SelectItem value="GPL-3.0">GPL-3.0</SelectItem>
+                <SelectItem value="unset">Unset</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
           <div className="space-y-2">
             <Label htmlFor="description">Description</Label>
             <Textarea
               id="description"
-              value={description}
-              onChange={(e) => setDescription(e.target.value)}
+              value={formData.description}
+              onChange={(e) =>
+                setFormData((prev) => ({
+                  ...prev,
+                  description: e.target.value,
+                }))
+              }
               placeholder="Enter package description"
               disabled={updatePackageDetailsMutation.isLoading}
               className="resize-none min-h-[100px] w-full"