[GSoC 2025] Implement Asset Library

appinventor/appengine/src/com/google/appinventor/YaClient.gwt.xml

@@ -34,6 +34,7 @@
   <inherits name="com.google.gwt.query.Query" />
   <inherits name="org.pepstock.charba.Charba"/>
   <inherits name="com.google.gwt.xml.XML" />
+  <inherits name="com.google.appinventor.client.assetlibrary.AssetLibrary" />
 
   <set-property name="gwt.logging.logLevel" value="INFO"/>
   <set-property name="gwt.logging.enabled" value="TRUE"/>
@@ -45,6 +46,7 @@
   <servlet path="/projects" class="com.google.appinventor.server.ProjectServiceImpl" />
   <servlet path="/upload" class="com.google.appinventor.server.UploadServlet" />
   <servlet path="/userinfo" class="com.google.appinventor.server.UserInfoServiceImpl" />
+  <servlet path="/globalassets" class="com.google.appinventor.server.GlobalAssetServiceImpl" />
 
   <!-- srcs -->
   <source path="" includes="simple_components.json" />
@@ -93,6 +95,8 @@
   <source path="shared/rpc/project"/>
   <source path="shared/rpc/user"/>
   <source path="shared/rpc/project/youngandroid"/>
+  <source path="shared/rpc/globalasset"/>
+  <source path="shared/rpc/globalasset"/>
 
   <!-- extra_module_contents -->
 
@@ -110,6 +114,12 @@
     <when-type-assignable class="com.google.gwt.user.client.rpc.RemoteService" />
   </generate-with>
 
+  <!--
+  <generate-with class="com.google.gwt.user.client.rpc.RemoteServiceProxyGenerator">
+    <when-type-assignable class="com.google.appinventor.shared.rpc.globalasset.GlobalAssetService" />
+  </generate-with>
+  -->
+
   <replace-with class="com.google.appinventor.client.utils.FocusImplStandard">
     <when-type-is class="com.google.gwt.user.client.ui.impl.FocusImpl"/>
     <when-property-is name="user.agent" value="gecko1_8"/>

appinventor/appengine/src/com/google/appinventor/client/Images.java

@@ -834,4 +834,16 @@ public interface Images extends Resources {
    */
   @Source("com/google/appinventor/images/trendline.png")
   ImageResource trendline();
+
+  /**
+   * Generic file icon for assets that are not images, audio, or video.
+   */
+  @Source("com/google/appinventor/images/file.png")
+  ImageResource fileIcon();
+
+  /**
+   * Sync icon for updated global assets.
+   */
+  @Source("com/google/appinventor/images/syncIcon.png")
+  ImageResource syncIcon();
 }

appinventor/appengine/src/com/google/appinventor/client/Ode.java

@@ -29,6 +29,7 @@
 import com.google.appinventor.client.editor.youngandroid.TutorialPanel;
 import com.google.appinventor.client.editor.youngandroid.YaFormEditor;
 import com.google.appinventor.client.editor.youngandroid.YaProjectEditor;
+import com.google.appinventor.client.editor.youngandroid.AssetManagerPanel;
 import com.google.appinventor.client.editor.youngandroid.YaVisibleComponentsPanel;
 import com.google.appinventor.client.explorer.commands.ChainableCommand;
 import com.google.appinventor.client.explorer.commands.CommandRegistry;
@@ -96,6 +97,7 @@
 import com.google.gwt.resources.client.CssResource;
 import com.google.gwt.resources.client.ImageResource;
 import com.google.gwt.uibinder.client.UiField;
+import com.google.gwt.uibinder.client.UiFactory;
 import com.google.gwt.user.client.Command;
 import com.google.gwt.user.client.Event;
 import com.google.gwt.user.client.Event.NativePreviewEvent;
