From 9a018fc136d84516ab9fa8858f5cfb39d93ed712 Mon Sep 17 00:00:00 2001 From: "Samuel M. Bednarz" Date: Sat, 19 Oct 2024 22:34:52 +0200 Subject: [PATCH] Refactor Slider component to include zoom functionality and improve handle movement and size calculation --- apps/team/.github/workflows/studio.yml | 77 -------------------------- apps/team/app.vue | 66 ++++++++++++++++++++++ apps/team/package.json | 9 ++- packages/nobel/styles/base.css | 10 ++++ pnpm-lock.yaml | 75 ++++++++++++++++++++++++- 5 files changed, 158 insertions(+), 79 deletions(-) delete mode 100644 apps/team/.github/workflows/studio.yml diff --git a/apps/team/.github/workflows/studio.yml b/apps/team/.github/workflows/studio.yml deleted file mode 100644 index b391e8d..0000000 --- a/apps/team/.github/workflows/studio.yml +++ /dev/null @@ -1,77 +0,0 @@ - -name: studio-nuxt-build -run-name: studio nuxt build - -on: - # Runs on pushes targeting the default branch - push: - branches: - - 'main' - - # Allows you to run this workflow manually from the Actions tab - workflow_dispatch: - -# Add write workflow permissions -permissions: - contents: write - -# Allow one concurrent deployment -concurrency: - group: "pages" - cancel-in-progress: true - -jobs: - # Build job - build-and-deploy: - runs-on: ${{ matrix.os }} - defaults: - run: - working-directory: . - - strategy: - matrix: - os: [ubuntu-latest] - node: [20] - - steps: - - name: Checkout - uses: actions/checkout@v4 - - - name: Identify package manager - id: pkgman - run: | - cache=`[ -f "./pnpm-lock.yaml" ] && echo "pnpm" || ([ -f "./package-lock.json" ] && echo "npm" || ([ -f "./yarn.lock" ] && echo "yarn" || echo ""))` - package_manager=`[ ! -z "$cache" ] && echo "$cache" || echo "pnpm"` - echo "cache=$cache" >> $GITHUB_OUTPUT - echo "package_manager=$package_manager" >> $GITHUB_OUTPUT - - - uses: pnpm/action-setup@v4 - if: ${{ steps.pkgman.outputs.package_manager == 'pnpm' }} - name: Install pnpm - id: pnpm-install - - - uses: actions/setup-node@v4 - with: - version: ${{ matrix.node }} - cache: ${{ steps.pkgman.outputs.cache }} - - - name: Install dependencies - run: ${{ steps.pkgman.outputs.package_manager }} install - - - name: Install @nuxthq/studio - run: ${{ steps.pkgman.outputs.package_manager }} add -D @nuxthq/studio - - - name: Create .nuxtrc - run: echo $'\nautoImport=true\nmodules[]=@nuxthq/studio' >> .nuxtrc - - - name: Generate - run: npx nuxi build --preset github_pages - env: - NUXT_PUBLIC_STUDIO_API_URL: https://api.nuxt.studio - - - # Deployment job - - name: Deploy 🚀 - uses: JamesIves/github-pages-deploy-action@v4 - with: - folder: ./.output/public diff --git a/apps/team/app.vue b/apps/team/app.vue index 2b1be09..8adee0e 100644 --- a/apps/team/app.vue +++ b/apps/team/app.vue @@ -1,5 +1,71 @@ + + + + diff --git a/apps/team/package.json b/apps/team/package.json index 00559ba..9b48797 100644 --- a/apps/team/package.json +++ b/apps/team/package.json @@ -9,6 +9,13 @@ }, "dependencies": { "@nuxt/content": "^2.13.4", - "nuxt": "^3.13.2" + "nuxt": "^3.13.2", + "@nobel/core": "workspace:*", + "@umbrajs/core": "workspace:*", + "@vueuse/components": "^11.0.3", + "@vueuse/core": "^11.0.3", + "colord": "^2.9.3", + "gsap": "^3.12.5", + "gsap-trial": "^3.12.5" } } diff --git a/packages/nobel/styles/base.css b/packages/nobel/styles/base.css index e8ba7e2..b7a35bf 100644 --- a/packages/nobel/styles/base.css +++ b/packages/nobel/styles/base.css @@ -72,3 +72,13 @@ button { outline: none; padding: 0; } + +a { + color: var(--accent-60); + text-decoration: none; + transition: var(--time); +} + +a:hover { + color: var(--accent-100); +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 20dbec2..6cb1ac9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -96,9 +96,30 @@ importers: apps/team: dependencies: + '@nobel/core': + specifier: workspace:* + version: link:../../packages/nobel '@nuxt/content': specifier: ^2.13.4 version: 2.13.4(nuxt@3.13.2)(vue@3.5.12) + '@umbrajs/core': + specifier: workspace:* + version: link:../../packages/core + '@vueuse/components': + specifier: ^11.0.3 + version: 11.0.3(vue@3.5.12) + '@vueuse/core': + specifier: ^11.0.3 + version: 11.0.3(vue@3.5.12) + colord: + specifier: ^2.9.3 + version: 2.9.3 + gsap: + specifier: ^3.12.5 + version: 3.12.5 + gsap-trial: + specifier: ^3.12.5 + version: 3.12.5 nuxt: specifier: ^3.13.2 version: 3.13.2(vite@5.4.9) @@ -2592,6 +2613,7 @@ packages: dependencies: is-glob: 4.0.3 micromatch: 4.0.5 + napi-wasm: 1.1.3 dev: false bundledDependencies: - napi-wasm @@ -4160,6 +4182,17 @@ packages: - vue dev: false + /@vueuse/components@11.0.3(vue@3.5.12): + resolution: {integrity: sha512-/mbv4R1ody3rYz42U14SQ6GkAKHCAHhFIBdR6nKJbEJeFMoiB93dzX0sT2S05CpYCJJgv3JLAwEHeehYqqmbyQ==} + dependencies: + '@vueuse/core': 11.0.3(vue@3.5.12) + '@vueuse/shared': 11.0.3(vue@3.5.12) + vue-demi: 0.14.10(vue@3.5.12) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + dev: false + /@vueuse/components@11.0.3(vue@3.5.4): resolution: {integrity: sha512-/mbv4R1ody3rYz42U14SQ6GkAKHCAHhFIBdR6nKJbEJeFMoiB93dzX0sT2S05CpYCJJgv3JLAwEHeehYqqmbyQ==} dependencies: @@ -4183,6 +4216,18 @@ packages: - vue dev: false + /@vueuse/core@11.0.3(vue@3.5.12): + resolution: {integrity: sha512-RENlh64+SYA9XMExmmH1a3TPqeIuJBNNB/63GT35MZI+zpru3oMRUA6cEFr9HmGqEgUisurwGwnIieF6qu3aXw==} + dependencies: + '@types/web-bluetooth': 0.0.20 + '@vueuse/metadata': 11.0.3 + '@vueuse/shared': 11.0.3(vue@3.5.12) + vue-demi: 0.14.10(vue@3.5.12) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + dev: false + /@vueuse/core@11.0.3(vue@3.5.4): resolution: {integrity: sha512-RENlh64+SYA9XMExmmH1a3TPqeIuJBNNB/63GT35MZI+zpru3oMRUA6cEFr9HmGqEgUisurwGwnIieF6qu3aXw==} dependencies: @@ -4254,7 +4299,16 @@ packages: /@vueuse/shared@10.1.2(vue@3.3.4): resolution: {integrity: sha512-1uoUTPBlgyscK9v6ScGeVYDDzlPSFXBlxuK7SfrDGyUTBiznb3mNceqhwvZHjtDRELZEN79V5uWPTF1VDV8svA==} dependencies: - vue-demi: 0.14.6(vue@3.3.4) + vue-demi: 0.14.10(vue@3.3.4) + transitivePeerDependencies: + - '@vue/composition-api' + - vue + dev: false + + /@vueuse/shared@11.0.3(vue@3.5.12): + resolution: {integrity: sha512-0rY2m6HS5t27n/Vp5cTDsKTlNnimCqsbh/fmT2LgE+aaU42EMfXo8+bNX91W9I7DDmxfuACXMmrd7d79JxkqWA==} + dependencies: + vue-demi: 0.14.10(vue@3.5.12) transitivePeerDependencies: - '@vue/composition-api' - vue @@ -7798,6 +7852,10 @@ packages: resolution: {integrity: sha512-AiJsGsSF3O0havL1BydvI4+wR76sKT+okKRwWIaK96cZUnXqH0uNBOsHlbwZq3+m2BR1VKqHDVudl3gO4mYjpQ==} dev: false + /napi-wasm@1.1.3: + resolution: {integrity: sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg==} + dev: false + /natural-compare-lite@1.4.0: resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==} dev: true @@ -10836,6 +10894,21 @@ packages: ufo: 1.5.4 dev: false + /vue-demi@0.14.10(vue@3.3.4): + resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==} + engines: {node: '>=12'} + hasBin: true + requiresBuild: true + peerDependencies: + '@vue/composition-api': ^1.0.0-rc.1 + vue: ^3.0.0-0 || ^2.6.0 + peerDependenciesMeta: + '@vue/composition-api': + optional: true + dependencies: + vue: 3.3.4 + dev: false + /vue-demi@0.14.10(vue@3.5.12): resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==} engines: {node: '>=12'}