Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Make an Export to X option

Offen
  • Stimmt etwas nicht?
#560 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
25/100
Issue-Typ
Feature
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
typescript
Bereich
web-dev

Rechercherichtung

Start by inspecting how the TypeScript samples, imports, and asset paths are assembled and served; the issue specifically shows imports and relative cubemap image URLs as examples. Define the supported multi-file export targets and determine how each export rewrites module and asset URLs. Done means a sample can be exported to at least one supported service with its files and references working.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

It's nice to be able to edit the sample easily so consider making an [Export to X] where X is any service that supports multiple files.

The biggest issue is that the files need to URLs changed when uploaded.

Example:

import { mat4 } from 'wgpu-matrix';

import sampleCubemapWGSL from './sampleCubemap.wgsl';
import { quitIfWebGPUNotAvailableOrMissingFeatures } from '../util';

...

let cubemapTexture: GPUTexture;
{
  // The order of the array layers is [+X, -X, +Y, -Y, +Z, -Z]
  const imgSrcs = [
    '../../assets/img/cubemap/posx.jpg',
    '../../assets/img/cubemap/negx.jpg',
    '../../assets/img/cubemap/posy.jpg',
    '../../assets/img/cubemap/negy.jpg',
    '../../assets/img/cubemap/posz.jpg',
    '../../assets/img/cubemap/negz.jpg',
  ];
  const promises = imgSrcs.map(async (src) => {

Need to change to

import { mat4 } from 'https://unpkg.com/wgpu-matrix@latest/dist/3.x/wgpu-matrix.module.js';  // <- CHANGED

import sampleCubemapWGSL from './sampleCubemap.wgsl';
import { quitIfWebGPUNotAvailableOrMissingFeatures } from '../util';  // <- CHANGE?

...

let cubemapTexture: GPUTexture;
{
  // The order of the array layers is [+X, -X, +Y, -Y, +Z, -Z]
  const imgSrcs = [
    'https://webgpu.github.io/webgpu-samples/assets/img/cubemap/posx.jpg',  // <- CHANGED
    'https://webgpu.github.io/webgpu-samples/assets/img/cubemap/negx.jpg',  // <- CHANGED
    'https://webgpu.github.io/webgpu-samples/assets/img/cubemap/posy.jpg',  // <- CHANGED
    'https://webgpu.github.io/webgpu-samples/assets/img/cubemap/negy.jpg',  // <- CHANGED
    'https://webgpu.github.io/webgpu-samples/assets/img/cubemap/posz.jpg',  // <- CHANGED
    'https://webgpu.github.io/webgpu-samples/assets/img/cubemap/negz.jpg',  // <- CHANGED
  ];
  const promises = imgSrcs.map(async (src) => {

Of course you could just import the entire repo

Vorherrschende Sprache
TypeScript
Sterne
2.2k
Forks
357
Ø Merge
3 T. 5 Std.
Gemergte PRs (30 T.)
2

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus webgpu/webgpu-samples

Alle Issues in webgpu/webgpu-samples

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.