@@ -227,6 +229,7 @@ public class Ode implements EntryPoint {
   private int projectsTabIndex;
   private int designTabIndex;
   private int debuggingTabIndex;
+  private int assetLibraryTabIndex;
   private int userAdminTabIndex;
   @UiField protected TopPanel topPanel;
   @UiField protected StatusPanel statusPanel;
@@ -238,6 +241,21 @@ public class Ode implements EntryPoint {
   @UiField (provided = true) protected PaletteBox paletteBox = PaletteBox.getPaletteBox();
   @UiField (provided = true) protected ViewerBox viewerBox = ViewerBox.getViewerBox();
   @UiField (provided = true) protected AssetListBox assetListBox = AssetListBox.getAssetListBox();
+  // @UiField protected AssetManagerPanel assetManagerPanel;
+
+  // public AssetManagerPanel getAssetManagerPanel() {
+  //   return assetManagerPanel;
+  // }
+
+  @UiFactory
+  public com.google.appinventor.client.assetlibrary.AssetLibraryWidget createAssetLibraryWidget() {
+    return new com.google.appinventor.client.assetlibrary.AssetLibraryWidget(this);
+  }
+
+  @UiFactory
+  public com.google.appinventor.client.assetlibrary.AssetLibraryWidgetClassic createAssetLibraryWidgetClassic() {
+    return new com.google.appinventor.client.assetlibrary.AssetLibraryWidgetClassic(this);
+  }
   @UiField (provided = true) protected SourceStructureBox sourceStructureBox;
   @UiField (provided = true) protected PropertiesBox propertiesBox = PropertiesBox.getPropertiesBox();
 
@@ -387,6 +405,15 @@ public AssetManager getAssetManager() {
     return assetManager;
   }
 
+  /**
+   * Returns the asset list box.
+   *
+   * @return  asset list box
+   */
+  public AssetListBox getAssetListBox() {
+    return assetListBox;
+  }
+
   /**
    * Returns true if we have received the window closing event.
    */
@@ -529,6 +556,15 @@ public void switchToDebuggingView() {
     resizeWorkArea((WorkAreaPanel) deckPanel.getWidget(debuggingTabIndex));
   }
 
+  /**
+   * Switch to the Asset Library tab
+   */
+  public void switchToAssetLibraryView() {
+    hideChaff();
+    hideTutorials();
+    deckPanel.showWidget(assetLibraryTabIndex);
+  }
+
   /**
    * Processes the template and galleryId flags.
    *
@@ -1049,6 +1085,9 @@ public final void onBrowserEvent(Event event) {
     // Debugging Panel
     debuggingTabIndex = 3;
 
+    // Asset Library Panel
+    assetLibraryTabIndex = 4;
+
     RootPanel.get().add(mainPanel);
 
     // Add a handler to the RootPanel to keep track of Google Chrome Pinch Zooming and

appinventor/appengine/src/com/google/appinventor/client/Ode.ui.xml

@@ -9,6 +9,7 @@
              xmlns:ex="urn:import:com.google.appinventor.client.explorer.youngandroid"
              xmlns:ode="urn:import:com.google.appinventor.client"
              xmlns:box="urn:import:com.google.appinventor.client.boxes"
+             xmlns:assetlib="urn:import:com.google.appinventor.client.assetlibrary"
              ui:generatedFormat="com.google.gwt.i18n.server.PropertyCatalogFactory"
              ui:generatedKeys="com.google.gwt.i18n.server.keygen.MethodNameKeyGenerator"
              ui:generateLocales="default">
@@ -39,6 +40,10 @@
         <g:FlowPanel width="100%">
           <box:AdminUserListBox />
         </g:FlowPanel>
+        <g:FlowPanel width="100%" />
+        <g:FlowPanel>
+          <assetlib:AssetLibraryWidgetClassic />
+        </g:FlowPanel>
       </g:DeckPanel>
     </g:FlowPanel>
     <ode:StatusPanel ui:field="statusPanel" />

appinventor/appengine/src/com/google/appinventor/client/OdeMessages.java

@@ -119,9 +119,44 @@ public interface OdeMessages extends Messages, ComponentTranslations {
   @Description("Text on Toggle Warning Button")
   String hideWarnings();
 
-  @DefaultMessage("Upload File ...")
-  @Description("Text on \"Add...\" button")
-  String addButton();
+  @DefaultMessage("Upload File ...")  @Description("Text on \"Add...\" button")  String addButton();  @DefaultMessage("Preview")  @Description("Text on \"Preview\" button")  String previewButton();  @DefaultMessage("Download")  @Description("Text on \"Download\" button")  String downloadButton();  @DefaultMessage("Link to Project")
+  @Description("Text for button to link a global asset to the current project")
+  String linkToProjectButton();
+
+  @DefaultMessage("Error linking global asset to project.")
+  @Description("Error message when linking global asset to project fails")
+  String linkGlobalAssetError();
+
+  @DefaultMessage("Global asset ''{0}'' linked successfully to project.")
+  @Description("Success message when a global asset is linked to a project")
+  String globalAssetLinked(String assetName);
+
+  @DefaultMessage("No project is currently open. Please open a project to link global assets.")
+  @Description("Warning message when trying to link a global asset without an open project")
+  String noProjectOpenForLinking();
+
+  @DefaultMessage("Global Asset Update")
+  @Description("Title for the global asset update dialog")
+  String globalAssetUpdateDialogTitle();
+
+  @DefaultMessage("The global asset \"{0}\" has been updated.\n\n" +
+      "Current version timestamp: {1}\n" +
+      "New version timestamp: {2}\n\n" +
+      "Do you want to update this asset in your project?")
+  @Description("Message for the global asset update dialog")
+  String globalAssetUpdateMessage(String fileName, String oldTimestamp, String newTimestamp);
+
+  @DefaultMessage("Error updating global asset in project.")
+  @Description("Error message when updating global asset in project fails")
+  String globalAssetUpdateError();
+
+  @DefaultMessage("Global asset \"{0}\" updated successfully.")
+  @Description("Success message when a global asset is updated in the project")
+  String globalAssetUpdatedSuccessfully(String fileName);
+
+  @DefaultMessage("Error checking for global asset updates.")
+  @Description("Error message when checking for global asset updates fails")
+  String errorCheckingGlobalAssetUpdate();
 
   @DefaultMessage("Name")
   @Description("Header for name column of project table")
@@ -539,6 +574,10 @@ public interface OdeMessages extends Messages, ComponentTranslations {
   @Description("Name of Import Template menuitem")
   String importTemplateButton();
 
+  @DefaultMessage("Asset Library")
+  @Description("Name of Asset Library menuitem")
+  String assetLibraryMenuItem();
+
   @DefaultMessage("Export selected project (.aia) to my computer")
   @Description("Name of Export Project menuitem")
   String exportProjectMenuItem();
@@ -5823,4 +5862,120 @@ String newerVersionComponentException(String componentType, int srcCompVersion,
   @DefaultMessage("Welcome to App Inventor Neo! If you are looking for the classic App Inventor look, you can switch in the User Interface Settings, or <a href=\"\">click here</a>.")
   @Description("Message shown in the info popup when the user first opens the Neo UI.")
   String neoWelcomeMessage();
+
+  @DefaultMessage("Asset Manager")
+  @Description("Title for the Asset Manager panel")
+  String assetManagerTitle();
+
+  @DefaultMessage("Upload Asset")
+  @Description("Text for the upload asset button")
+  String uploadAssetButton();
+
+  @DefaultMessage("Search Assets")
+  @Description("Placeholder text for asset search box")
+  String searchAssetsPlaceholder();
+
+  @DefaultMessage("Folders")
+  @Description("Title for the folders section")
+  String foldersSectionTitle();
+
+  @DefaultMessage("Tags")
+  @Description("Title for the tags section")
+  String tagsSectionTitle();
+
+  @DefaultMessage("Recent")
+  @Description("Title for the recent assets section")
+  String recentAssetsTitle();
+
+  @DefaultMessage("Drag and drop files here")
+  @Description("Text shown in the upload drop zone")
+  String dragDropText();
+
+  @DefaultMessage("or click to browse")
+  @Description("Text shown next to drag and drop message")
+  String clickToBrowseText();
+
+  @DefaultMessage("Preview")
+  @Description("Title for the asset preview panel")
+  String previewTitle();
+
+  @DefaultMessage("Properties")
+  @Description("Title for the asset properties panel")
+  String propertiesTitle();
+
+  @DefaultMessage("Name")
+  @Description("Label for asset name property")
+  String assetNameLabel();
+
+  @DefaultMessage("Type")
+  @Description("Label for asset type property")
+  String assetTypeLabel();
+
+  @DefaultMessage("Size")
+  @Description("Label for asset size property")
+  String assetSizeLabel();
+
+  @DefaultMessage("Date Added")
+  @Description("Label for asset date added property")
+  String assetDateAddedLabel();
+
+  @DefaultMessage("Tags")
+  @Description("Label for asset tags property")
+  String assetTagsLabel();
+
+  @DefaultMessage("Add to Project")
+  @Description("Text for the add to project button")
+  String addToProjectButton();
+
+  @DefaultMessage("Delete")
+  @Description("Text for the delete asset button")
+  String deleteAssetButton();
+
+  @DefaultMessage("Edit")
+  @Description("Text for the edit asset button")
+  String editAssetButton();
+
+  @DefaultMessage("Create Folder")
+  @Description("Text for the create folder button")
+  String createFolderButton();
+
+  @DefaultMessage("Add Tag")
+  @Description("Text for the add tag button")
+  String addTagButton();
+
+  @DefaultMessage("Filter by Type")
+  @Description("Label for the asset type filter")
+  String filterByTypeLabel();
+
+  @DefaultMessage("All Types")
+  @Description("Text for the all types filter option")
+  String allTypesFilter();
+
+  @DefaultMessage("Images")
+  @Description("Text for the images filter option")
+  String imagesFilter();
+
+  @DefaultMessage("Audio")
+  @Description("Text for the audio filter option")
+  String audioFilter();
+
+  @DefaultMessage("Video")
+  @Description("Text for the video filter option")
+  String videoFilter();
+
+  @DefaultMessage("Other")
+  @Description("Text for the other files filter option")
+  String otherFilter();
+
+  @DefaultMessage("Upload as Global Asset")
+  @Description("Label for the checkbox to upload as a global asset")
+  String uploadAsGlobalAssetCheckbox();
+
+  @DefaultMessage("Global Folder (optional)")
+  @Description("Placeholder for the global folder text box in asset upload")
+  String globalFolderPlaceholder();
+
+  @DefaultMessage("Error fetching global assets.")
+  @Description("Error message when fetching global assets fails")
+  String errorFetchingGlobalAssets();
 }

appinventor/appengine/src/com/google/appinventor/client/OdeMessages.properties

@@ -0,0 +1,5 @@
+uploadAsGlobalAssetCheckbox=Upload as Global Asset
+globalFolderPlaceholder=Global Folder (optional)
+errorFetchingGlobalAssets=Error fetching global assets.
+previewButton=Preview
+downloadButton=Download