Merge pull request #11381 from kodadot/beta

(prod): 83% of January 2025 Ice Apple 🧊🍏

assets/styles/abstracts/_variables.scss

@@ -155,11 +155,6 @@ $placeholder-color: #cccccc;
 $search-background-color: #1a1718;
 $select-border-color: #7d7d7d;
 
-$frosted-glass-background: rgba(12, 12, 12, 0.7);
-$frosted-glass-background-dark: #b0b0b0ad;
-$frosted-glass-backdrop-filter: blur(20px);
-$frosted-glass-light-backdrop-filter: blur(4px);
-
 $sleek-primary-border: 1px solid $primary;
 
 $table-sticky-header-height: 60vh;

assets/styles/global.scss

@@ -175,17 +175,8 @@ hr {
 }
 
 // global table css
-
-.table {
-  @apply bg-background-color text-text-color;
-
-  &.is-hoverable tbody tr:not(.is-selected):hover {
-    @apply bg-background-color;
-  }
-
-  th {
-    @apply text-text-color bg-background-color;
-  }
+table th {
+  @apply text-text-color #{!important};
 }
 
 .fluid-padding-left {

components/TheFooter.vue

@@ -235,7 +235,7 @@ const menuKodadot: Menu[] = [
 
   {
     name: $i18n.t('press kit'),
-    url: 'https://github.com/kodadot/kodadot-presskit/tree/main/pre-v4',
+    url: 'https://github.com/kodadot/kodadot-presskit/tree/main/v4',
     external: true,
   },
   {

components/base/BaseTokenForm.vue

@@ -83,9 +83,9 @@
 <script setup lang="ts">
 import { NeoField } from '@kodadot1/brick'
 import { useVModel } from '@vueuse/core'
-import { MediaType } from '../rmrk/types'
-import { resolveMedia } from '../rmrk/utils'
 import type { BaseMintedCollection as MintedCollection } from './types'
+import { resolveMedia, MediaType } from '@/utils/gallery/media'
+
 import Auth from '@/components/shared/Auth.vue'
 import MetadataUpload from '@/components/shared/DropUpload.vue'
 import BasicInput from '@/components/shared/form/BasicInput.vue'

components/base/MediaItem.vue

@@ -78,8 +78,7 @@ import {
   NeoVideoMedia,
 } from '@kodadot1/brick'
 import AudioMedia from '@/components/shared/AudioMedia.vue'
-import { getMimeType, resolveMedia } from '@/utils/gallery/media'
-import { MediaType } from '@/components/rmrk/types'
+import { getMimeType, resolveMedia, MediaType } from '@/utils/gallery/media'
 
 const props = withDefaults(
   defineProps<{

components/codeChecker/massPreview/Canvas.vue

@@ -66,12 +66,8 @@ const generateMassPreview = () => {
   }))
 }
 
-useEventListener(window, 'message', async (res) => {
-  const hash = res.data.payload.hash
-  if (
-    res.data?.type === 'kodahash/render/completed'
-    && canvasPreviews.value.map(p => p.hash).includes(hash)
-  ) {
+onKodahashRenderCompleted(({ payload: { hash } }) => {
+  if (canvasPreviews.value.map(p => p.hash).includes(hash)) {
     canvasPreviews.value = canvasPreviews.value.map(preview =>
       preview.hash === hash
         ? { ...preview, renderedAt: performance.now(), loading: false }

components/codeChecker/utils.ts → components/codeChecker/utils/index.ts

@@ -1,17 +1,18 @@
 import type { ZipEntry } from 'unzipit'
 import { unzip } from 'unzipit'
 import { blake2AsHex } from '@polkadot/util-crypto'
-import config from './codechecker.config'
-import type { AssetMessage } from './types'
+import config from '../codechecker.config'
+import type { AssetMessage } from '../types'
+import { hasFileProcessing, processFile } from './processing'
 
 type FileEntry = { path: string, content: string }
 
-const cleanFileName = (path) => {
+const cleanFileName = (path): string => {
   const parts = path.split('/')
   return parts[parts.length - 1] // Returns only the file name
 }
 
-const createBlobUrlForEntry = async (entry, mimeType) => {
+const createBlobUrlForEntry = async (entry: ZipEntry, mimeType: string) => {
   const blob = await entry.blob()
   const typedBlob = new Blob([blob], { type: mimeType })
   return URL.createObjectURL(typedBlob)
@@ -39,8 +40,7 @@ const extractAssetAttributes = (
 // process and add a single asset to the assets array
 const processAsset = async (element, entries, assets) => {
   const attributes = extractAssetAttributes(element)
-  const assetType
-    = element.tagName.toLowerCase() === 'script' ? 'script' : 'style'
+  const assetType = element.tagName.toLowerCase() === 'script' ? 'script' : 'style'
 
   const asset: AssetMessage = {
     type: assetType,
@@ -55,15 +55,28 @@ const processAsset = async (element, entries, assets) => {
   }
 
   const cleanName = cleanFileName(attributes.srcOrHref)
-  const matchingEntryKey = Object.keys(entries).find(key =>
-    key.endsWith(cleanName),
-  )
+  const matchingEntryKey = Object
+    .keys(entries)
+    .find(key => key.endsWith(cleanName))
 
-  if (matchingEntryKey) {
-    const blobUrl = await createBlobUrlForEntry(
-      entries[matchingEntryKey],
-      attributes.mimeType,
-    )
+  if (!matchingEntryKey) {
+    return
+  }
+
+  const entry = entries[matchingEntryKey] as ZipEntry
+
+  if (hasFileProcessing(cleanName)) {
+    const blobUrl = await processFile({
+      entry,
+      entries,
+      mimeType: attributes.mimeType,
+      fileName: cleanName,
+    })
+    asset.src = blobUrl
+    assets.push(asset)
+  }
+  else {
+    const blobUrl = await createBlobUrlForEntry(entry, attributes.mimeType)
     asset.src = blobUrl
     assets.push(asset)
   }
@@ -162,7 +175,7 @@ export const extractAssetsFromZip = async (
 export const createSandboxAssets = async (
   indexFile: FileEntry,
   entries: { [key: string]: ZipEntry },
-) => {
+): Promise<Array<AssetMessage>> => {
   const assets: Array<AssetMessage> = []
   const htmlContent = indexFile.content
   const parser = new DOMParser()
@@ -175,6 +188,7 @@ export const createSandboxAssets = async (
   for (const element of assetElements) {
     await processAsset(element, entries, assets)
   }
+
   return assets
 }