create-playcanvas 0.10.1 → 0.11.1

package/templates/web-components/base/src/starter.css

@@ -1,104 +0,0 @@
-* {
-    box-sizing: border-box;
-}
-
-html,
-body,
-#root,
-#application,
-pc-app,
-canvas {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    overflow: hidden;
-}
-
-body {
-    background: #11151c;
-    color: #f8fafc;
-    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
-}
-
-canvas,
-pc-app {
-    display: block;
-}
-
-.hud {
-    position: fixed;
-    inset: 0;
-    z-index: 10;
-    padding: 20px;
-    pointer-events: none;
-}
-
-.panel {
-    width: min(360px, calc(100vw - 40px));
-    padding: 16px;
-    border: 1px solid #ffffff24;
-    border-radius: 14px;
-    background: #0b1019d9;
-    box-shadow: 0 12px 40px #0008;
-    backdrop-filter: blur(12px);
-    pointer-events: auto;
-}
-
-h1 {
-    margin: 0 0 6px;
-    font-size: 18px;
-}
-
-p {
-    margin: 6px 0 0;
-    color: #aeb8c8;
-    font-size: 13px;
-    line-height: 1.45;
-}
-
-.controls {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    margin-top: 14px;
-}
-
-button {
-    padding: 8px 11px;
-    border: 1px solid #ffffff24;
-    border-radius: 9px;
-    background: #263247;
-    color: inherit;
-    cursor: pointer;
-}
-
-button:hover,
-button[aria-pressed='true'] {
-    border-color: #41b6e6;
-    background: #334867;
-}
-
-button:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-}
-
-.swatch {
-    width: 32px;
-    height: 32px;
-    padding: 0;
-    border-radius: 50%;
-    background: var(--color);
-}
-
-.crosshair {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 16px;
-    height: 16px;
-    border: 2px solid #fff;
-    border-radius: 50%;
-    translate: -50% -50%;
-    box-shadow: 0 0 4px #000;
-}

package/templates/web-components/base/src/vite-env.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module 'playcanvas/scripts/esm/camera-controls.mjs' {
-    import type { Script } from 'playcanvas';
-
-    export const CameraControls: typeof Script & (new () => Script);
-}
-
-declare module 'playcanvas/scripts/esm/grid.mjs' {
-    import type { Script } from 'playcanvas';
-
-    export const Grid: typeof Script & (new () => Script);
-}
-
-declare module 'playcanvas/scripts/esm/sky/procedural-sky.mjs' {
-    import type { Script } from 'playcanvas';
-
-    export const ProceduralSky: typeof Script & (new () => Script);
-}

package/templates/web-components/interactive-sphere/src/style.css

@@ -1,53 +0,0 @@
-body {
-    margin: 0;
-    overflow: hidden;
-}
-
-h1 {
-    font-size: 2.4em;
-    line-height: 1.1;
-    opacity: 0.85;
-}
-
-.logo {
-    height: 2em;
-    padding: 0.5em;
-    will-change: filter;
-    transition: filter 300ms;
-}
-
-.playcanvas-logo {
-    border-radius: 100%;
-}
-
-.logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.typescript:hover {
-    filter: drop-shadow(0 0 2em #3178c6aa);
-}
-
-pc-app {
-    display: block;
-}
-
-.counter {
-    position: fixed;
-    bottom: 22px;
-    left: 50%;
-    z-index: 2;
-    margin: 0;
-    padding: 9px 13px;
-    border: 1px solid #ffffff24;
-    border-radius: 999px;
-    background: #07101bd9;
-    color: #f8fafc;
-    font:
-        650 12px Inter,
-        ui-sans-serif,
-        system-ui,
-        sans-serif;
-    translate: -50% 0;
-    backdrop-filter: blur(10px);
-}

package/templates/web-components/model-viewer/src/style.css

@@ -1,8 +0,0 @@
-body {
-    margin: 0;
-    overflow: hidden;
-}
-
-pc-app {
-    display: block;
-}

package/templates/web-components/spinning-cube/src/style.css

@@ -1,8 +0,0 @@
-body {
-    margin: 0;
-    overflow: hidden;
-}
-
-pc-app {
-    display: block;
-}

package/templates/web-components/splat-viewer/src/style.css

@@ -1,8 +0,0 @@
-body {
-    margin: 0;
-    overflow: hidden;
-}
-
-pc-app {
-    display: block;
-}