Giter Club home page Giter Club logo

bolt-uxp's People

Contributors

justintaylor-dev avatar klustre avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

bolt-uxp's Issues

Support `npm` in `create-bolt-uxp`

In the spirit of supporting various frameworks it would be nice when yarn is opt-in. To support npm we have to check if the yarn command is available and propose to use npm otherwise. There are hints that yarn can be used alongside npm. Is this correct? I'm not able to implement this right now, but happy to do so when I can.

The affected lines in create-bolt-uxp:

await execAsync(`cd ${fullPath} && yarn`);

`cd ${path.basename(fullPath)} && yarn )`

Resolve install path

The install path is not correctly resolved. It only supports relative paths.

◇  Where do you want to create your project?
~/Desktop/Hey
◇  Info
Creating Bolt UXP in /Users/User/Current Directory/~/Desktop/Hey

CLI Starter

Make a CLI starter like we have for Bolt CEP.

Options include:

  • Where to create project

  • Framework (Svelte, React, Vue)

I added ( // BOLT-UXP_SVELTE-ONLY, // BOLT-UXP_VUE-ONLY, and // BOLT-UXP_REACT-ONLY comments around.)

Also note the index.html will need to be updated with the right framework entrypoint

and the non-used framework specific files will need to be excluded
image

I have framework-specific package.json files like before (e.g. package.react.json etc)

  • Display name

  • Host App (PS, ID, AI, premierepro)

  • ID (modify uxp.config.ts )

  • Enable Hybrid

  • If enabled, then include the src/hybrid public-hybrid directories, otherwise exclude them

  • Also if enabled, then keep the enableAddon and addon object in the uxp.config.ts

  • Install Dependencies

Template misses `.gitignore`

Publishing modules to npm automatically excludes .gitignore files. The . needs to be removed and the file needs to be renamed to .gitignore when copied to the template.

Using @swc-react/* packages with bolt-uxp

Just wanted to bring this to attention, as the @swc-react looks promising and would be nice to use in a bolt-uxp react project, but using any of the @swc-react packages results in an error:
Uncaught ReferenceError: exports is not defined

Reading up on the main README.md file on this github repo, it is stated that "Recently the Adobe UXP team is moving away from the built-in Spectrum UXP to Spectrum Web Components."

Looking more into using Spectrum Web Components, you would normally add the package, such as "@spectrum-web-components/action-button" to use an action button.

Without defining a definition in the globals.d.ts, typescript will of course complain. But having a premade typed definition for specific components is really nice to have.

It looks like Adobe has created nice wrappers for each of these spectrum components (has supposably has support for Next.js). The documentation page can be found over here -> https://opensource.adobe.com/spectrum-web-components/using-swc-react/

However stated at the beginning, anytime any of the @swc-react packages are imported, it results in the exports is not defined error.

I could be missing a crucial step that I may have missed, but I haven't found anything clear to resolve this issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.