D-Marc1
Repos
17
Followers
10

Modern Fetch API wrapper for simplicity.

53
6

Wrapper class for MySQLi prepared statements to make your code concise.

61
15

Get all Facebook albums and photos https://websitebeaver.com/facebook-api-javascript-sdk-get-all-albums-and-photos

13
11

Cordova wrapper class to help standardize getting photos, videos and audio from your library or by recording and uploading multiple files at once.

Amazon S3 PHP Simple Functions

6
2

🔍 Vue 3 image zoom component.

5
1

Events

Created at 2 hours ago
create branch
D-Marc1 create branch main
Created at 1 day ago
create repository
D-Marc1 create repository
Created at 1 day ago
opened issue
[Feature Request] An alternative way to create component props with an interface

Describe the problem

There's times when the same interface you're using for a component's props, is used in multiple other places in the application.

I hate that you can't use interfaces with Svelte props, since you have you declare props one by one. Example:

export let count = 0
export let name = ''

It would be nice if you could pass in interfaces, like the following:

interface Props {
  count: number
  name: string
}

Obviously a contrived example, as the type can be inferred, but please ignore that for this sake.

Describe the proposed solution

Something like how Vue 3 reactivity transform (which incidentally won't be supported natively to destructure, despite being an experimental feature) did it:

interface Props {
  count: number
  name: string
}

const { count: 0, name: '' } = defineProps<Props>()

Alternatives considered

I'm not aware of any alternatives that currently exist to solve this issue. It's one of the rare things I feel like Svelte is lacking, which is an otherwise delightful library to use.

Importance

would make my life easier

Created at 3 days ago
Created at 3 days ago

Add CodeSandbox task to install Vue in demo folder

Created at 3 days ago
opened issue
[Svelte TypeScript] Property 'builtIn' is missing in type

The following code shown consists of the pertinent parts. Other parts of the code were omitted for brevity.

Code

<script lang="ts">
const customComponents = [
  {
    component: Counter,
    name: 'Counter',
    image: 'https://cdn-icons-png.flaticon.com/512/6134/6134688.png',
    inputs: [
      {
        name: 'count',
        type: 'number',
        defaultValue: 0
      },
    ],
  },
]
</script>

<RenderContent
  model="page"
  content={data.content}
  apiKey={BUILDER_PUBLIC_API_KEY}
  customComponents={customComponents}
/>

The full message is:

Type '{ component: typeof Counter__SvelteComponent_; name: string; image: string; inputs: { name: string; type: string; defaultValue: number; }[]; }[]' is not assignable to type 'RegisteredComponent[]'. Type '{ component: typeof Counter; name: string; image: string; inputs: { name: string; type: string; defaultValue: number; }[]; }' is not assignable to type 'RegisteredComponent'. Property 'builtIn' is missing in type '{ component: typeof Counter; name: string; image: string; inputs: { name: string; type: string; defaultValue: number; }[]; }' but required in type 'ComponentInfo'.

Created at 3 days ago
Created at 4 days ago

Add Vue dependency to demo subfolder

Created at 4 days ago
started
Created at 5 days ago
Created at 6 days ago
D-Marc1 delete branch change-badge-color
Created at 3 weeks ago
Change Capacitor.js badge color to black
Created at 3 weeks ago
D-Marc1 create branch change-badge-color
Created at 3 weeks ago
D-Marc1 delete branch add-capacitor-badge
Created at 3 weeks ago
D-Marc1 delete branch add-react-native-badge
Created at 3 weeks ago
Add React Native Badge
Created at 3 weeks ago
D-Marc1 create branch add-react-native-badge
Created at 3 weeks ago
Add Capacitor.js Badge
Created at 3 weeks ago
D-Marc1 create branch add-capacitor-badge
Created at 3 weeks ago

Make Vue a peerDependency

Created at 3 weeks ago

Fix typo in CHANGELOG in header hash

Created at 3 weeks ago
D-Marc1 create tag 1.1.0
Created at 3 weeks ago

Add details new version in CHANGELOG

Created at 3 weeks ago
fix: export default style

Thank you for this fix!

Created at 3 weeks ago

fix: export default style

Change CSS file alias name and show usage in README

Merge pull request #5 from skhrvg/master

fix: export default style

Created at 3 weeks ago
pull request closed
fix: export default style

Vite libraries cannot inject css files, so they must be imported manually (for example, in main.ts). To make this possible, please add CSS export to package.json.

Also, it would be good to point out the need for manual import in README.md.

// main.ts
...
import '@websitebeaver/vue-magnifier/style'
...
Created at 3 weeks ago