add removal asset method (#18)

Author: mateuszJS

src/index.ts

@@ -5,7 +5,8 @@ import runCreator from 'run'
 import { createTextureFromSource } from 'WebGPU/getTexture'
 import {
   init_state,
-  add_texture,
+  add_asset,
+  remove_asset,
   connect_on_asset_update_callback,
   destroy_state,
   import_icons,
@@ -21,6 +22,7 @@ export type SerializedAsset = Omit<AssetZig, 'texture_id'> & {
 
 export interface CreatorAPI {
   addImage: (img: HTMLImageElement, points?: PointUV[]) => void
+  removeAsset: VoidFunction
   destroy: VoidFunction
 }
 
@@ -78,7 +80,7 @@ export default async function initCreator(
       texture: createTextureFromSource(device, img, { flipY: true }),
     })
 
-    add_texture(points || getDefaultPoints(img, canvas), newTextureId)
+    add_asset(points || getDefaultPoints(img, canvas), newTextureId)
   }
 
   assets.forEach((asset) => {
@@ -108,8 +110,13 @@ export default async function initCreator(
 
   const stopCreator = runCreator(canvas, context, device, presentationFormat, textures)
 
+  function removeAsset() {
+    remove_asset()
+  }
+
   return {
     addImage,
+    removeAsset,
     destroy: () => {
       stopCreator()
       destroy_state()

src/logic/index.d.ts

@@ -18,7 +18,8 @@ type AssetZig = {
 
 declare module '*.zig' {
   export const init_state: (width: number, height: number) => void
-  export const add_texture: (points: PointUV[], texture_id: number) => void
+  export const add_asset: (points: PointUV[], texture_id: number) => void
+  export const remove_asset: () => void
   export const update_points: (id: number, points: PointUV[]) => void
 
   export const on_update_pick: (id: number) => void

src/logic/index.zig

@@ -67,9 +67,15 @@ pub fn init_state(width: u32, height: u32) void {
 }
 
 var next_asset_id: u32 = ASSET_ID_TRESHOLD;
-pub fn add_texture(points: [4]Types.PointUV, texture_id: u32) void {
+pub fn add_asset(points: [4]Types.PointUV, texture_id: u32) void {
     state.assets.put(next_asset_id, Texture.new(next_asset_id, points, texture_id)) catch unreachable;
     next_asset_id +%= 1;
+    on_asset_update();
+}
+
+pub fn remove_asset() void {
+    state.assets.remove(state.active_asset_id) catch unreachable;
+    on_asset_update();
 }
 
 pub fn update_points(id: u32, points: [4]Types.PointUV) void {
@@ -95,13 +101,7 @@ pub fn on_pointer_down(x: f32, y: f32) void {
     }
 }
 
-pub fn on_pointer_up() void {
-    if (state.ongoing_action == .none) {
-        state.active_asset_id = state.hovered_asset_id;
-    }
-
-    state.ongoing_action = .none;
-
+fn on_asset_update() void {
     var result = std.heap.page_allocator.alloc(AssetZig, state.assets.count()) catch unreachable;
     var iterator = state.assets.iterator();
     var i: usize = 0;
@@ -115,6 +115,16 @@ pub fn on_pointer_up() void {
     }
 }
 
+pub fn on_pointer_up() void {
+    if (state.ongoing_action == .none) {
+        state.active_asset_id = state.hovered_asset_id;
+    }
+
+    state.ongoing_action = .none;
+
+    on_asset_update();
+}
+
 pub fn on_pointer_move(x: f32, y: f32) void {
     switch (state.ongoing_action) {
         .move => {